nocodb/scripts/cypress/integration/common/2b_table_with_m2m_column.js

import { mainPage } from "../../support/page_objects/mainPage";
import { isTestSuiteActive } from "../../support/page_objects/projectConstants";

export const genTest = (apiType, dbType) => {
  if (!isTestSuiteActive(apiType, dbType)) return;

  describe(`${apiType.toUpperCase()} api - M2M Column validation`, () => {
    // before(() => {
    //     cy.openTableTab("Actor", 25);
    // });

    beforeEach(() => {
      cy.restoreLocalStorage();
    });

    afterEach(() => {
      cy.saveLocalStorage();
    });

    // after(() => {
    //     cy.closeTableTab("Actor");
    // });

    it("Table column header, URL validation", () => {
      cy.openTableTab("Actor", 25);
      // column name validation
      // cy.get(`.project-tab:contains(Actor):visible`).should("exist");
      // URL validation
      cy.url().should("contain", `table/Actor`);
    });

    it("M2m chip content validation on grid", () => {
      // grid m2m content validation
      mainPage
        .getCell("Film List", 1)
        .find(".nc-virtual-cell > .chips-wrapper > .chips > .group > .name")
        .contains("ACADEMY DINOSAUR")
        .should("exist");
      mainPage
        .getCell("Film List", 1)
        .find(".nc-virtual-cell > .chips-wrapper > .chips > .group > .name")
        .contains("ANACONDA CONFESSIONS")
        .should("exist");
    });

    it("Expand m2m column", () => {
      // expand first row
      mainPage
        .getCell("Film List", 1)
        .should("exist")
        .trigger("mouseover")
        .get(".nc-action-icon").eq(0).should("exist").click({ force: true });

      // GUI-v2 Kludge:
      // validations
      // cy.getActiveModal().contains("Film").should("exist");
      // cy.getActiveModal().find("button.mdi-reload").should("exist");
      // cy.getActiveModal()
      //     .find("button:contains(Link to 'Film')")
      //     .should("exist");
      cy.getActiveModal(".nc-modal-child-list")
        .find(".ant-card")
        .eq(0)
        .contains("ACADEMY DINOSAUR")
        .should("exist");
    });

    it('Expand "Link to" record, validate', () => {
      cy.getActiveModal(".nc-modal-child-list")
        .find("button:contains(Link to 'Film')")
        .click()
        .then(() => {
          // Link record form validation
          cy.getActiveModal(".nc-modal-link-record")
              .contains("Link record")
              .should("exist");
          cy.getActiveModal(".nc-modal-link-record")
              .find(".nc-reload")
              .should("exist");
          cy.getActiveModal(".nc-modal-link-record")
              .find('button:contains("Add new record")')
              .should("exist");
          cy.getActiveModal(".nc-modal-link-record")
              .find(".ant-card")
              .eq(0)
              .contains("ACE GOLDFINGER")
              .should("exist");
          cy.getActiveModal(".nc-modal-link-record")
              .find("button.ant-modal-close")
              .click();
        });
    });

    it("Expand first linked card, validate", () => {
      // expand first row
      mainPage
        .getCell("Film List", 1)
        .should("exist")
        .trigger("mouseover")
        .get(".nc-action-icon").eq(0).should("exist").click({ force: true });

      cy.getActiveModal(".nc-modal-child-list")
        .find(".ant-card")
        .eq(0)
        .contains("ACADEMY DINOSAUR", { timeout: 2000 })
        .click()
        .then(() => {
          // Link card validation
          cy.getActiveDrawer(".nc-drawer-expanded-form")
            .find(".text-lg")
            .contains("ACADEMY DINOSAUR")
            .should("exist");
          cy.getActiveDrawer(".nc-drawer-expanded-form")
            .find('button:contains("Save row")')
            .should("exist");
          cy.getActiveDrawer(".nc-drawer-expanded-form")
            .find('button:contains("Cancel")')
            .should("exist");

          cy.getActiveDrawer(".nc-drawer-expanded-form")
            .find('button:contains("Cancel")')
            .should("exist")
            .click();
          cy.getActiveModal().find("button.ant-modal-close").click();
        });

      cy.closeTableTab("Actor");
    });
  });
};