test(Progress): update test cases

src/progress/test/__snapshots__/index.legacy.js.snap

@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`calc width 1`] = `<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"></span></div>`;
-
-exports[`calc width 2`] = `<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span class="van-progress__pivot" style="left: 0px;">test</span></span></div>`;

src/progress/test/__snapshots__/index.spec.js.snap

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should re-calc width if showing pivot dynamically 1`] = `
+<div class="van-progress">
+  <span class="van-progress__portion"
+        style="width: 0px;"
+  >
+  </span>
+</div>
+`;
+
+exports[`should re-calc width if showing pivot dynamically 2`] = `
+<div class="van-progress">
+  <span class="van-progress__portion"
+        style="width: 0px;"
+  >
+    <span style="left: 0px;"
+          class="van-progress__pivot"
+    >
+      test
+    </span>
+  </span>
+</div>
+`;

src/progress/test/index.spec.js

@@ -1,25 +1,26 @@
 import Progress from '..';
-import { mount, later } from '../../../test';
+import { mount } from '../../../test';
 
-test('calc width', async () => {
+test('should re-calc width if showing pivot dynamically', async () => {
   const wrapper = mount(Progress, {
     props: {
       showPivot: false,
       percentage: 100,
     },
   });
-  await later();
   expect(wrapper.html()).toMatchSnapshot();
 
-  wrapper.vm.showPivot = true;
-  wrapper.vm.pivotText = 'test';
-  await later();
+  await wrapper.setProps({
+    showPivot: true,
+    pivotText: 'test',
+  });
   expect(wrapper.html()).toMatchSnapshot();
 });
 
-test('track color prop', async () => {
+test('should change track color when using track-color prop', () => {
   const wrapper = mount(Progress, {
     props: {
+      percentage: 0,
       trackColor: 'green',
     },
   });