From af5329f9a97d5963a754e232c51e561199237f78 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Thu, 11 Jan 2024 12:39:52 +0000
Subject: [PATCH] test: added small changes

---
 packages/nc-gui/components/smartsheet/details/Fields.vue | 5 +++--
 tests/playwright/pages/Dashboard/Details/FieldsPage.ts   | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/details/Fields.vue b/packages/nc-gui/components/smartsheet/details/Fields.vue
index b5d76b478e..ad62f2c65b 100644
--- a/packages/nc-gui/components/smartsheet/details/Fields.vue
+++ b/packages/nc-gui/components/smartsheet/details/Fields.vue
@@ -916,6 +916,7 @@ watch(
                           toggleVisibility(event.target.checked, viewFieldsMap[field.id])
                         }
                       "
+                      data-testid="nc-field-checkbox"
                     />
                     <NcCheckbox v-else :disabled="true" class="opacity-0" :checked="true" />
                     <SmartsheetHeaderVirtualCellIcon
@@ -940,13 +941,13 @@ watch(
                       show-on-truncate-only
                     >
                       <template #title> {{ fieldState(field)?.title || field.title }} </template>
-                      <span>
+                      <span data-testid="nc-field-title">
                         {{ fieldState(field)?.title || field.title }}
                       </span>
                     </NcTooltip>
                   </div>
                   <div class="flex items-center justify-end gap-1">
-                    <div class="flex items-center">
+                    <div class="nc-field-status-wrapper flex items-center">
                       <NcBadge v-if="fieldStatus(field) === 'delete'" color="red" :border="false" class="bg-red-50 text-red-700">
                         Deleted field
                       </NcBadge>
diff --git a/tests/playwright/pages/Dashboard/Details/FieldsPage.ts b/tests/playwright/pages/Dashboard/Details/FieldsPage.ts
index 04a52629b4..e00cd8188c 100644
--- a/tests/playwright/pages/Dashboard/Details/FieldsPage.ts
+++ b/tests/playwright/pages/Dashboard/Details/FieldsPage.ts
@@ -239,6 +239,6 @@ export class FieldsPage extends BasePage {
   }
 
   async getField({ title }: { title: string }) {
-    return this.fieldListWrapper.locator('> div').locator(`text=${title}`);
+    return this.fieldListWrapper.getByTestId('nc-field-title').locator(`text=${title}`);
   }
 }