From aabf1038982aa966fc71b6e72900ec72aecf5e6e Mon Sep 17 00:00:00 2001
From: sreehari jayaraj <sreeharivijaya2003@gmail.com>
Date: Fri, 22 Sep 2023 15:26:14 +0000
Subject: [PATCH] fix(test): added  enter keyboard trigger

---
 .../nc-gui/components/workspace/InviteSection.vue   | 13 +++++++------
 .../pages/WorkspacePage/CollaborationPage.ts        |  1 +
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/workspace/InviteSection.vue b/packages/nc-gui/components/workspace/InviteSection.vue
index 75ac58cce8..22cffdf042 100644
--- a/packages/nc-gui/components/workspace/InviteSection.vue
+++ b/packages/nc-gui/components/workspace/InviteSection.vue
@@ -101,6 +101,11 @@ onMounted(async () => {
   }
 })
 
+const focusOnDiv = () => {
+  focusRef.value?.focus()
+  isDivFocused.value = true
+}
+
 // remove one email per backspace
 onKeyStroke('Backspace', () => {
   if (isDivFocused.value && inviteData.email.length < 1) {
@@ -122,12 +127,7 @@ onKeyStroke('Backspace', () => {
             'border-primary/100': isDivFocused,
             'p-1': emailBadges.length > 1,
           }"
-          @click="
-            () => {
-              focusRef?.focus
-              isDivFocused = true
-            }
-          "
+          @click="focusOnDiv"
           @blur="isDivFocused = false"
         >
           <span
@@ -148,6 +148,7 @@ onKeyStroke('Backspace', () => {
             v-model="inviteData.email"
             :placeholder="emailBadges.length < 1 ? 'Enter emails to send invitation' : ''"
             class="min-w-50 !outline-0 !focus:outline-0 ml-2 mr-3 mt-1"
+            data-testid="email-input"
             @keyup.enter="handleEnter"
             @blur="isDivFocused = false"
           />
diff --git a/tests/playwright/pages/WorkspacePage/CollaborationPage.ts b/tests/playwright/pages/WorkspacePage/CollaborationPage.ts
index f58db52028..e9dc9e321d 100644
--- a/tests/playwright/pages/WorkspacePage/CollaborationPage.ts
+++ b/tests/playwright/pages/WorkspacePage/CollaborationPage.ts
@@ -36,6 +36,7 @@ export class CollaborationPage extends BasePage {
 
     // email
     await this.input_email.fill(email);
+    await this.rootPage.keyboard.press('Enter');
 
     // role
     await this.selector_role.click();