Merge pull request #2 from newfold-labs/update/add-cypress

Add cypress test files

tests/cypress/fixtures/ctbGET.json

@@ -0,0 +1,4 @@
+{
+    "id": "57d6a568-783c-45e2-a388-847cff155897",
+    "content": "<div style=\"width:100%\">\n\t<style>\n\t\/* following rule should be merged with the \n\tnext plugin update and removed from here *\/\n\t.ctb-modal-content {\n\t\tpadding: 1.875rem;\n\t\tborder-radius: 6.5px;\n\t\tmin-width: 620px;\n\t\tmax-width: 620px;\n\t}\n\t\n\t.nfd-ctb-modal-product-header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 1.35rem;\n\t}\n\n\t.nfd-ctb-modal-product-header h2 {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tfont-size: 1.02rem;\n\t\tline-height: 1.5;\n\t}\n\n\t.nfd-ctb-modal-product-header img {\n\t\tpadding-right: 10px;\n\t}\n\n\t.nfd-ctb-modal-product-pricing {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: flex-end;\n\t\tgap: 5px;\n\t\tmin-width: 180px;\n\t\tmargin-left: 25px;\n\t}\n\n\t.nfd-ctb-modal-product-price {\n\t\tfont-size: 1rem;\n\t\tmargin: 0px;\n\t}\n\n\t.nfd-ctb-modal-product-renewal-notice {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 3px;\n\t\tmin-width: 100%;\n\t\tfont-size: .825rem;\n\t\tcolor: #616a76;\n\t}\n\n\t.nfd-ctb-modal-product-renewal-notice svg {\n\t\twidth: 15px;\n\t\theight: 15px;\n\t\tfill: #616a76;\n\t}\n\n\t.nfd-ctb-modal-product-features p {\n\t\tmargin: 0 1.5px 1.1rem;\n\t\tfont-size: .85rem;\n\t\tpadding: 0;\n\t}\n\n\t.nfd-ctb-modal-product-features ul {\n\t\tmargin: 0 2.5px 1.75rem;\n\t\tfont-size: .865rem;\n\t}\n\n\t.nfd-ctb-modal-product-features svg {\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\tfill: #25b366;\n\t}\n\n\t.nfd-ctb-modal-product-features li {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t\tgap: 3.5px;\n\t}\n\n\t@media  screen and (max-width: 768px) {\n\t\t.ctb-modal-content {\n\t\t\tpadding: 1.1rem !important;\n\t\t\tmin-width: 80vw !important;\n\t\t\tmax-width: 80vw !important;\n\t\t}\n\n\t\t.nfd-ctb-modal-product-header {\n\t\t\tflex-direction: column;\n\t\t\talign-items: flex-start;\n\t\t}\n\n\t\t.nfd-ctb-modal-product-pricing {\n\t\t\talign-items: flex-start;\n\t\t\tmargin-left: 3px;\n\t\t\tmargin-top: 0.85rem;\n\t\t}\n\n\t\t.nfd-ctb-modal-product-renewal-notice {\n\t\t\tjustify-content: flex-start;\n\t\t}\n\t}\n<\/style>\n\n<div class=\"nfd-ctb-modal-product-header\">\n\t<h2>\n\t\t<img width=\"70\" height=\"70\" src=https:\/\/cdn.hiive.space\/marketplace\/vendors-assets\/yoast-logo-256.svg>\n\t\t<span>Yoast SEO Premium<\/span>\n\t<\/h2>\n\n\t<div class=\"nfd-ctb-modal-product-pricing\">\n\n\t\t<p class=\"nfd-ctb-modal-product-price\">\n\t\t\t$79.00\/yearly\n\t\t<\/p>\n\t\t\n\t<\/div>\n\n<\/div>\n<div class=\"nfd-ctb-modal-product-features\">\n\t\n\t\t<ul>\n\t\t<li><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n\t<path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n\t<path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n<\/svg>Optimize your site for the right keywords for your users.<\/li>\n\t\t<li><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n\t<path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n\t<path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n<\/svg>Avoid dead links in your site.<\/li>\n\t\t<li><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n\t<path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n\t<path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n<\/svg>Get previews for sharing on Twitter and Facebook.<\/li>\n\t\t<li><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n\t<path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n\t<path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n<\/svg>Content quality and link suggestions as you write.<\/li>\n\t<\/ul>\n\n<\/div>\n\t<style>\n\t.nfd-ctb-modal-footer {\n\t}\n\n\t.ctb-actions {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tmargin-bottom: 10px;\n\t}\n\t\n\t.nfd-ctb-modal-cc-expired {\n\t\tmargin-top: 2.2rem;\n\t\tfont-size: .9rem;\n\t\tpadding: 0 0.65rem;\n\t\tborder-radius: 4.5px;\n\t\tcolor: #d33535;\n\t\tborder: 1px solid #f6d7d7;\n\t\tbackground-color: #fbeded;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 0.85rem;\n\t}\n\n\t.nfd-ctb-modal-cc-expired svg {\n\t\tpadding: 0.8rem 0.65rem 0.8rem 0;\n\t\tfill: #d33535;\n\t\twidth: 34px;\n\t\theight: 34px;\n\t\tborder-right: 2px solid #f6d7d7;\n\t}\n\n\t.nfd-ctb-modal-cc-expired p {\n\t\tmargin: 0;\n\t}\n\n\t.nfd-ctb-modal-cc-expired-action {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin-top: 1.15rem;\n\t}\n\n\t.nfd-ctb-modal-cc-expired-action p {\n\t\tmargin: 0;\n\t}\n\n\t.nfd-ctb-modal-cc-notice,\n\t.nfd-ctb-modal-paypal-notice {\n\t\tmargin-top: 1.975rem;\n\t\tfont-size: .7rem;\n\t\tpadding: 0.65rem;\n\t\tborder-radius: 4.5px;\n\t\tborder: 1px solid #e7eff9;\n\t\tbackground-color: #f1f5f7;\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t}\n\n\t.nfd-ctb-modal-cc-notice svg,\n\t.nfd-ctb-modal-paypal-notice svg {\n\t\twidth: 18px;\n\t\theight: 18px;\n\t}\n\n\t.nfd-ctb-modal-cc-notice svg {\n\t\tfill: #25b366;\n\t}\n\n\t\/* .nfd-ctb-modal-paypal-notice svg {\n\t\tfill: #00457C;\n\t} *\/\n\n\t.nfd-ctb-modal-terms {\n\t\tmargin-top: 1.25rem;\n\t\tcolor: #242424;\n\t\tborder-top: 1px solid #ebebeb;\n\t\tfont-size: 11.5px;\n\t\tpadding: 0.65rem 0.4rem 0;\n\t\tline-height: 1.55;\n\t}\n<\/style>\n\n<div class=\"nfd-ctb-modal-footer\">\n\n\t\t\t<div class=\"ctb-actions\">\n\t\t\t<button class=\"components-button bluehost is-secondary\" style=\"margin-right:1rem\"\n            type=\"button\"\n                data-a11y-dialog-destroy\n        >\n    Cancel\n<\/button>\n\t\t\t<button class=\"components-button bluehost is-primary\" data-action=\"purchase-ctb\" data-ctb-id=\"57d6a568-783c-45e2-a388-847cff155897\"\n            type=\"button\"\n            >\n    Buy Now\n<\/button>\n\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"nfd-ctb-modal-cc-notice\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" enable-background=\"new 0 0 24 24\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\" fill=\"#000000\">\n\t<g>\n\t\t<path d=\"M0,0h24v24H0V0z\" fill=\"none\" \/>\n\t<\/g>\n\t<g>\n\t\t<path d=\"M20,4H4C2.89,4,2.01,4.89,2.01,6L2,18c0,1.11,0.89,2,2,2h5v-2H4v-6h18V6C22,4.89,21.11,4,20,4z M20,8H4V6h16V8z M14.93,19.17l-2.83-2.83l-1.41,1.41L14.93,22L22,14.93l-1.41-1.41L14.93,19.17z\" \/>\n\t<\/g>\n<\/svg>\n\t\t\t\t<span>Your saved card ending in <strong>0009<\/strong> will be charged for this transaction.<\/span>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\n<\/div>\n<\/div>\n"
+}

tests/cypress/fixtures/ctbPOST.json

@@ -0,0 +1,4 @@
+{
+    "content": "<style>\n\t.ctb-modal-content {\n\t\tpadding: 0;\n\t\tborder-radius: 6.5px;\n\t\tmin-width: 645px;\n\t\tmax-width: 645px;\n\t\toverflow: hidden;\n\t}\n\n\t.nfd-ctb-modal-success {\n\t\tmin-width: 100%;\n\t\tmax-height: 85vh;\n    \toverflow-y: auto !important;\n\t}\n\n\t.nfd-ctb-modal-success-top {\n\t\tpadding: 1.875rem;\n\t\tbackground-color: #d3f0e0;\n\t\tcolor: #25b366;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 1rem;\n\t}\n\n\t.nfd-ctb-modal-success-icon {\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tborder-radius: 999px;\n\t\tbackground-color: #25b366;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.nfd-ctb-modal-success-icon svg {\n\t\tfill: #fff;\n\t\tmargin-bottom: 1.25rem;\n\t\tmargin: 0 auto;\n\t\twidth: 32px;\n\t\theight: 32px;\n\t}\n\n\t.nfd-ctb-modal-success-top h3 {\n\t\tmargin: 0;\n\t\tfont-size: 1.25rem;\n\t\tfont-weight: bold;\n\t\tcolor: #25b366;\n\t}\n\n\t.nfd-ctb-modal-success-content {\n\t\tpadding: 1.875rem;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 1.5rem;\n\t}\n\n\t.nfd-ctb-modal-success-action {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tmargin-top: 1rem;\n\t}\n\n\t@media  screen and (max-width: 768px) {\n\t\t.ctb-modal-content {\n\t\t\tpadding: 0 !important;\n\t\t\tmin-width: 80vw !important;\n\t\t\tmax-width: 80vw !important;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-top {\n\t\t\tpadding: 1.1rem;\n\t\t\tgap: .8rem;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-icon {\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-top h3 {\n\t\t\tfont-size: .9rem;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-content {\n\t\t\tpadding: 1.1rem;\n\t\t}\n\t}\n<\/style>\n\n<div class=\"nfd-ctb-modal-success\">\n\t<div class=\"nfd-ctb-modal-success-top\">\n\t\t<div class=\"nfd-ctb-modal-success-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n\t<path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n\t<path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n<\/svg>\t\t<\/div>\n\t\t<h3>Your Payment Was Successful!<\/h3>\n\t<\/div>\n\n\t<style>\n\t\t.nfd-ctb-modal-success-installable {\n\t\t\tpadding: 1.875rem;\n\t\t\tcolor: #1a4784;\n\t\t\tbackground-color: #f0faff;\n\t\t\tborder-bottom: 1px solid #e7eff9;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-installable h4 {\n\t\t\tfont-size: 1.1rem;\n\t\t\tpadding: 0 0 0.6rem 0 !important;\n\t\t\tcolor: #1a4784;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-installable p {\n\t\t\tline-height: 1.5;\n\t\t\tmargin: 0;\n\t\t}\n\t<\/style>\n\n\t<div class=\"nfd-ctb-modal-success-installable\">\n\t\t<h4>Installation:<\/h4>\n\t\t<p>The Yoast SEO Premium plugin will be automatically installed and activated on your site shortly.<\/p>\n\t<\/div>\n\n\t<div class=\"nfd-ctb-modal-success-content\">\n\t\t\t\t<style>\n\t.nfd-ctb-modal-success-item h4 {\n\t\tfont-size: .95rem;\n\t\tpadding: 0 0 0.6rem 0 !important;\n\t}\n\n\t.nfd-ctb-modal-success-item-info {\n\t\tbackground-color: #f1f5f7;\n\t\tborder: 1px solid #e7eff9;\n\t\tpadding: 1.25rem 1.1rem;\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tgap: 1.1rem;\n\t\tfont-size: .9rem;\n\t}\n\n\t.nfd-ctb-modal-success-item-info p {\n\t\tmargin: 0;\n\t}\n\n\t.nfd-ctb-modal-success-item-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: .5rem;\n\t}\n\n\t.nfd-ctb-modal-success-item-left svg {\n\t\tbackground-color: #3575D3;\n\t\tfill: #fff;\n\t\tborder-radius: 999px;\n\t\tpadding: 4px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t}\n\n\t@media  screen and (max-width: 768px) {\n\t\t.nfd-ctb-modal-success-item h4 {\n\t\t\tfont-size: .88rem;\n\t\t}\n\t\t\n\t\t.nfd-ctb-modal-success-item-info {\n\t\t\tflex-direction: column;\n\t\t\tpadding: 1.1rem .85rem;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: flex-start;\n\t\t\tgap: .7rem;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-item-right {\n\t\t\tborder-top: 1px solid #d2dde3;\n\t\t\tpadding-top: .7rem;\n\t\t\twidth: 100%\n\t\t}\n\t}\n<\/style>\n\n<div class=\"nfd-ctb-modal-success-item\">\n\t<h4>You Purchased<\/h4>\n\n\t<div class=\"nfd-ctb-modal-success-item-info\">\n\t\t\n\n\t\t\t\t\t<div class=\"nfd-ctb-modal-success-item-left\">\n\t\t\t\t\n\t\t\t\t<p>Yoast SEO Premium<\/p>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"nfd-ctb-modal-success-item-right\">\n\t\t\t\t<p>$79.00<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\t\t\n\t\t\t\t\t<style>\n\t.nfd-ctb-modal-success-item h4 {\n\t\tfont-size: .95rem;\n\t\tpadding: 0 0 0.6rem 0 !important;\n\t}\n\n\t.nfd-ctb-modal-success-item-info {\n\t\tbackground-color: #f1f5f7;\n\t\tborder: 1px solid #e7eff9;\n\t\tpadding: 1.25rem 1.1rem;\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tgap: 1.1rem;\n\t\tfont-size: .9rem;\n\t}\n\n\t.nfd-ctb-modal-success-item-info p {\n\t\tmargin: 0;\n\t}\n\n\t.nfd-ctb-modal-success-item-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: .5rem;\n\t}\n\n\t.nfd-ctb-modal-success-item-left svg {\n\t\tbackground-color: #3575D3;\n\t\tfill: #fff;\n\t\tborder-radius: 999px;\n\t\tpadding: 4px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t}\n\n\t@media  screen and (max-width: 768px) {\n\t\t.nfd-ctb-modal-success-item h4 {\n\t\t\tfont-size: .88rem;\n\t\t}\n\t\t\n\t\t.nfd-ctb-modal-success-item-info {\n\t\t\tflex-direction: column;\n\t\t\tpadding: 1.1rem .85rem;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: flex-start;\n\t\t\tgap: .7rem;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-item-right {\n\t\t\tborder-top: 1px solid #d2dde3;\n\t\t\tpadding-top: .7rem;\n\t\t\twidth: 100%\n\t\t}\n\t}\n<\/style>\n\n<div class=\"nfd-ctb-modal-success-item\">\n\t<h4>Payment Method<\/h4>\n\n\t<div class=\"nfd-ctb-modal-success-item-info\">\n\t\t\n\n\t\t\t\t\t<div class=\"nfd-ctb-modal-success-item-left\">\n\t\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n\t<path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n\t<path\n\t\td=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z\" \/>\n<\/svg>\n\t\t\t\t\n\t\t\t\t<p>Saved Credit\/Debit Card<\/p>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<div class=\"nfd-ctb-modal-success-item-right\">\n\t\t\t\t<p>Ending in 0009<\/p>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\t\t\n\t\t<style>\n\t.nfd-ctb-modal-success-item h4 {\n\t\tfont-size: .95rem;\n\t\tpadding: 0 0 0.6rem 0 !important;\n\t}\n\n\t.nfd-ctb-modal-success-item-info {\n\t\tbackground-color: #f1f5f7;\n\t\tborder: 1px solid #e7eff9;\n\t\tpadding: 1.25rem 1.1rem;\n\t\tborder-radius: 8px;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tgap: 1.1rem;\n\t\tfont-size: .9rem;\n\t}\n\n\t.nfd-ctb-modal-success-item-info p {\n\t\tmargin: 0;\n\t}\n\n\t.nfd-ctb-modal-success-item-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: .5rem;\n\t}\n\n\t.nfd-ctb-modal-success-item-left svg {\n\t\tbackground-color: #3575D3;\n\t\tfill: #fff;\n\t\tborder-radius: 999px;\n\t\tpadding: 4px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t}\n\n\t@media  screen and (max-width: 768px) {\n\t\t.nfd-ctb-modal-success-item h4 {\n\t\t\tfont-size: .88rem;\n\t\t}\n\t\t\n\t\t.nfd-ctb-modal-success-item-info {\n\t\t\tflex-direction: column;\n\t\t\tpadding: 1.1rem .85rem;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: flex-start;\n\t\t\tgap: .7rem;\n\t\t}\n\n\t\t.nfd-ctb-modal-success-item-right {\n\t\t\tborder-top: 1px solid #d2dde3;\n\t\t\tpadding-top: .7rem;\n\t\t\twidth: 100%\n\t\t}\n\t}\n<\/style>\n\n<div class=\"nfd-ctb-modal-success-item\">\n\t<h4>Receipt<\/h4>\n\n\t<div class=\"nfd-ctb-modal-success-item-info\">\n\t\t<p><a target=\"_blank\" href=\"https:\/\/my.bluehost.com\/hosting\/billing_history\/invoice\/113774836\">View your invoice<\/a><\/p>\n\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\t\t<div class=\"nfd-ctb-modal-success-action\">\n\t\t\t<button class=\"components-button bluehost is-primary\"\n            type=\"button\"\n                data-a11y-dialog-destroy\n        >\n    Close\n<\/button>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n",
+    "message": "success"
+}