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

import faker from "faker";

import { addVariantUrl } from "../../../fixtures/urlList";
import { createCategory } from "../../../support/api/requests/Category";
import { getVariant } from "../../../support/api/requests/Product";
import { getDefaultChannel } from "../../../support/api/utils/channelsUtils";
import {
  createProductInChannelWithoutVariants,
  deleteProductsStartsWith
} from "../../../support/api/utils/products/productsUtils";
import { createProductTypeWithNewVariantSelectionAttribute } from "../../../support/api/utils/productTypeUtils";
import filterTests from "../../../support/filterTests";
import { fillUpVariantDetails } from "../../../support/pages/catalog/products/VariantsPage";

filterTests({ definedTags: ["all"], version: "3.1.0" }, () => {
  describe("As an admin I want to use attributes in variant selection", () => {
    const startsWith = "VarSel";

    const attributesTypes = [
      { key: "DROPDOWN", TC: "SALEOR_0534" },
      { key: "MULTISELECT", TC: "SALEOR_0535" },
      { key: "BOOLEAN", TC: "SALEOR_0536" },
      { key: "NUMERIC", TC: "SALEOR_0537" },
      { key: "SWATCH", TC: "SALEOR_0538" }
    ];
    let channel;
    let category;
    let product;

    before(() => {
      cy.clearSessionData().loginUserViaRequest();
      deleteProductsStartsWith(startsWith);
      getDefaultChannel().then(defaultChannel => (channel = defaultChannel));
      createCategory({ name: startsWith }).then(
        categoryResp => (category = categoryResp)
      );
    });

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

    attributesTypes.forEach(attributeType => {
      it(`should create variant with ${attributeType.key} attribute. TC: ${attributeType.TC}`, () => {
        const name = `${startsWith}${
          attributeType.key
        }${faker.datatype.number()}`;
        const inputType = attributeType.key;
        const attributeValues = ["1", "2"];
        let productType;

        createProductTypeWithNewVariantSelectionAttribute({
          name,
          inputType,
          attributeValues
        })
          .then(({ productType: productTypeResp }) => {
            productType = productTypeResp;

            createProductInChannelWithoutVariants({
              categoryId: category.id,
              productTypeId: productType.id,
              name,
              channelId: channel.id
            });
          })
          .then(productResp => {
            product = productResp;

            cy.visit(addVariantUrl(product.id)).addAliasToGraphRequest(
              "VariantCreate"
            );

            fillUpVariantDetails({
              sku: name,
              attributeName: attributeValues[0],
              attributeType: inputType
            });

            cy.wait("@VariantCreate");
          })
          .then(({ response }) => {
            const variant =
              response.body.data.productVariantCreate.productVariant;
            getVariant(variant.id, channel.slug);
          })
          .then(({ attributes }) => {
            expect(attributes[0].attribute.inputType).to.eq(inputType);
            cy.confirmationMessageShouldAppear();
          });
      });
    });
  });
});