Skip to content
This repository has been archived by the owner on Mar 18, 2024. It is now read-only.

Add cypress test files #2

Merged
merged 2 commits into from
Aug 4, 2023
Merged

Add cypress test files #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
03080a7
add cypress test files for plugin consumption
circlecube Aug 1, 2023
9042f75
use camelCase for environment variable
circlecube Aug 1, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions tests/cypress/fixtures/ctbGET.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
}
4 changes: 4 additions & 0 deletions tests/cypress/fixtures/ctbPOST.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
}
Loading