test(playwright): add test for hide field option

Signed-off-by: Pranav C <pranavxc@gmail.com>

tests/playwright/pages/Dashboard/Grid/Column/index.ts

@@ -256,6 +256,13 @@ export class ColumnPageObject extends BasePage {
     await this.grid.get().locator(`th[data-title="${expectedTitle}"]`).isVisible();
   }
 
+  async hideColumn({ title }: { title: string }) {
+    await this.grid.get().locator(`th[data-title="${title}"] .nc-ui-dt-dropdown`).click();
+    await this.rootPage.locator('li[role="menuitem"]:has-text("Hide Field"):visible').click();
+
+    await expect(this.grid.get().locator(`th[data-title="${title}"]`)).toHaveCount(0);
+  }
+
   async save({ isUpdated }: { isUpdated?: boolean } = {}) {
     await this.waitForResponse({
       uiAction: this.get().locator('button:has-text("Save")').click(),

tests/playwright/tests/columnMenuOperations.spec.ts

@@ -101,4 +101,18 @@ test.describe('Column menu operations', () => {
 
     await dashboard.closeTab({ title: 'Film' });
   });
+
+  test('Hide column', async () => {
+    await dashboard.treeView.openTable({ title: 'Film' });
+
+    await dashboard.grid.column.hideColumn({
+      title: 'Title',
+    });
+
+    await dashboard.grid.column.hideColumn({
+      title: 'Store List',
+    });
+
+    await dashboard.closeTab({ title: 'Film' });
+  });
 });