From 9f9380df7e9eb789e100eb09ffcb1f66928d360a Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Wed, 25 Aug 2021 17:38:19 +0800
Subject: [PATCH] test(Progress): fix snapshot

---
 src/calendar/Calendar.tsx                     |   2 +-
 .../test/__snapshots__/demo.spec.ts.snap      | 105 ++++++++++++------
 .../test/__snapshots__/index.spec.ts.snap     |  14 +--
 src/pull-refresh/PullRefresh.tsx              |   2 +-
 4 files changed, 78 insertions(+), 45 deletions(-)

diff --git a/src/calendar/Calendar.tsx b/src/calendar/Calendar.tsx
index 27db35103..591742241 100644
--- a/src/calendar/Calendar.tsx
+++ b/src/calendar/Calendar.tsx
@@ -190,7 +190,7 @@ export default defineComponent({
     );
 
     const months = computed(() => {
-      const months = [];
+      const months: Date[] = [];
       const cursor = new Date(props.minDate);
 
       cursor.setDate(1);
diff --git a/src/progress/test/__snapshots__/demo.spec.ts.snap b/src/progress/test/__snapshots__/demo.spec.ts.snap
index 1c6749539..d6823180b 100644
--- a/src/progress/test/__snapshots__/demo.spec.ts.snap
+++ b/src/progress/test/__snapshots__/demo.spec.ts.snap
@@ -4,13 +4,13 @@ exports[`should render demo and match snapshot 1`] = `
 <div>
   <div class="van-progress">
     <span class="van-progress__portion"
-          style="width: 0px;"
+          style="transform: scaleX(0.5);"
     >
-      <span style="left: 0px;"
-            class="van-progress__pivot"
-      >
-        50%
-      </span>
+    </span>
+    <span style="left: 50%; transform: translate(-50%,-50%);"
+          class="van-progress__pivot"
+    >
+      50%
     </span>
   </div>
 </div>
@@ -19,62 +19,95 @@ exports[`should render demo and match snapshot 1`] = `
        style="height: 8px;"
   >
     <span class="van-progress__portion"
-          style="width: 0px;"
+          style="transform: scaleX(0.5);"
     >
-      <span style="left: 0px;"
-            class="van-progress__pivot"
-      >
-        50%
-      </span>
+    </span>
+    <span style="left: 50%; transform: translate(-50%,-50%);"
+          class="van-progress__pivot"
+    >
+      50%
     </span>
   </div>
 </div>
 <div>
   <div class="van-progress">
     <span class="van-progress__portion"
-          style="background: rgb(202, 202, 202); width: 0px;"
+          style="background: rgb(202, 202, 202); transform: scaleX(0.5);"
     >
-      <span style="left: 0px; background: rgb(202, 202, 202);"
-            class="van-progress__pivot"
-      >
-        50%
-      </span>
+    </span>
+    <span style="left: 50%; transform: translate(-50%,-50%); background: rgb(202, 202, 202);"
+          class="van-progress__pivot"
+    >
+      50%
     </span>
   </div>
 </div>
 <div>
   <div class="van-progress">
     <span class="van-progress__portion"
-          style="background: rgb(242, 130, 106); width: 0px;"
+          style="background: rgb(242, 130, 106); transform: scaleX(0.25);"
     >
-      <span style="left: 0px; background: rgb(242, 130, 106);"
-            class="van-progress__pivot"
-      >
-        Orange
-      </span>
+    </span>
+    <span style="left: 25%; transform: translate(-25%,-50%); background: rgb(242, 130, 106);"
+          class="van-progress__pivot"
+    >
+      Orange
     </span>
   </div>
   <div class="van-progress">
     <span class="van-progress__portion"
-          style="background: rgb(238, 10, 36); width: 0px;"
+          style="background: rgb(238, 10, 36); transform: scaleX(0.5);"
     >
-      <span style="left: 0px; background: rgb(238, 10, 36);"
-            class="van-progress__pivot"
-      >
-        Red
-      </span>
+    </span>
+    <span style="left: 50%; transform: translate(-50%,-50%); background: rgb(238, 10, 36);"
+          class="van-progress__pivot"
+    >
+      Red
     </span>
   </div>
   <div class="van-progress">
     <span class="van-progress__portion"
-          style="width: 0px;"
+          style="transform: scaleX(0.75);"
     >
-      <span style="left: 0px; background: rgb(114, 50, 221);"
-            class="van-progress__pivot"
-      >
-        Purple
-      </span>
     </span>
+    <span style="left: 75%; transform: translate(-75%,-50%); background: rgb(114, 50, 221);"
+          class="van-progress__pivot"
+    >
+      Purple
+    </span>
+  </div>
+</div>
+<div>
+  <div class="van-progress">
+    <span class="van-progress__portion"
+          style="background: rgb(202, 202, 202); transform: scaleX(0);"
+    >
+    </span>
+    <span style="left: 0%; transform: translate(-0%,-50%); background: rgb(202, 202, 202);"
+          class="van-progress__pivot"
+    >
+      0%
+    </span>
+  </div>
+  <div style="display: flex; justify-content: space-around;">
+    <button type="button"
+            class="van-button van-button--default van-button--normal"
+    >
+      <div class="van-button__content">
+        <span class="van-button__text">
+          decrease
+        </span>
+      </div>
+    </button>
+    <button type="button"
+            class="van-button van-button--default van-button--normal"
+    >
+      <div class="van-button__content">
+        <span class="van-button__text">
+          increase
+        </span>
+      </div>
+    </button>
   </div>
 </div>
 `;
diff --git a/src/progress/test/__snapshots__/index.spec.ts.snap b/src/progress/test/__snapshots__/index.spec.ts.snap
index fe02e3fdc..059eded41 100644
--- a/src/progress/test/__snapshots__/index.spec.ts.snap
+++ b/src/progress/test/__snapshots__/index.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`should re-calc width if showing pivot dynamically 1`] = `
 <div class="van-progress">
   <span class="van-progress__portion"
-        style="width: 0px;"
+        style="transform: scaleX(1);"
   >
   </span>
 </div>
@@ -12,13 +12,13 @@ exports[`should re-calc width if showing pivot dynamically 1`] = `
 exports[`should re-calc width if showing pivot dynamically 2`] = `
 <div class="van-progress">
   <span class="van-progress__portion"
-        style="width: 0px;"
+        style="transform: scaleX(1);"
   >
-    <span style="left: 0px;"
-          class="van-progress__pivot"
-    >
-      test
-    </span>
+  </span>
+  <span style="left: 100%; transform: translate(-100%,-50%);"
+        class="van-progress__pivot"
+  >
+    test
   </span>
 </div>
 `;
diff --git a/src/pull-refresh/PullRefresh.tsx b/src/pull-refresh/PullRefresh.tsx
index a7a97261c..89e4f7ec2 100644
--- a/src/pull-refresh/PullRefresh.tsx
+++ b/src/pull-refresh/PullRefresh.tsx
@@ -123,7 +123,7 @@ export default defineComponent({
         return slots[status]!({ distance });
       }
 
-      const nodes = [];
+      const nodes: JSX.Element[] = [];
 
       if (TEXT_STATUS.includes(status)) {
         nodes.push(<div class={bem('text')}>{getStatusText()}</div>);