visual regression approach updates

mollie · Dec 18, 2023 · f66f87c · f66f87c
1 parent f8964a8
commit f66f87c
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 0 deletions.
diff --git a/cypress/e2e/ps1785/01_mollie.ps1785.ModuleConfiguration.specs.js b/cypress/e2e/ps1785/01_mollie.ps1785.ModuleConfiguration.specs.js
@@ -81,6 +81,8 @@ it('C339339: 03 Checking the Advanced Settings tab, verifying the Front-end comp
       cy.get('[name="MOLLIE_SUBSCRIPTION_ORDER_CARRIER_ID"]').select('My carrier')
       cy.get('#module_form_submit_btn').click({force:true}) //checking the saving
       cy.get('[class="alert alert-success"]').should('be.visible') //checking if saving returns green alert
+      cy.reload()
+      cy.matchImage(); // let's make a snapshot for visual regression testing later, if UI matches
       //cy.window() will check if there are no Errors in console
 });
 it('C688472: Checking the Subscriptions tab, and console errors', () => {
@@ -97,5 +99,6 @@ it('C688473: Checking the Subscriptions FAQ, and console errors', () => {
       cy.get(':nth-child(3) > .col-lg-12 > .card').should('be.visible')
       cy.get(':nth-child(4) > .col-lg-12 > .card').should('be.visible')
       cy.get(':nth-child(5) > .col-lg-12 > .card').should('be.visible')
+      cy.matchImage(); // let's make a snapshot for visual regression testing later, if UI matches
 });
 })
diff --git a/cypress/e2e/ps1785/02_mollie.ps1785.EnablingPaymentsOrdersAPI.specs.js b/cypress/e2e/ps1785/02_mollie.ps1785.EnablingPaymentsOrdersAPI.specs.js
@@ -33,5 +33,7 @@ it('C339341: 04 Enabling All payments in Module BO [Orders API]', () => {
     cy.ConfOrdersAPI1784()
     cy.get('[type="submit"]').first().click({force:true})
     cy.get('[class="alert alert-success"]').should('be.visible')
+    cy.reload()
+    cy.matchImage(); // let's make a snapshot for visual regression testing later, if UI matches
 })
 })
diff --git a/cypress/e2e/ps1785/03_mollie.ps1785.PaymentTestsOrdersAPI.js b/cypress/e2e/ps1785/03_mollie.ps1785.PaymentTestsOrdersAPI.js
@@ -51,6 +51,7 @@ it.skip('C339343: 06 Vouchers Order BO Refunding, Shipping (Paid part only) [Ord
 })
 it('C339344: 07 Bancontact Checkouting [Orders API]', () => {
       cy.navigatingToThePayment()
+      cy.matchImage(); // let's make a snapshot for visual regression testing later, if UI matches
       //Payment method choosing
       cy.contains('Bancontact').click({force:true})
       cy.get('.condition-label > .js-terms').click({force:true})

diff --git a/cypress/e2e/ps8/01_mollie.ps8.ModuleConfiguration.specs.js b/cypress/e2e/ps8/01_mollie.ps8.ModuleConfiguration.specs.js
@@ -83,6 +83,8 @@ it('C339339: Checking the Advanced Settings tab, verifying the Front-end compone
       cy.get('[name="MOLLIE_SUBSCRIPTION_ORDER_CARRIER_ID"]').select('Click and collect')
       cy.get('#module_form_submit_btn').click({force:true}) //checking the saving
       cy.get('[class="alert alert-success"]').should('be.visible') //checking if saving returns green alert
+      cy.reload()
+      cy.matchImage(); // let's make a snapshot for visual regression testing later, if UI matches
       //cy.window() will check if there are no Errors in console
 });
 it('C688472: Checking the Subscriptions tab, and console errors', () => {
@@ -101,5 +103,7 @@ it('C688473: Checking the Subscriptions FAQ, and console errors', () => {
       cy.get(':nth-child(4) > .col-lg-12 > .card').should('be.visible')
       cy.get(':nth-child(5) > .col-lg-12 > .card').should('be.visible')
       cy.get(':nth-child(6) > .col-lg-12 > .card').should('be.visible')
+      cy.matchImage(); // let's make a snapshot for visual regression testing later, if UI matches
+
 });
 })
diff --git a/cypress/e2e/ps8/02_mollie.ps8.EnablingPaymentsOrdersAPI.specs.js b/cypress/e2e/ps8/02_mollie.ps8.EnablingPaymentsOrdersAPI.specs.js
@@ -38,5 +38,7 @@ it('C339341: 04 Enabling All payments in Module BO [Orders API]', () => {
     cy.ConfOrdersAPI1784()
     cy.get('[type="submit"]').first().click({force:true})
     cy.get('[class="alert alert-success"]').should('be.visible')
+    cy.reload()
+    cy.matchImage(); // let's make a snapshot for visual regression testing later, if UI matches
 })
 })
diff --git a/cypress/e2e/ps8/03_mollie.ps8.PaymentTestsOrdersAPI.js b/cypress/e2e/ps8/03_mollie.ps8.PaymentTestsOrdersAPI.js
@@ -44,6 +44,7 @@ it.skip('C339343: 06 Vouchers Order BO Refunding, Shipping (Paid part only) [Ord
 })
 it('C339344: 07 Bancontact Checkouting [Orders API]', () => {
       cy.navigatingToThePaymentPS8()
+      cy.matchImage(); // let's make a snapshot for visual regression testing later, if UI matches
       //Payment method choosing
       cy.contains('Bancontact').click({force:true})
       cy.get('.condition-label > .js-terms').click({force:true})