test: toolbar- add new row button verification

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

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();
   }
 }

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",
+    });
+  });
 });