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

import { test } from '@playwright/test';
import { DashboardPage } from '../pages/Dashboard';
import { SettingsPage } 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 () => {
    await dashboard.gotoSettings();
    await settings.selectTab({title: 'Project Metadata'});

    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({title: 'Project Metadata'});

    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.clickSort();
    await dashboard.grid.toolbar.sort.addNew({columnTitle: 'Col1', isAscending: false});
    await dashboard.grid.toolbar.clickSort();

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

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

});