test: ltar drag drop

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

tests/playwright/tests/db/columnLtarDragdrop.spec.ts

@@ -0,0 +1,116 @@
+import { expect, Locator, test } from '@playwright/test';
+import setup from '../../setup';
+import { Api, UITypes } from 'nocodb-sdk';
+import { DashboardPage } from '../../pages/Dashboard';
+import { GridPage } from '../../pages/Dashboard/Grid';
+import { getTextExcludeIconText } from '../utils/general';
+let api: Api<any>;
+const recordCount = 10;
+
+test.describe('Test table', () => {
+  let context: any;
+  let dashboard: DashboardPage;
+  let grid: GridPage;
+  const tables = [];
+
+  test.beforeEach(async ({ page }) => {
+    context = await setup({ page, isEmptyProject: true });
+    dashboard = new DashboardPage(page, context.project);
+    grid = dashboard.grid;
+
+    api = new Api({
+      baseURL: `http://localhost:8080/`,
+      headers: {
+        'xc-auth': context.token,
+      },
+    });
+
+    const columns = [
+      {
+        column_name: 'Id',
+        title: 'Id',
+        uidt: UITypes.ID,
+      },
+      {
+        column_name: 'Title',
+        title: 'Title',
+        uidt: UITypes.SingleLineText,
+        pv: true,
+      },
+    ];
+
+    const rows = [];
+    for (let i = 0; i < recordCount; i++) {
+      rows.push({
+        Id: i + 1,
+        Title: `${i + 1}`,
+      });
+    }
+
+    // Create tables
+    const project = await api.project.read(context.project.id);
+
+    for (let i = 0; i < 2; i++) {
+      const table = await api.base.tableCreate(context.project.id, project.bases?.[0].id, {
+        table_name: `Table${i}`,
+        title: `Table${i}`,
+        columns: columns,
+      });
+      tables.push(table);
+      await api.dbTableRow.bulkCreate('noco', context.project.id, tables[i].id, rows);
+    }
+
+    // refresh page
+    await page.reload();
+  });
+
+  test('drag drop for LTAR, lookup creation', async () => {
+    await dashboard.treeView.openTable({ title: 'Table0' });
+    const src = await dashboard.rootPage.locator(`[data-testid="tree-view-table-draggable-handle-Table1"]`);
+    const dst = await dashboard.rootPage.locator(`[data-testid="grid-row-0"]`);
+
+    // drag drop for LTAR column creation
+    //
+    await src.dragTo(dst);
+    const columnAddModal = await dashboard.rootPage.locator(`.nc-dropdown-grid-add-column`);
+    {
+      const columnType = await getTextExcludeIconText(await columnAddModal.locator(`.nc-column-type-input`));
+      const linkTable = await getTextExcludeIconText(
+        await columnAddModal.locator(`.ant-form-item-control-input`).nth(3)
+      );
+      expect(columnType).toContain('LinkToAnotherRecord');
+      expect(linkTable).toContain('Table1');
+
+      // save
+      await columnAddModal.locator(`.ant-btn-primary`).click();
+
+      // verify if column is created
+      await grid.column.verify({ title: 'Table1List', isVisible: true });
+    }
+
+    // drag drop for lookup column creation
+    //
+    await src.dragTo(dst);
+    {
+      // const columnAddModal = await dashboard.rootPage.locator(`.nc-dropdown-grid-add-column`);
+      const columnType = await getTextExcludeIconText(await columnAddModal.locator(`.nc-column-type-input`));
+      const linkField = await getTextExcludeIconText(
+        await columnAddModal.locator(`.ant-form-item-control-input`).nth(2)
+      );
+      const childColumn = await getTextExcludeIconText(
+        await columnAddModal.locator(`.ant-form-item-control-input`).nth(3)
+      );
+
+      // validate
+      expect(columnType).toContain('Lookup');
+      expect(linkField).toContain('Table1List');
+      expect(childColumn).toContain('Title');
+
+      // save
+      await columnAddModal.locator(`.ant-btn-primary`).click();
+
+      // verify if column is created
+      await grid.column.verify({ title: 'Table1Lookup', isVisible: true });
+    }
+  });
+});