feat(testing): Added some test for attachment column, moved cell into common folder and added filepicker support

scripts/playwright/pages/Dashboard/common/Cell/SelectOptionCell.ts

@@ -0,0 +1,73 @@
+import { expect } from "@playwright/test";
+import { CellPageObject } from ".";
+import BasePage from "../../../Base";
+
+export class SelectOptionCellPageObject extends BasePage {
+  readonly cell: CellPageObject;
+
+  constructor(cell: CellPageObject) {
+    super(cell.rootPage);
+    this.cell = cell;
+  }
+
+  get({index, columnHeader}: {index: number, columnHeader: string}) {
+    return this.cell.get({index, columnHeader});
+  }
+
+  async select({index, columnHeader, option, multiSelect}: {index: number, columnHeader: string, option: string, multiSelect?: boolean}) {
+    await this.get({index, columnHeader}).click();
+
+    await this.rootPage.locator(`[pw-data="select-option-${columnHeader}-${index}"]`, {hasText: option}).click();
+
+    if(multiSelect) await this.get({index, columnHeader}).click();
+
+    await this.rootPage.locator(`[pw-data="select-option-${columnHeader}-${index}"]`, {hasText: option}).waitFor({state: 'hidden'});
+  }
+
+  async clear({index, columnHeader, multiSelect}: {index: number, columnHeader: string, multiSelect?: boolean}) {
+    if(multiSelect){
+      await this.cell.get({index, columnHeader}).click();
+      await this.cell.get({index, columnHeader}).click();
+
+      const optionCount = await this.cell.get({index, columnHeader}).locator('.ant-tag').count();
+
+      for(let i = 0; i < optionCount; i++) {
+        await this.cell.get({index, columnHeader}).locator('.ant-tag > .ant-tag-close-icon').first().click();
+        // wait till number of options is less than before
+        await this.cell.get({index, columnHeader}).locator('.ant-tag').nth(optionCount - i - 1).waitFor({state: 'hidden'});
+      }
+      return
+    }
+
+    await this.get({index, columnHeader}).click();
+    await this.rootPage.locator('.ant-select-single > .ant-select-clear').click();
+    await this.cell.get({index, columnHeader}).click();
+    await this.rootPage.locator(`.nc-dropdown-single-select-cell`).waitFor({state: 'hidden'});
+  }
+
+  async verify({index, columnHeader, option, multiSelect}: {index: number, columnHeader: string, option: string, multiSelect?: boolean}) {
+    if(multiSelect) {
+      return expect(
+        this.cell.get({index, columnHeader})).toContainText(option, {useInnerText: true});
+    }
+    return expect(this.cell.get({index, columnHeader}).locator('.ant-select-selection-item > .ant-tag')).toHaveText(option, {useInnerText: true});
+  }
+
+  async verifyNoOptionsSelected({index, columnHeader}: {index: number, columnHeader: string}) {
+    return expect(this.cell.get({index, columnHeader}).locator('.ant-select-selection-item > .ant-tag')).toBeHidden();
+  }
+
+  async verifyOptions({index, columnHeader, options}: {index: number, columnHeader: string, options: string[]}) {
+    await this.get({index, columnHeader}).click();
+
+    let counter = 0;
+    for (const option of options) {
+      const optionInDom = await this.rootPage.locator(`div.ant-select-item-option`).nth(counter)
+        .evaluate((node) =>  (node as HTMLElement).innerText)
+      expect(optionInDom).toBe(option);
+      counter++;
+    }
+    await this.get({index, columnHeader}).click();
+    await this.rootPage.locator(`.nc-dropdown-single-select-cell`).nth(index).waitFor({state: 'hidden'});
+  }
+}