keycloak-scim/js/apps/admin-ui/cypress/support/util/ModalUtils.ts

import PageObject from "../pages/admin-ui/components/PageObject";
import TablePage from "../pages/admin-ui/components/TablePage";

export default class ModalUtils extends PageObject {
  #modalDiv = ".pf-v5-c-modal-box";
  #modalTitle = ".pf-v5-c-modal-box .pf-v5-c-modal-box__title-text";
  #modalMessage = ".pf-v5-c-modal-box .pf-v5-c-modal-box__body";
  #confirmModalBtn = "confirm";
  #cancelModalBtn = "cancel";
  #closeModalBtn = ".pf-v5-c-modal-box .pf-m-plain";
  #copyToClipboardBtn = '[id*="copy-button"]';
  #addModalDropdownBtn = "#add-dropdown";
  #addModalDropdownItem = ".pf-v5-c-modal-box__footer .pf-v5-c-menu__content";
  #addBtn = "add";
  #tablePage = new TablePage(TablePage.tableSelector);
  #confirmDuplicateModalBtn = "duplicateGroup";

  table() {
    return this.#tablePage;
  }

  add() {
    cy.findByTestId(this.#addBtn).click();
    return this;
  }

  confirmModal() {
    cy.findByTestId(this.#confirmModalBtn).click({ force: true });

    return this;
  }

  confirmDuplicateModal() {
    cy.findByTestId(this.#confirmDuplicateModalBtn).click();

    return this;
  }

  checkConfirmButtonText(text: string) {
    cy.findByTestId(this.#confirmModalBtn).contains(text);

    return this;
  }

  confirmModalWithItem(itemName: string) {
    cy.get(this.#addModalDropdownBtn).click();
    cy.get(this.#addModalDropdownItem).contains(itemName).click();

    return this;
  }

  cancelModal() {
    cy.findByTestId(this.#cancelModalBtn).click({ force: true });

    return this;
  }

  cancelButtonContains(text: string) {
    cy.findByTestId(this.#cancelModalBtn).contains(text);

    return this;
  }

  copyToClipboard() {
    cy.get(this.#copyToClipboardBtn).click();

    return this;
  }

  closeModal() {
    cy.get(this.#closeModalBtn).click({ force: true });

    return this;
  }

  checkModalTitle(title: string) {
    //deprecated
    this.assertModalTitleEqual(title);
    return this;
  }

  checkModalMessage(message: string) {
    cy.get(this.#modalMessage).invoke("text").should("eq", message);

    return this;
  }

  assertModalMessageContainText(text: string) {
    cy.get(this.#modalMessage).should("contain.text", text);
    return this;
  }

  assertModalHasElement(elementSelector: string, exist: boolean) {
    cy.get(this.#modalDiv)
      .find(elementSelector)
      .should((exist ? "" : ".not") + "exist");
    return this;
  }

  assertModalVisible(isVisible: boolean) {
    super.assertIsVisible(cy.get(this.#modalDiv), isVisible);
    return this;
  }

  assertModalExist(exist: boolean) {
    super.assertExist(cy.get(this.#modalDiv), exist);
    return this;
  }

  assertModalTitleEqual(text: string) {
    cy.get(this.#modalTitle).invoke("text").should("eq", text);
    return this;
  }
}