nocodb/scripts/playwright/tests/metaSync.spec.ts

import { test } from '@playwright/test';
import { DashboardPage } from '../pages/Dashboard';
import { SettingsPage, SettingTab } from '../pages/Dashboard/Settings';
import setup, { NcContext } from '../setup';
import { isSqlite, mysqlExec, sqliteExec } from '../setup/db';

// todo: Enable when view bug is fixed
test.describe("Meta sync", () => {
  let dashboard: DashboardPage;
  let settings: SettingsPage;
  let context: NcContext;
  let dbExec;
  let projectPrefix;

  test.beforeEach(async ({ page }) => {
    context = await setup({ page });
    dashboard = new DashboardPage(page, context.project);
    settings = dashboard.settings;

    switch (context.dbType) {
      case "sqlite":
        dbExec = sqliteExec;
        break;
      case "mysql":
        dbExec = mysqlExec;
        break;
    }

    projectPrefix = isSqlite(context) ? context.project.prefix : "";
  });

  test("Meta sync", async () => {
    test.setTimeout(process.env.CI ? 100000 : 70000);

    await dashboard.gotoSettings();
    await settings.selectTab({tab: SettingTab.ProjectMetadata});

    await dbExec(
      `CREATE TABLE ${projectPrefix}table1 (id INT NOT NULL, col1 INT NULL, PRIMARY KEY (id))`
    );
    await dbExec(
      `CREATE TABLE ${projectPrefix}table2 (id INT NOT NULL, col1 INT NULL, PRIMARY KEY (id))`
    );

    await settings.metaData.clickReload();
    await settings.metaData.verifyRow({
      index: 16,
      model: `${projectPrefix}table1`,
      state: "New table",
    });
    await settings.metaData.verifyRow({
      index: 17,
      model: `${projectPrefix}table2`,
      state: "New table",
    });

    await settings.metaData.sync();
    await settings.metaData.verifyRow({
      index: 16,
      model: "Table1",
      state: "No change identified",
    });
    await settings.metaData.verifyRow({
      index: 17,
      model: "Table2",
      state: "No change identified",
    });

    if (!isSqlite(context)) {
      // Add relation
      await dbExec(
        `ALTER TABLE ${projectPrefix}table1 ADD INDEX fk1_idx (col1 ASC) VISIBLE`
      );
      await dbExec(
        `ALTER TABLE ${projectPrefix}table1 ADD CONSTRAINT fk1 FOREIGN KEY (col1) REFERENCES ${projectPrefix}table2 (id) ON DELETE NO ACTION ON UPDATE NO ACTION`
      );
      await settings.metaData.clickReload();
      await settings.metaData.verifyRow({
        index: 16,
        model: "Table1",
        state: "New relation added",
      });

      //verify after sync
      await settings.metaData.sync();
      await settings.metaData.verifyRow({
        index: 16,
        model: "Table1",
        state: "No change identified",
      });

      // Remove relation
      await dbExec(`ALTER TABLE ${projectPrefix}table1 DROP FOREIGN KEY fk1`);
      await dbExec(`ALTER TABLE ${projectPrefix}table1 DROP INDEX fk1_idx`);
      await settings.metaData.clickReload();
      await settings.metaData.verifyRow({
        index: 16,
        model: "Table1",
        state: "Relation removed",
      });

      //verify after sync
      await settings.metaData.sync();
      await settings.metaData.verifyRow({
        index: 16,
        model: "Table1",
        state: "No change identified",
      });
    }

    // Add column
    await dbExec(
      isSqlite(context)
        ? `ALTER TABLE ${projectPrefix}table1 ADD COLUMN newCol TEXT NULL`
        : `ALTER TABLE ${projectPrefix}table1 ADD COLUMN newCol VARCHAR(45) NULL AFTER id`
    );
    await settings.metaData.clickReload();
    await settings.metaData.verifyRow({
      index: 16,
      model: `Table1`,
      state: "New column(newCol)",
    });

    //verify after sync
    await settings.metaData.sync();
    await settings.metaData.verifyRow({
      index: 16,
      model: "Table1",
      state: "No change identified",
    });

    // Edit column
    await dbExec(
      isSqlite(context)
        ? `ALTER TABLE ${projectPrefix}table1 RENAME COLUMN newCol TO newColName`
        : `ALTER TABLE ${projectPrefix}table1 CHANGE COLUMN newCol newColName VARCHAR(45) NULL DEFAULT NULL`
    );
    await settings.metaData.clickReload();
    await settings.metaData.verifyRow({
      index: 16,
      model: `Table1`,
      state: "New column(newColName), Column removed(newCol)",
    });

    //verify after sync
    await settings.metaData.sync();
    await settings.metaData.verifyRow({
      index: 16,
      model: "Table1",
      state: "No change identified",
    });

    // Delete column
    // todo: Add for sqlite
    if (!isSqlite(context)) {
      await dbExec(`ALTER TABLE ${projectPrefix}table1 DROP COLUMN newColName`);
      await settings.metaData.clickReload();
      await settings.metaData.verifyRow({
        index: 16,
        model: `Table1`,
        state: "Column removed(newColName)",
      });

      //verify after sync
      await settings.metaData.sync();
      await settings.metaData.verifyRow({
        index: 16,
        model: "Table1",
        state: "No change identified",
      });
    }

    // Delete table
    await dbExec(`DROP TABLE ${projectPrefix}table1`);
    await dbExec(`DROP TABLE ${projectPrefix}table2`);
    await settings.metaData.clickReload();
    await settings.metaData.verifyRow({
      index: 16,
      model: `${projectPrefix}table1`,
      state: "Table removed",
    });
    await settings.metaData.verifyRow({
      index: 17,
      model: `${projectPrefix}table2`,
      state: "Table removed",
    });

    //verify after sync
    await settings.metaData.sync();

    if (isSqlite(context)) {
      await settings.metaData.verifyRow({
        index: 16,
        model: "CustomerList",
        state: "No change identified",
      });
      await settings.metaData.verifyRow({
        index: 17,
        model: "FilmList",
        state: "No change identified",
      });
    } else {
      await settings.metaData.verifyRow({
        index: 16,
        model: "ActorInfo",
        state: "No change identified",
      });
      await settings.metaData.verifyRow({
        index: 17,
        model: "CustomerList",
        state: "No change identified",
      });
    }
  });

  test("Hide, filter, sort", async () => {
    await dbExec(
      `CREATE TABLE ${projectPrefix}table1 (id INT NOT NULL, col1 INT NULL, col2 INT NULL, col3 INT NULL, col4 INT NULL, PRIMARY KEY (id))`
    );
    await dbExec(
      `INSERT INTO ${projectPrefix}table1 (id, col1, col2, col3, col4) VALUES (1,1,1,1,1), (2,2,2,2,2), (3,3,3,3,3), (4,4,4,4,4), (5,5,5,5,5), (6,6,6,6,6), (7,7,7,7,7), (8,8,8,8,8), (9,9,9,9,9);`
    );

    await dashboard.gotoSettings();
    await settings.selectTab({tab: SettingTab.ProjectMetadata});

    await settings.metaData.clickReload();
    await settings.metaData.sync();
    await settings.close();

    await dashboard.treeView.openTable({ title: "Table1" });

    await dashboard.grid.toolbar.clickFields();
    await dashboard.grid.toolbar.fields.click({ title: "Col1" });
    await dashboard.grid.toolbar.clickFields();

    await dashboard.grid.toolbar.sort.addSort({
      columnTitle: "Col1",
      isAscending: false,
    });

    await dashboard.grid.toolbar.filter.addNew({
      columnTitle: "Col1",
      opType: ">=",
      value: "5",
    });

    await dashboard.grid.verifyRowCount({ count: 5 });
  });
});