PB Banner UI test

venia-integration-tests/cypress.config.json

@@ -6,13 +6,17 @@
     "fixturesFolder": "src/fixtures",
     "integrationFolder": "src/tests",
     "screenshotsFolder": "src/snapshots",
+    "video": false,
     "pageLoadTimeout": 30000,
     "requestTimeout": 30000,
     "testFiles": "**/*.spec.js",
     "video": false,
     "viewportHeight": 900,
     "viewportWidth": 1440,
     "scrollBehavior": "nearest",
-    "ignoreTestFiles": ["**/__snapshots__/*", "**/__image_snapshots__/*"],
+    "ignoreTestFiles": [
+        "**/__snapshots__/*",
+        "**/__image_snapshots__/*"
+    ],
     "env": {}
-}
+}

venia-integration-tests/src/actions/accountAccess/index.js

@@ -0,0 +1,77 @@
+import {
+    accountTriggerButton,
+    createAccountInitiateButton,
+    firstNameTextField,
+    lastNameTextField,
+    createAccountEmailTextField,
+    createAccountPasswordTextField,
+    createAccountSubmitButton
+} from '../../fields/accountAccess';
+
+/**
+ * Utility function to open the login dialog
+ */
+export const openLoginDialog = () => {
+    // open the signin dialog
+    cy.get(accountTriggerButton).click();
+};
+
+/**
+ * Utility function to create account in Venia using the
+ * username and password provided.
+ *
+ * @param {String} firstName firstName to createAccount
+ * @param {String} lastName lastName to createAccount
+ * @param {String} accountEmail accountEmail to createAccount
+ * @param {String} accountPassword accountPassword to createAccount
+ */
+export const createAccount = (
+    firstName,
+    lastName,
+    accountEmail,
+    accountPassword
+) => {
+    // click on create account button
+    cy.get(createAccountInitiateButton)
+        .contains('Create an Account')
+        .click();
+
+    // enter user name
+    cy.get(firstNameTextField).type(firstName);
+
+    // Enter password into the password field
+    cy.get(lastNameTextField).type(lastName);
+
+    // Enter username into the username field
+    cy.get(createAccountEmailTextField).type(accountEmail);
+
+    // Enter password into the password field
+    cy.get(createAccountPasswordTextField).type(accountPassword);
+
+    // Enter password into the password field
+    cy.get(createAccountSubmitButton)
+        .contains('Create an Account')
+        .click();
+};
+
+export const assertCreateAccount = (
+    firstName,
+    lastName,
+    accountEmail,
+    accountPassword
+) => {
+    // Enter username into the username field
+    cy.get(firstNameTextField).type(firstName);
+
+    // Enter password into the password field
+    cy.get(lastNameTextField).type(lastName);
+
+    // Enter username into the username field
+    cy.get(createAccountEmailTextField).type(accountEmail);
+
+    // Enter password into the password field
+    cy.get(createAccountPasswordTextField).type(accountPassword);
+
+    // Enter password into the password field
+    cy.get(createAccountSubmitButton).click;
+};

venia-integration-tests/src/actions/routes/index.js

@@ -0,0 +1,7 @@
+/**
+ * Utility function to hit different routes
+ */
+export const visitPage = routeUrl => {
+    cy.visit(routeUrl);
+    cy.wait(5000);
+};

venia-integration-tests/src/actions/wishlist/index.js

@@ -0,0 +1,85 @@
+import {
+    wishlistPageHeading,
+    wishlistRoot,
+    wishlistItemPrice,
+    wishlistItemAddToCartSection,
+    wishlistItemAddToCartButton,
+    wishlistItemMoreActionsButton,
+    removeProduct,
+    deleteProduct
+} from '../../fields/wishlist';
+import { wishlistRemove, removeProductMessage } from '../../fixtures/wishlist';
+
+/**
+ * Utility function to assert empty wishlist
+ * @param {String} wishlistHeaderText wishlist page header text
+ */
+export const assertWishlistHeading = wishlistHeaderText => {
+    // assert wishlist header text
+    cy.get(wishlistPageHeading).contains(wishlistHeaderText);
+};
+
+/**
+ * Utility function to assert empty wishlist
+ */
+export const assertEmptyWishlist = () => {
+    // assert product container does not exists
+    cy.get(wishlistRoot).should('not.exist');
+};
+
+/**
+ * Utility function to assert product exists in wishlist
+ * @param {String} productName product to verify it exist in wishlist
+ */
+export const assertProductInWishlist = productName => {
+    // assert Product container exists
+    cy.get(wishlistRoot).should('exist');
+
+    // assert Product exists
+    cy.contains(productName).should('exist');
+
+    // assert Product Price exists
+    cy.contains('div', productName)
+        .children(wishlistItemPrice)
+        .should('exist');
+
+    // assert Add To Cart Section  exists
+    cy.contains('div', productName)
+        .children(wishlistItemAddToCartSection)
+        .should('exist');
+
+    // assert Add to Cart button exists
+    cy.contains('div', productName)
+        .children()
+        .find(wishlistItemAddToCartButton)
+        .should('exist');
+
+    // assert more actions button exists
+    cy.contains('div', productName)
+        .children()
+        .find(wishlistItemMoreActionsButton)
+        .should('exist');
+};
+
+/**
+ * Utility function to remove given product from wishlist
+ * @param {String} productName product to be removed
+ */
+export const removeProductFromWishlist = productName => {
+    // click on More actions button
+    cy.contains('div', productName)
+        .children()
+        .find(wishlistItemMoreActionsButton)
+        .click();
+
+    // click on Remove button
+    cy.get(removeProduct)
+        .contains(wishlistRemove)
+        .click();
+
+    // verfiy message is displayed
+    cy.contains(removeProductMessage).should('exist');
+
+    // click on Delete button
+    cy.get(deleteProduct).click();
+};

venia-integration-tests/src/tests/pageBuilder/integrationTests/banner.spec.js

@@ -0,0 +1,161 @@
+// TODO add tags CE, EE to test to filter and run tests as needed
+describe('verify pagebuilder banner content', () => {
+    it('verify banner content', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+    it('verify banner content2', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner2.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page2',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+
+    it('verify banner content3', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner3.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page3',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+
+    it('verify banner content4', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner4.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page4',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+
+    it('verify banner content5', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner5.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page5',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+
+    it('verify banner content6', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner6.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page6',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+
+    it('verify banner content7', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner7.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page7',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+
+    it('verify banner content8', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner8.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page8',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+
+    it('verify banner content9', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner9.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page9',
+                timeout: 60000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+
+    it('verify banner content10', () => {
+        cy.intercept('GET', '**/graphql?query=query+GetCmsPage*', {
+            fixture: 'pageBuilder/banner/banner10.json'
+        }).as('getCMSMockData');
+        cy.visitHomePage();
+        cy.wait(['@getCMSMockData']).its('response.body');
+        cy.loadFullPage().then(() => {
+            cy.captureFullPageScreenshot({
+                name: 'Page Builder Home Page10',
+                timeout: 180000,
+                failureThreshold: 5,
+                failureThresholdType: 'percent'
+            });
+        });
+    });
+});