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

import faker from "faker";

import { PERMISSION_GROUP_DETAILS_SELECTORS } from "../../elements/permissionGroup/permissionGroupDetails";
import { PERMISSION_GROUP_LIST_SELECTORS } from "../../elements/permissionGroup/permissionGroupsList";
import { BUTTON_SELECTORS } from "../../elements/shared/button-selectors";
import { SHARED_ELEMENTS } from "../../elements/shared/sharedElements";
import {
  permissionGroupDetails,
  staffMemberDetailsUrl,
  urlList,
} from "../../fixtures/urlList";
import { TEST_ADMIN_USER } from "../../fixtures/users.js";
import {
  createPermissionGroup,
  getPermissionGroup,
} from "../../support/api/requests/PermissionGroup.js";
import { getStaffMembersStartsWith } from "../../support/api/requests/StaffMembers";
import { deletePermissionGroupsStartsWith } from "../../support/api/utils/permissionGroupUtils.js";

describe("Permissions groups", () => {
  const startsWith = "CyPermissions-";
  const permissionManageProducts = "[MANAGE_PRODUCTS]";

  before(() => {
    cy.clearSessionData().loginUserViaRequest();
    deletePermissionGroupsStartsWith(startsWith);
  });

  beforeEach(() => {
    cy.clearSessionData().loginUserViaRequest();
  });

  it(
    "should create permission group. TC: SALEOR_1401",
    { tags: ["@permissions", "@allEnv", "@stable"] },
    () => {
      const permissionName = `${startsWith}${faker.datatype.number()}`;

      cy.visit(urlList.permissionsGroups)
        .get(PERMISSION_GROUP_LIST_SELECTORS.createPermissionButton)
        .click()
        .get(PERMISSION_GROUP_DETAILS_SELECTORS.nameInput)
        .type(permissionName)
        .get(PERMISSION_GROUP_DETAILS_SELECTORS.productsPermissionCheckbox)
        .check()
        .get(
          PERMISSION_GROUP_DETAILS_SELECTORS.productsTypesAndAttributesPermissionCheckbox,
        )
        .check()
        .get(BUTTON_SELECTORS.confirm)
        .click()
        .get(PERMISSION_GROUP_DETAILS_SELECTORS.assignMemberButton)
        .should("be.visible")
        .get(BUTTON_SELECTORS.back)
        .click()
        .waitForProgressBarToNotExist();
      cy.contains(
        PERMISSION_GROUP_LIST_SELECTORS.permissionGroupRow,
        permissionName,
      ).should("be.visible");
    },
  );

  it(
    "should delete permission group. TC: SALEOR_1402",
    { tags: ["@permissions", "@allEnv", "@stable"] },
    () => {
      const permissionName = `${startsWith}${faker.datatype.number()}`;
      let staffMember;

      getStaffMembersStartsWith(TEST_ADMIN_USER.email)
        .its("body.data.staffUsers.edges")
        .then(staffMemberResp => {
          staffMember = staffMemberResp[0].node;

          createPermissionGroup({
            name: permissionName,
            userIdsArray: `["${staffMember.id}"]`,
            permissionsArray: permissionManageProducts,
          });
          cy.visit(urlList.permissionsGroups);
          cy.contains(
            PERMISSION_GROUP_LIST_SELECTORS.permissionGroupRow,
            permissionName,
          )
            .should("be.visible")
            .find(BUTTON_SELECTORS.deleteIcon)
            .click()
            .get(BUTTON_SELECTORS.submit)
            .click();
          cy.contains(
            PERMISSION_GROUP_LIST_SELECTORS.permissionGroupRow,
            permissionName,
          )
            .should("not.exist")
            .visit(staffMemberDetailsUrl(staffMember.id))
            .get(SHARED_ELEMENTS.header)
            .should("be.visible")
            .contains(permissionName)
            .should("not.exist");
        });
    },
  );

  it(
    "should add user to permission group. TC: SALEOR_1403",
    { tags: ["@permissions", "@allEnv", "@stable"] },
    () => {
      const permissionName = `${startsWith}${faker.datatype.number()}`;

      createPermissionGroup({
        name: permissionName,
        permissionsArray: permissionManageProducts,
      }).then(({ group }) => {
        cy.visit(permissionGroupDetails(group.id))
          .get(PERMISSION_GROUP_DETAILS_SELECTORS.assignMemberButton)
          .click()
          .get(PERMISSION_GROUP_DETAILS_SELECTORS.searchField)
          .type(TEST_ADMIN_USER.email);
        cy.contains(
          PERMISSION_GROUP_DETAILS_SELECTORS.userRow,
          `${TEST_ADMIN_USER.name} ${TEST_ADMIN_USER.lastName}`,
        )
          .should("have.length", 1)
          .find(BUTTON_SELECTORS.checkbox)
          .check()
          .get(BUTTON_SELECTORS.submit)
          .click()
          .addAliasToGraphRequest("PermissionGroupUpdate")
          .get(BUTTON_SELECTORS.confirm)
          .click()
          .waitForRequestAndCheckIfNoErrors("@PermissionGroupUpdate");
        getPermissionGroup(group.id)
          .its("users")
          .should("have.length", 1)
          .its("0.email")
          .should("eq", TEST_ADMIN_USER.email);
      });
    },
  );

  it(
    "should remove user from permission group. TC: SALEOR_1404",
    { tags: ["@permissions", "@allEnv", "@stable"] },
    () => {
      const permissionName = `${startsWith}${faker.datatype.number()}`;
      let staffMember;

      getStaffMembersStartsWith(TEST_ADMIN_USER.email)
        .its("body.data.staffUsers.edges")
        .then(staffMemberResp => {
          staffMember = staffMemberResp[0].node;

          createPermissionGroup({
            name: permissionName,
            userIdsArray: `["${staffMember.id}"]`,
            permissionsArray: permissionManageProducts,
          });
        })
        .then(({ group }) => {
          cy.visit(permissionGroupDetails(group.id))
            .get(PERMISSION_GROUP_DETAILS_SELECTORS.removeUserButton)
            .click()
            .get(BUTTON_SELECTORS.submit)
            .click()
            .addAliasToGraphRequest("PermissionGroupUpdate")
            .get(BUTTON_SELECTORS.confirm)
            .click()
            .waitForRequestAndCheckIfNoErrors("@PermissionGroupUpdate");
          cy.visit(staffMemberDetailsUrl(staffMember.id))
            .get(SHARED_ELEMENTS.header)
            .should("be.visible")
            .contains(permissionName)
            .should("not.exist");
        });
    },
  );
});