From 36ad0ae20d2d1cc2c3f8dd30cb3cade9c50bdbdf Mon Sep 17 00:00:00 2001
From: musharaf-nocodb <musharaf@nocodb.com>
Date: Fri, 8 Dec 2023 16:20:35 +0530
Subject: [PATCH] fix : date column test id

---
 packages/nc-gui/components/smartsheet/column/DateOptions.vue | 2 +-
 tests/playwright/pages/Dashboard/Grid/Column/index.ts        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/DateOptions.vue b/packages/nc-gui/components/smartsheet/column/DateOptions.vue
index 48c8932bb4..a37835a68c 100644
--- a/packages/nc-gui/components/smartsheet/column/DateOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/DateOptions.vue
@@ -20,7 +20,7 @@ if (!vModel.value.meta?.date_format) {
   <a-form-item :label="$t('labels.dateFormat')">
     <a-select v-model:value="vModel.meta.date_format" class="nc-date-select" dropdown-class-name="nc-dropdown-date-format">
       <a-select-option v-for="(format, i) of [...dateFormats, ...dateMonthFormats]" :key="i" :value="format">
-        <div class="flex gap-2 justify-between items-center" :data-testid="`nc-${format}`">
+        <div class="flex gap-2 justify-between items-center" :data-testid="`nc-date-select-${format}`">
           {{ format }}
           <component
             :is="iconMap.check"
diff --git a/tests/playwright/pages/Dashboard/Grid/Column/index.ts b/tests/playwright/pages/Dashboard/Grid/Column/index.ts
index 29f4c08fe1..9fdd1f37e2 100644
--- a/tests/playwright/pages/Dashboard/Grid/Column/index.ts
+++ b/tests/playwright/pages/Dashboard/Grid/Column/index.ts
@@ -115,7 +115,7 @@ export class ColumnPageObject extends BasePage {
       case 'Date':
         // Date Format
         await this.get().locator('.nc-date-select').click();
-        await this.rootPage.locator('.ant-select-item').locator(`[data-testid="nc-${dateFormat}"]`).click();
+        await this.rootPage.locator('.ant-select-item').locator(`[data-testid="nc-date-select-${dateFormat}"]`).click();
         break;
       case 'Formula':
         await this.get().locator('.nc-formula-input').fill(formula);
@@ -309,7 +309,7 @@ export class ColumnPageObject extends BasePage {
       case 'Date':
         // Date Format
         await this.get().locator('.nc-date-select').click();
-        await this.rootPage.locator('.ant-select-item').locator(`[data-testid="nc-${dateFormat}"]`).click();
+        await this.rootPage.locator('.ant-select-item').locator(`[data-testid="nc-date-select-${dateFormat}"]`).click();
         break;
       case 'DateTime':
         // Date Format