// https://docs.cypress.io/api/introduction/api.html

// const { WatchIgnorePlugin } = require("webpack");

//https://docs.cypress.io/guides/references/assertions.html#BDD-Assertions
describe("WIDGET FORM", () => {
  it("Performs all crud ops on widget successfully", () => {
    let unique = new Date().getTime();
    cy.visit("/login");
    cy.get("input[name=username]")
      .clear()
      .type(Cypress.env("adminusername"));

    // {enter} causes the form to submit
    cy.get("input[name=password]")
      .clear()
      .type(`${Cypress.env("adminpassword")}{enter}`);

    cy.url().should("include", "/ay-evaluate");

    //POST
    cy.visit("/widgets/0");
    cy.url().should("include", "/widgets/0");
    //cy.wait(5000);

    //save the start url for later
    let startUrl = null;
    //funcs are async so need to get result via then
    cy.url().then((url) => {
      startUrl = url;
    });

    //first edit to break the required rules
    cy.get("[data-cy=active]").check({ force: true }); //have to force, for some reason it thinks it's covered
    //now name and price sb required rule broken
    cy.contains("Name is a required field", { timeout: 1000 });
    cy.contains("Price is a required field");
    //enter name
    let name = "E2E CRUD " + unique;
    cy.get("[data-cy=name]").type(name);
    //confirm error went away
    cy.contains("Name is a required field").should("not.exist");

    cy.get("[data-cy=count]").type("123");
    cy.get("[data-cy=dollarAmount]").type("123.45");
    cy.contains("Price is a required field").should("not.exist");

    //start date
    cy.get('[data-cy="dateinput:startDate"]').type("2020-01-01");
    cy.get('[data-cy="timeinput:startDate"]').type("16:20");

    //end date
    cy.get('[data-cy="dateinput:endDate"]').type("2020-01-02");
    cy.get('[data-cy="timeinput:endDate"]').type("16:20");

    //USER PICKLIST
    //this is an assumption but it's pretty hard to imagine there not being a user that matches this
    //if it's an issue can just generate a known user before this test runs directly to the api, it's a thing that's possible with cypress
    cy.get("[data-cy=userid] > .v-input").type("a ..zone");
    //select the second item, this assumes only one picklist at a time is dropped down because nothing ties the picklist control to the actual content list
    cy.get(
      ".v-autocomplete__content > .v-select-list > div:nth-child(2)"
    ).click();

    cy.get("[data-cy=usertype]").type("cu{enter}", { force: true });
    cy.get("[data-cy=notes]").type("Testing 1..2..3{enter}EOT");
    cy.get("[data-cy=tags] input[type=text] ").type("zone1{enter}{esc}", {
      force: true
    }); //esc necessary to close tags control
    cy.get(
      "[data-cy=WidgetCustom2]"
    ).type("Custom text field testing a...b...c...{enter}EOT", { force: true });

    //GET ROUTE
    //SAve the record and ensure it's different
    cy.get('[data-cy="widget-edit:save"]').click();
    cy.url().should("include", "/widgets");

    cy.get("[data-cy=serial]").should("not.have.value", 0); //server sets new value on save

    //PUT
    cy.get("[data-cy=count]").type("321", { force: true });

    cy.get('[data-cy="widget-edit:save"]').click({ force: true });

    //now get it back again and confirm settings

    //confirm it's the same one
    cy.get("[data-cy=name]").should("have.value", name);

    //delete the record
    cy.get('[data-cy="widget-edit:delete"]').click();
    cy.get('[data-cy="gzconfirm:yesbutton"]').click();

    // //LOGOUT
    // cy.get("[data-cy=contextmenu]").click();
    // cy.get("[data-cy='app:logout']").click();
    // cy.url().should("include", "/login");
  });
});