saleor-dashboard/cypress/e2e/navigation.js

/// <reference types="cypress"/>
/// <reference types="../support"/>

import {
  APP_MENU_SELECTORS,
  appCommonSelector,
  LEFT_MENU_SELECTORS,
} from "../elements/account/left-menu/left-menu-selectors";
import { PERMISSIONS_OPTIONS } from "../fixtures/permissionsUsers";
import * as permissionsSteps from "../support/pages/permissionsPage";

describe("As a staff user I want to navigate through shop using different permissions", () => {
  const permissionsOptions = PERMISSIONS_OPTIONS;

  before(() => {
    cy.loginUserViaRequest()
      .visit("/")
      .get(appCommonSelector)
      .should("be.visible")
      .get("body")
      .then($body => {
        // This will be deleted when Marketplace is released
        // Consider this solution as temporary

        let appPermissions;

        if ($body.find(LEFT_MENU_SELECTORS.appSection).length) {
          appPermissions = {
            parent: {
              parentMenuSelector: LEFT_MENU_SELECTORS.appSection,
              parentSelectors: [APP_MENU_SELECTORS],
            },
            permissionSelectors: [APP_MENU_SELECTORS.app],
          };
        } else {
          appPermissions = {
            permissionSelectors: [LEFT_MENU_SELECTORS.app],
          };
        }

        permissionsOptions.all.permissions.push(appPermissions);
        permissionsOptions.app.permissions = [appPermissions];
      });
  });

  Object.keys(permissionsOptions).forEach(key => {
    if (key !== "all") {
      it(
        `should be able to navigate through shop as a staff member using ${key} permission. ${permissionsOptions[key].testCase}`,
        { tags: ["@allEnv", "@navigation", "@stable", "@oldRelease"] },
        () => {
          const permissionOption = permissionsOptions[key];
          const permissions = permissionOption.permissions;

          cy.clearSessionData();
          permissionsSteps.navigateToAllAvailablePageAndCheckIfDisplayed(
            permissionOption,
          );
          permissionsSteps.getDisplayedSelectors().then(selectors => {
            permissionsSteps.expectAllSelectorsPermitted(
              permissions,
              selectors,
            );
          });
          if (!permissions) {
            return;
          }
          permissions.forEach(permission => {
            if (permission.parent) {
              cy.get(permission.parent.parentMenuSelector).click();
              permissionsSteps
                .getDisplayedSelectors(permission.parent.parentSelectors)
                .then(parentSelectors => {
                  permissionsSteps.expectAllSelectorsPermitted(
                    permissions,
                    parentSelectors,
                  );
                });
            }
          });
        },
      );
    }
  });

  it(
    `should be able to navigate through shop as a staff member using all permissions. ${permissionsOptions.all.testCase}`,
    { tags: ["@critical", "@allEnv", "@navigation", "@stable", "@oldRelease"] },
    () => {
      const permissionOption = permissionsOptions.all;

      cy.clearSessionData();
      permissionsSteps.navigateToAllAvailablePageAndCheckIfDisplayed(
        permissionOption,
      );
    },
  );
});