PromucFlow_constructor/app/client/cypress/support/queryCommands.js

/* eslint-disable cypress/no-unnecessary-waiting */
/* eslint-disable cypress/no-assigning-return-values */
import { ObjectsRegistry } from "../support/Objects/Registry";
import EditorNavigation, {
  EntityType,
  AppSidebarButton,
} from "./Pages/EditorNavigation";
require("cy-verify-downloads").addCustomCommand();
require("cypress-file-upload");
const jsEditorLocators = require("../locators/JSEditor.json");
const datasourceEditor = require("../locators/DatasourcesEditor.json");
const datasourceFormData = require("../fixtures/datasources.json");
const queryEditor = require("../locators/QueryEditor.json");
const apiwidget = require("../locators/apiWidgetslocator.json");
const explorer = require("../locators/explorerlocators.json");
const datasource = require("../locators/DatasourcesEditor.json");
const formControls = require("../locators/FormControl.json");
const queryLocators = require("../locators/QueryEditor.json");
const { AggregateHelper, DataSources, PropertyPane } = ObjectsRegistry;

export const initLocalstorage = () => {
  cy.window().then((window) => {
    window.localStorage.setItem("ShowCommentsButtonToolTip", "");
    window.localStorage.setItem("updateDismissed", "true");
  });
};

Cypress.Commands.add("NavigateToActiveDSQueryPane", (datasourceName) => {
  EditorNavigation.SelectEntityByName(datasourceName, EntityType.Datasource);
  cy.get(queryLocators.createQuery).click({ force: true });
  cy.wait(2000); //for the specified page to load
});

Cypress.Commands.add("NavigateToDSGeneratePage", (datasourceName) => {
  EditorNavigation.SelectEntityByName(datasourceName, EntityType.Datasource);
  cy.get(datasource.datasourceCardGeneratePageBtn).click();
  cy.wait(2000); //for the specified page to load
});

Cypress.Commands.add("ClickGotIt", () => {
  cy.get("span:contains('Got it')").click();
});

Cypress.Commands.add("fillGoogleSheetsDatasourceForm", () => {
  cy.get(datasourceEditor["scope"]).click();
});

Cypress.Commands.add("fillAuthenticatedAPIForm", () => {
  const URL = datasourceFormData["authenticatedApiUrl"];
  cy.get(datasourceEditor.url).type(URL);
});

Cypress.Commands.add("runQuery", (expectedRes = true) => {
  cy.onlyQueryRun();
  AggregateHelper.CheckForErrorToast("Failed to initialize pool");
  cy.wait(2000); //for postexecute to go thru
  cy.wait("@postExecute").should(
    "have.nested.property",
    "response.body.data.isExecutionSuccess",
    expectedRes,
  );

  // cy.wait("@postExecute").should(
  //   "have.nested.property",
  //   "response.body.responseMeta.status",
  //   200,
  // );
});

Cypress.Commands.add("onlyQueryRun", () => {
  cy.xpath(queryEditor.runQuery).last().click({ force: true }).wait(1000);
  cy.get(".ads-v2-spinner").should("not.exist");
});

Cypress.Commands.add("RunQueryWithoutWaitingForResolution", () => {
  cy.xpath(queryEditor.runQuery).last().click({ force: true });
});

Cypress.Commands.add("hoverAndClick", (entity) => {
  cy.xpath(
    "//div[text()='" +
      entity +
      "']/ancestor::div[1]/following-sibling::div//button[contains(@class, 'entity-context-menu')]",
  ).click({ force: true });
});

Cypress.Commands.add("hoverAndClickParticularIndex", (index) => {
  cy.xpath(apiwidget.popover)
    .eq(index)
    .should("be.hidden")
    .invoke("show")
    .click({ force: true });
});

Cypress.Commands.add("deleteQuery", () => {
  cy.hoverAndClick();
  cy.get(apiwidget.delete).click({ force: true });
  cy.get(apiwidget.deleteConfirm).click({ force: true });
  cy.wait("@deleteAction").should(
    "have.nested.property",
    "response.body.responseMeta.status",
    200,
  );
});

Cypress.Commands.add("deleteQueryUsingContext", () => {
  cy.get(queryEditor.queryMoreAction).first().click();
  cy.get(queryEditor.deleteUsingContext).click();
  cy.get(queryEditor.deleteUsingContext).contains("Are you sure?").click();
  cy.wait("@deleteAction").should(
    "have.nested.property",
    "response.body.responseMeta.status",
    200,
  );
});

Cypress.Commands.add("runAndDeleteQuery", () => {
  cy.runQuery();
  cy.deleteQueryUsingContext();
});

Cypress.Commands.add("executeDbQuery", (queryName, eventName) => {
  PropertyPane.SelectPlatformFunction(eventName, "Execute a query");
  cy.get(`.single-select:contains(${queryName})`).click({ force: true });
  // cy.get(widgetsPage.buttonOnClick)
  //   .get(commonlocators.dropdownSelectButton)
  //   .eq(0)
  //   .click({ force: true })
  //   .get("ul.bp3-menu")
  //   .children()
  //   .contains("Execute a query")
  //   .click({ force: true })
  //   .get("ul.bp3-menu")
  //   .children()
  //   .contains(queryName)
  //   .click({ force: true });
});

Cypress.Commands.add("CreateMockQuery", (queryName) => {
  // cy.get(queryEditor.addNewQueryBtn).click({ force: true });
  // cy.get(queryEditor.createQuery)
  //   .first()
  //   .click({ force: true });
  cy.get(queryEditor.queryNameField).type(queryName + "{enter}", {
    force: true,
  });
  cy.assertPageSave();
  cy.runQuery();
  // cy.wait(3000);
  // cy.get(queryEditor.runQuery)
  //   .click({force: true});
});

Cypress.Commands.add("ValidateQueryParams", (param) => {
  cy.xpath(apiwidget.paramsTab).should("be.visible").click({ force: true });

  cy.validateCodeEditorContent(apiwidget.paramKey, param.key);
  cy.validateCodeEditorContent(apiwidget.paramValue, param.value);
});

// from hereeee
// targeting normal dropdowns, we can simply use the label names
Cypress.Commands.add(
  "TargetDropdownAndSelectOption",
  (dropdownIdentifier, option, isDynamic = false) => {
    if (isDynamic) {
      cy.wait(5000);
    }
    cy.get(dropdownIdentifier)
      .scrollIntoView()
      .should("be.visible")
      .click({ multiple: true });

    cy.get(formControls.dropdownWrapper)
      .should("be.visible")
      .contains(option)
      .first()
      .click({ force: true });
    cy.wait(2000);
  },
);

// targeting multiselect dropdowns, we target the data-testid value of the options
Cypress.Commands.add(
  "TargetMultiSelectDropdownAndSelectOptions",
  (dropdownIdentifier, options, isDynamic = false) => {
    if (isDynamic) {
      cy.wait(5000);
    }
    cy.get(dropdownIdentifier)
      .scrollIntoView()
      .should("be.visible")
      .click({ multiple: true });

    options &&
      options.map((option) => {
        cy.get(formControls.dropdownWrapper)
          .should("be.visible")
          .get(option) //  we use a get instead of contains.
          .first()
          .click({ force: true });
      });
  },
);

Cypress.Commands.add(
  "TargetFormControlAndSwitchViewType",
  (formControlIdentifier, newViewType) => {
    cy.get(formControlIdentifier).scrollIntoView().should("be.visible").click();

    if (newViewType === "json") {
      cy.get(formControlIdentifier)
        .should("be.visible")
        .should("have.class", "is-active");
    } else if (newViewType === "component") {
      cy.get(formControlIdentifier)
        .should("be.visible")
        .should("not.have.class", "is-active");
    }
  },
);

Cypress.Commands.add(
  "VerifyCurrentDropdownOption",
  (dropdownIdentifier, option) => {
    cy.get(dropdownIdentifier)
      .scrollIntoView()
      .should("be.visible")
      .contains(option)
      .should("be.visible");
  },
);

Cypress.Commands.add(
  "ValidateAndSelectDropdownOption",
  (dropdownIdentifier, currentOption, newOption, isDynamic = false) => {
    cy.VerifyCurrentDropdownOption(dropdownIdentifier, currentOption);
    if (newOption) {
      cy.TargetDropdownAndSelectOption(
        dropdownIdentifier,
        newOption,
        isDynamic,
      );
      cy.wait(2000);
    }
  },
);

Cypress.Commands.add("SelecJSFunctionAndRun", (functionName) => {
  cy.xpath("//span[@name='expand-more']").first().click();
  cy.get(`[data-testid='t--dropdown-option-${functionName}']`).click();
  cy.get(jsEditorLocators.runButton).first().click();
});