From ae061cc60995750a1b762b360712c2f79c4bbf33 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Wed, 20 Sep 2023 19:11:42 +0000
Subject: [PATCH] test: invite selectors

---
 packages/nc-gui/components/roles/Badge.vue                | 4 +++-
 packages/nc-gui/components/roles/Selector.vue             | 2 +-
 tests/playwright/pages/WorkspacePage/CollaborationPage.ts | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/roles/Badge.vue b/packages/nc-gui/components/roles/Badge.vue
index 6d9e28f2cb..51592226de 100644
--- a/packages/nc-gui/components/roles/Badge.vue
+++ b/packages/nc-gui/components/roles/Badge.vue
@@ -65,9 +65,11 @@ console.log('dummy')
       </div>
     </NcBadge>
     <div class="flex-1"></div>
+    <!--
     <a-tooltip v-if="inheritRef" placement="bottom">
-      <div class="text-gray-400 text-xs p-1 rounded-md">Current Workspace Role</div>
+      <div class="text-gray-400 text-xs p-1 rounded-md">Workspace Role</div>
     </a-tooltip>
+    -->
   </div>
 </template>
 
diff --git a/packages/nc-gui/components/roles/Selector.vue b/packages/nc-gui/components/roles/Selector.vue
index 6e300d1892..472aea2afc 100644
--- a/packages/nc-gui/components/roles/Selector.vue
+++ b/packages/nc-gui/components/roles/Selector.vue
@@ -23,7 +23,7 @@ const descriptionRef = toRef(props, 'description')
 
 <template>
   <NcDropdown>
-    <RolesBadge class="border-1" :role="roleRef" :inherit="inheritRef === role" clickable />
+    <RolesBadge class="border-1" data-testid="roles" :role="roleRef" :inherit="inheritRef === role" clickable />
     <template #overlay>
       <div class="nc-role-select-dropdown flex flex-col gap-[4px] p-1">
         <div class="flex flex-col gap-[4px]">
diff --git a/tests/playwright/pages/WorkspacePage/CollaborationPage.ts b/tests/playwright/pages/WorkspacePage/CollaborationPage.ts
index 0423becc7e..f58db52028 100644
--- a/tests/playwright/pages/WorkspacePage/CollaborationPage.ts
+++ b/tests/playwright/pages/WorkspacePage/CollaborationPage.ts
@@ -39,8 +39,8 @@ export class CollaborationPage extends BasePage {
 
     // role
     await this.selector_role.click();
-    await this.rootPage.waitForTimeout(500);
-    await this.rootPage.locator(`.ant-select-item-option-content:has-text("${role}"):visible`).click();
+    const menu = this.rootPage.locator('.nc-role-select-dropdown:visible');
+    await menu.locator(`.nc-role-select-workspace-level-${role.toLowerCase()}:visible`).click();
 
     // submit