fix: playwright test select dropdown visibility issue

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

@@ -39,9 +39,15 @@ export class SelectOptionCellPageObject extends BasePage {
 
     await selectCell.click();
 
-    if (index === -1)
+    if (index === -1) {
-      await this.rootPage.getByTestId(`select-option-${columnHeader}-undefined`).getByText(option).click();
+      const selectOption = this.rootPage.getByTestId(`select-option-${columnHeader}-undefined`).getByText(option);
-    else await this.rootPage.getByTestId(`select-option-${columnHeader}-${index}`).getByText(option).click();
+      await selectOption.waitFor({ state: 'visible' });
+      await selectOption.click();
+    } else {
+      const selectOption = this.rootPage.getByTestId(`select-option-${columnHeader}-${index}`).getByText(option);
+      await selectOption.waitFor({ state: 'visible' });
+      await selectOption.click();
+    }
 
     if (multiSelect) await this.get({ index, columnHeader }).click();
 

tests/playwright/pages/Dashboard/common/Cell/UserOptionCell.ts

@@ -37,9 +37,15 @@ export class UserOptionCellPageObject extends BasePage {
 
     await selectCell.click();
 
-    if (index === -1)
+    if (index === -1) {
-      await this.rootPage.getByTestId(`select-option-${columnHeader}-undefined`).getByText(option).click();
+      const selectOption = this.rootPage.getByTestId(`select-option-${columnHeader}-undefined`).getByText(option);
-    else await this.rootPage.getByTestId(`select-option-${columnHeader}-${index}`).getByText(option).click();
+      await selectOption.waitFor({ state: 'visible' });
+      await selectOption.click();
+    } else {
+      const selectOption = this.rootPage.getByTestId(`select-option-${columnHeader}-${index}`).getByText(option);
+      await selectOption.waitFor({ state: 'visible' });
+      await selectOption.click();
+    }
 
     if (multiSelect) await this.get({ index, columnHeader }).click();