Saleor 2699 tests for home page (#1019)

* tests for home page

* tests for home page

* tests for home page

* change master to qa API_URL

* add user to env

* remove empty file

.github/PULL_REQUEST_TEMPLATE.md

@@ -29,4 +29,4 @@ greatly reduce the amount of work needed to review your work. -->
 <!-- Do not remove this section. It is required to properly setup test instance.
 Modify API_URI if you want test instance to use custom backend. -->
 
-API_URI=https://master.staging.saleor.cloud/graphql/
+API_URI=https://qa.staging.saleor.cloud/graphql/

.github/workflows/test-env-deploy.yml

@@ -59,7 +59,7 @@ jobs:
       - name: Run build
         env:
           # Use custom API_URI or the default one
-          API_URI: ${{ steps.api_uri.outputs.custom_api_uri || 'https://master.staging.saleor.cloud/graphql/' }}
+          API_URI: ${{ steps.api_uri.outputs.custom_api_uri || 'https://qa.staging.saleor.cloud/graphql/' }}
           APP_MOUNT_URI: /
           STATIC_URL: /
         run: |

.github/workflows/test.yml

@@ -93,7 +93,9 @@ jobs:
           APP_MOUNT_URI: ${{ secrets.APP_MOUNT_URI }}
           CYPRESS_baseUrl: ${{ secrets.CYPRESS_BASEURL }}
           CYPRESS_USER_NAME: ${{ secrets.CYPRESS_USER_NAME }}
+          CYPRESS_SECOND_USER_NAME: ${{ secrets.CYPRESS_SECOND_USER_NAME }}
           CYPRESS_USER_PASSWORD: ${{ secrets.CYPRESS_USER_PASSWORD }}
+          CYPRESS_PERMISSIONS_USERS_PASSWORD: ${{ secrets.CYPRESS_PERMISSIONS_USERS_PASSWORD }}
         with:
           build: npm run build
           start: npx local-web-server --spa index.html

cypress/Data/users.js

@@ -0,0 +1,10 @@
+export const TEST_ADMIN_USER = {
+  email: Cypress.env("USER_NAME"),
+  password: Cypress.env("USER_PASSWORD"),
+  name: "Test",
+  lastName: "Test"
+};
+export const USER_WITHOUT_NAME = {
+  email: Cypress.env("SECOND_USER_NAME"),
+  password: Cypress.env("USER_PASSWORD")
+};

cypress/elements/homePage/homePage-selectors.js

@@ -5,5 +5,6 @@ export const HOMEPAGE_SELECTORS = {
   topProducts: "[data-test-id='top-products']",
   ordersReadyToFulfill: "[data-test-id='orders-to-fulfill']",
   paymentsWaitingForCapture: "[data-test-id='orders-to-capture']",
-  productsOutOfStock: "[data-test-id='products-out-of-stock']"
+  productsOutOfStock: "[data-test-id='products-out-of-stock']",
+  welcomeMessage: "[data-test='welcomeHeader']"
 };

cypress/integration/homePage/homePage.js

@@ -0,0 +1,27 @@
+import { TEST_ADMIN_USER, USER_WITHOUT_NAME } from "../../Data/users";
+import { HOMEPAGE_SELECTORS } from "../../elements/homePage/homePage-selectors";
+import { urlList } from "../../url/urlList";
+
+describe("Displaying welcome message on home page", () => {
+  it("should display user name on home page", () => {
+    cy.loginUserViaRequest();
+    cy.visit(urlList.homePage);
+    cy.get(HOMEPAGE_SELECTORS.welcomeMessage)
+      .invoke("text")
+      .then(text => {
+        expect(text).to.contains(
+          `${TEST_ADMIN_USER.name} ${TEST_ADMIN_USER.lastName}`
+        );
+      });
+  });
+
+  it("should display user email on home page", () => {
+    cy.loginUserViaRequest("auth", USER_WITHOUT_NAME);
+    cy.visit(urlList.homePage);
+    cy.get(HOMEPAGE_SELECTORS.welcomeMessage)
+      .invoke("text")
+      .then(text => {
+        expect(text).to.contains(`${USER_WITHOUT_NAME.email}`);
+      });
+  });
+});

cypress/integration/homePage/homePageAnalitics.js

@@ -3,18 +3,18 @@ import faker from "faker";
 import {
   createCustomer,
   deleteCustomersStartsWith
-} from "../apiRequests/Customer";
+} from "../../apiRequests/Customer";
-import { HOMEPAGE_SELECTORS } from "../elements/homePage/homePage-selectors";
+import { HOMEPAGE_SELECTORS } from "../../elements/homePage/homePage-selectors";
-import { changeChannel } from "../steps/homePageSteps";
+import { changeChannel } from "../../steps/homePageSteps";
-import { urlList } from "../url/urlList";
+import { urlList } from "../../url/urlList";
-import { getDefaultChannel } from "../utils/channelsUtils";
+import { getDefaultChannel } from "../../utils/channelsUtils";
-import * as homePageUtils from "../utils/homePageUtils";
+import * as homePageUtils from "../../utils/homePageUtils";
 import {
   createReadyToFulfillOrder,
   createWaitingForCaptureOrder
-} from "../utils/ordersUtils";
+} from "../../utils/ordersUtils";
-import * as productsUtils from "../utils/productsUtils";
+import * as productsUtils from "../../utils/productsUtils";
-import * as shippingUtils from "../utils/shippingUtils";
+import * as shippingUtils from "../../utils/shippingUtils";
 
 // <reference types="cypress" />
 describe("Homepage analytics", () => {

cypress/support/user/index.js

@@ -1,3 +1,4 @@
+import { TEST_ADMIN_USER } from "../../Data/users";
 import { LOGIN_SELECTORS } from "../../elements/account/login-selectors";
 
 Cypress.Commands.add("loginUser", () =>
@@ -14,11 +15,11 @@ Cypress.Commands.add("loginInShop", () => {
   cy.loginUserViaRequest("token");
 });
 
-Cypress.Commands.add("loginUserViaRequest", (authorization = "auth") => {
+Cypress.Commands.add(
-  const mutation = `mutation TokenAuth{
+  "loginUserViaRequest",
-    tokenCreate(email: "${Cypress.env("USER_NAME")}", password: "${Cypress.env(
+  (authorization = "auth", user = TEST_ADMIN_USER) => {
-    "USER_PASSWORD"
+    const mutation = `mutation TokenAuth{
-  )}") {
+    tokenCreate(email: "${user.email}", password: "${user.password}") {
       token
       errors: accountErrors {
         code
@@ -30,10 +31,11 @@ Cypress.Commands.add("loginUserViaRequest", (authorization = "auth") => {
       }
     }
   }`;
-  return cy.sendRequestWithQuery(mutation, authorization).then(resp => {
+    return cy.sendRequestWithQuery(mutation, authorization).then(resp => {
-    window.sessionStorage.setItem(
+      window.sessionStorage.setItem(
-      authorization,
+        authorization,
-      resp.body.data.tokenCreate.token
+        resp.body.data.tokenCreate.token
-    );
+      );
-  });
+    });
-});
+  }
+);