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

import faker from "faker";

import {
  createMenu as createMenuViaApi,
  getMenu,
} from "../../support/api/requests/Menu";
import { deleteMenusStartsWith } from "../../support/api/utils/navigationUtils";
import {
  createMenu,
  createNewMenuItem,
  MENU_ITEM_TYPES,
} from "../../support/pages/navigationPage";

describe("Tests for menu navigation", () => {
  const startsWith = "Navigation";
  const randomName = `${startsWith}${faker.datatype.number()}`;
  let testCase = 1301;

  let menu;

  before(() => {
    cy.clearSessionData().loginUserViaRequest();
    deleteMenusStartsWith(startsWith);
    createMenuViaApi(randomName).then(({ menu: menuResp }) => {
      menu = menuResp;
      cy.checkIfDataAreNotNull(menu);
    });
  });

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

  it(
    "should create a menu. TC: SALEOR_1301",
    { tags: ["@menuNavigation", "@allEnv", "@stable"] },
    () => {
      const name = `${startsWith}${faker.datatype.number()}`;

      createMenu(name)
        .then(menuResp => {
          getMenu(menuResp.id);
        })
        .then(menuResp => {
          expect(menuResp.name).to.eq(name);
        });
    },
  );

  ["category", "collection", "page"].forEach(itemType => {
    testCase += 1;
    it(
      `should add new ${itemType} item to menu. TC: SALEOR_${testCase}`,
      { tags: ["@menuNavigation", "@allEnv", "@stable"] },
      () => {
        const itemName = `${startsWith}${faker.datatype.number()}`;
        let selectedItem;

        cy.addAliasToGraphRequest("SearchCategories")
          .addAliasToGraphRequest("SearchPages")
          .addAliasToGraphRequest("SearchCollections");
        createNewMenuItem({
          menuId: menu.id,
          name: itemName,
          menuItemType: MENU_ITEM_TYPES[itemType],
        })
          .then(selectedItemResp => {
            selectedItem = selectedItemResp;
            getMenu(menu.id);
          })
          .then(({ items }) => {
            const item = items.find(element => element.name === itemName);
            const itemOfType = item[itemType];
            const name = itemType !== "page" ? "name" : "title";
            expect(itemOfType[name]).to.eq(selectedItem);
          });
      },
    );
  });
});