diff --git a/scripts/playwright/pages/Dashboard/Grid/Toolbar/index.ts b/scripts/playwright/pages/Dashboard/Grid/Toolbar/index.ts index fae2a2c6ad..a28d97b423 100644 --- a/scripts/playwright/pages/Dashboard/Grid/Toolbar/index.ts +++ b/scripts/playwright/pages/Dashboard/Grid/Toolbar/index.ts @@ -39,6 +39,6 @@ export class ToolbarPage extends BasePage { } async clickAddNewRow() { - await this.get().locator(`.nc-toolbar-btn.nc-add-new-row-btn")`).click(); + await this.get().locator(`.nc-toolbar-btn.nc-add-new-row-btn`).click(); } } diff --git a/scripts/playwright/tests/tableColumnOperation.spec.ts b/scripts/playwright/tests/tableColumnOperation.spec.ts index 7397667c59..46c1910b95 100644 --- a/scripts/playwright/tests/tableColumnOperation.spec.ts +++ b/scripts/playwright/tests/tableColumnOperation.spec.ts @@ -1,53 +1,71 @@ -import { test } from '@playwright/test'; -import { DashboardPage } from '../pages/Dashboard'; -import { GridPage } from '../pages/Dashboard/Grid'; -import setup from '../setup'; +import { test } from "@playwright/test"; +import { DashboardPage } from "../pages/Dashboard"; +import { GridPage } from "../pages/Dashboard/Grid"; +import setup from "../setup"; - -test.describe('Table Column Operations', () => { +test.describe.only("Table Column Operations", () => { let grid: GridPage, dashboard: DashboardPage; let context: any; - test.beforeEach(async ({page}) => { + test.beforeEach(async ({ page }) => { context = await setup({ page }); dashboard = new DashboardPage(page, context.project); grid = dashboard.grid; - await dashboard.treeView.createTable({title: "sheet1"}); - }) + await dashboard.treeView.createTable({ title: "sheet1" }); + }); + + test("Create column", async () => { + await grid.column.create({ title: "column_name_a" }); + await grid.column.verify({ title: "column_name_a" }); - test('Create column', async () => { - await grid.column.create({title: "column_name_a"}); - await grid.column.verify({title: "column_name_a"}); + await grid.column.openEdit({ title: "column_name_a" }); + await grid.column.fillTitle({ title: "column_name_b" }); + await grid.column.selectType({ type: "LongText" }); + await grid.column.save({ isUpdated: true }); + await grid.column.verify({ title: "column_name_b" }); - await grid.column.openEdit({title: "column_name_a"}); - await grid.column.fillTitle({title: "column_name_b"}); - await grid.column.selectType({type: "LongText"}); - await grid.column.save({isUpdated: true}); - await grid.column.verify({title: "column_name_b"}); + await grid.column.delete({ title: "column_name_b" }); + await grid.column.verify({ title: "column_name_b", isDeleted: true }); - await grid.column.delete({title: "column_name_b"}); - await grid.column.verify({title: "column_name_b", isDeleted: true}); + await grid.addNewRow({ index: 0 }); + await grid.verifyRow({ index: 0 }); - await grid.addNewRow({index: 0}); - await grid.verifyRow({index: 0}) - - await grid.openExpandedRow({index: 0}); - await dashboard.expandedForm.fillField({columnTitle: "Title", value: "value_a"}); + await grid.openExpandedRow({ index: 0 }); + await dashboard.expandedForm.fillField({ + columnTitle: "Title", + value: "value_a", + }); await dashboard.expandedForm.save(); - await grid.cell.verify({index: 0, columnHeader: "Title", value: "value_a"}); + await grid.cell.verify({ + index: 0, + columnHeader: "Title", + value: "value_a", + }); await grid.deleteRow(0); - await grid.verifyRowDoesNotExist({index: 0}); + await grid.verifyRowDoesNotExist({ index: 0 }); - await grid.addNewRow({index: 0}); - await grid.addNewRow({index: 1}); - await grid.addNewRow({index: 2}); - await grid.addNewRow({index: 3}); - await grid.addNewRow({index: 4}); + await grid.addNewRow({ index: 0 }); + await grid.addNewRow({ index: 1 }); + await grid.addNewRow({ index: 2 }); + await grid.addNewRow({ index: 3 }); + await grid.addNewRow({ index: 4 }); await grid.deleteAll(); - await grid.verifyRowDoesNotExist({index: 0}); - }); + await grid.verifyRowDoesNotExist({ index: 0 }); + // add new row using toolbar button + await grid.toolbar.clickAddNewRow(); + await dashboard.expandedForm.fillField({ + columnTitle: "Title", + value: "value_a", + }); + await dashboard.expandedForm.save(); + await grid.cell.verify({ + index: 0, + columnHeader: "Title", + value: "value_a", + }); + }); });