import {
  signInAsAdmin,
  restore,
  withDatabase,
  visitAlias,
  popover,
} from "__support__/cypress";

import { SAMPLE_DATASET } from "__support__/cypress_sample_dataset";

const { ORDERS, ORDERS_ID } = SAMPLE_DATASET;

// [quarantine] - intermittently failing, possibly due to a "flickering" element (re-rendering)
describe.skip("scenarios > admin > datamodel > field", () => {
  beforeEach(() => {
    signInAsAdmin();

    ["CREATED_AT", "PRODUCT_ID", "QUANTITY"].forEach(name => {
      cy.wrap(
        `/admin/datamodel/database/1/table/${ORDERS_ID}/${ORDERS[name]}/general`,
      ).as(`ORDERS_${name}_URL`);
    });

    cy.server();
    cy.route("PUT", "/api/field/*").as("fieldUpdate");
    cy.route("POST", "/api/field/*/dimension").as("fieldDimensionUpdate");
    cy.route("POST", "/api/field/*/values").as("fieldValuesUpdate");
  });

  describe("Name and Description", () => {
    before(restore);

    it("lets you change field name and description", () => {
      visitAlias("@ORDERS_CREATED_AT_URL");

      cy.get('input[name="display_name"]').as("display_name");
      cy.get('input[name="description"]').as("description");

      // update the name
      cy.get("@display_name")
        .should("have.value", "Created At")
        .clear()
        .type("new display_name")
        .blur();
      cy.wait("@fieldUpdate");

      // update the description
      cy.get("@description")
        .should("have.value", "The date and time an order was submitted.")
        .clear()
        .type("new description")
        .blur();
      cy.wait("@fieldUpdate");

      // reload and verify they have been updated
      cy.reload();
      cy.get("@display_name").should("have.value", "new display_name");
      cy.get("@description").should("have.value", "new description");
    });
  });

  describe("Visibility", () => {
    before(restore);

    it("lets you change field visibility", () => {
      visitAlias("@ORDERS_CREATED_AT_URL");

      cy.contains("Everywhere").click();
      cy.contains("Do not include").click({ force: true });
      cy.wait("@fieldUpdate");

      cy.reload();
      cy.contains("Do not include");
    });
  });

  describe("Field Type", () => {
    before(restore);

    it("lets you change the type to 'No special type'", () => {
      visitAlias("@ORDERS_PRODUCT_ID_URL");

      cy.contains("Foreign Key").click();
      cy.contains("No special type").click({ force: true });
      cy.wait("@fieldUpdate");

      cy.reload();
      cy.contains("No special type");
    });

    it("lets you change the type to 'Number'", () => {
      visitAlias("@ORDERS_PRODUCT_ID_URL");

      cy.contains("No special type").click();
      cy.contains("Number").click({ force: true });
      cy.wait("@fieldUpdate");

      cy.reload();
      cy.contains("Number");
    });

    it("lets you change the type to 'Foreign key' and choose the target field", () => {
      visitAlias("@ORDERS_PRODUCT_ID_URL");

      cy.contains("Number").click();
      cy.get(".ReactVirtualized__Grid").scrollTo(0, 0); // HACK: scroll to the top of the list. Ideally we should probably disable AccordianList virtualization
      cy.contains("Foreign Key").click({ force: true });
      cy.wait("@fieldUpdate");

      cy.contains("Select a target").click();
      cy.contains("Products → ID").click();
      cy.wait("@fieldUpdate");

      cy.reload();
      cy.contains("Foreign Key");
      cy.contains("Products → ID");
    });
  });

  describe("Filtering on this field", () => {
    before(restore);

    it("lets you change to 'Search box'", () => {
      visitAlias("@ORDERS_QUANTITY_URL");

      cy.contains("A list of all values").click();
      cy.contains("Search box").click();
      cy.wait("@fieldUpdate");

      cy.reload();
      cy.contains("Search box");
    });
  });

  describe("Display Values", () => {
    before(restore);

    it("lets you change to 'Use foreign key' and change the target for field with fk", () => {
      visitAlias("@ORDERS_PRODUCT_ID_URL");

      cy.contains("Use original value").click();
      cy.contains("Use foreign key").click();
      cy.contains("Title").click();
      cy.wait("@fieldDimensionUpdate");

      cy.reload();
      cy.contains("Use foreign key");
      cy.contains("Title");
    });

    it("allows 'Custom mapping' null values", () => {
      restore("withSqlite");
      signInAsAdmin();
      const dbId = 2;
      withDatabase(
        dbId,
        ({ number_with_nulls: { num }, number_with_nulls_ID }) =>
          cy.visit(
            `/admin/datamodel/database/${dbId}/table/${number_with_nulls_ID}/${num}/general`,
          ),
      );

      // change to custom mapping
      cy.findByText("Use original value").click();
      popover()
        .findByText("Custom mapping")
        .click();

      // update text for nulls from "null" to "nothin"
      cy.get("input[value=null]")
        .clear()
        .type("nothin");
      cy.findByText("Save").click();
      cy.findByText("Saved!");

      // check that it appears in QB
      cy.visit("/question/new");
      cy.findByText("Simple question").click();
      cy.findByText("sqlite").click();
      cy.findByText("Number With Nulls").click();
      cy.findByText("nothin");
    });
  });
});
