/// <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"] },
        () => {
          const permissionOption = permissionsOptions[key];
          const permissions = permissionOption.permissions;
          cy.clearSessionData();
          permissionsSteps.navigateToAllAvailablePageAndCheckIfDisplayed(
            permissionOption
          );
          permissionsSteps
            .getDisplayedSelectors()
            .then(selectors => {
              permissionsSteps.expectAllSelectorsPermitted(
                permissions,
                selectors
              );
            })
            .then(() => {
              if (!permissions) {
                return;
              }
              permissions.forEach(permission => {
                if (permission.parent) {
                  cy.get(permission.parent.parentMenuSelector)
                    .click()
                    .then(() => {
                      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"] },
    () => {
      const permissionOption = permissionsOptions.all;
      cy.clearSessionData();
      permissionsSteps.navigateToAllAvailablePageAndCheckIfDisplayed(
        permissionOption
      );
    }
  );
});