From 9cc8ca28732541a8284075a13a6474959f97d1c5 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 7 Jul 2022 12:48:08 +0800
Subject: [PATCH] cypress: fix percent & duration tests

---
 .../project/spreadsheet/components/cell/DurationCell.vue   | 2 +-
 .../project/spreadsheet/components/cell/PercentCell.vue    | 2 +-
 scripts/cypress/integration/common/9a_QuickTest.js         | 7 ++++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/DurationCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/DurationCell.vue
index 8231e9b257..6715e62851 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell/DurationCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/DurationCell.vue
@@ -1,5 +1,5 @@
 <template>
-  <span>{{ localValue }}</span>
+  <input v-model="localValue" :placeholder="durationPlaceholder" readonly />
 </template>
 
 <script>
diff --git a/packages/nc-gui/components/project/spreadsheet/components/cell/PercentCell.vue b/packages/nc-gui/components/project/spreadsheet/components/cell/PercentCell.vue
index 4945f41486..2547f8fd1e 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/cell/PercentCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/cell/PercentCell.vue
@@ -1,5 +1,5 @@
 <template>
-  <span>{{ localValue }}</span>
+  <input v-model="localValue" readonly />
 </template>
 
 <script>
diff --git a/scripts/cypress/integration/common/9a_QuickTest.js b/scripts/cypress/integration/common/9a_QuickTest.js
index 2c85012e5c..1e668614ec 100644
--- a/scripts/cypress/integration/common/9a_QuickTest.js
+++ b/scripts/cypress/integration/common/9a_QuickTest.js
@@ -16,12 +16,12 @@ let records = {
     URL: "www.a.com",
     Number: "1",
     Value: "$1.00",
-    Percent: "1%", // 0.01 in AT
 };
 
 // links/ computed fields
 let records2 = {
     Duration: "00:01",
+    Percent: "1%", // 0.01 in AT
     Done: true,
     Date: "2022-05-31",
     Rating: "1",
@@ -118,6 +118,11 @@ export const genTest = (apiType, dbType, testMode) => {
 
             // date
 
+            // percent
+            mainPage.getCell("Percent", cellIdx).find('input').then(($e) => {
+              expect($e[0].value).to.equal(records2.Percent)
+          })
+
             // duration
             mainPage.getCell("Duration", cellIdx).find('input').then(($e) => {
                 expect($e[0].value).to.equal(records2.Duration)