From a3c1e49eee0ab865b6caf02fc4137c2722b022fb Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Sat, 12 May 2018 16:08:09 +0800
Subject: [PATCH] [Improvement] Optimize demo test (#1053)

---
 .../test/__snapshots__/demo.spec.js.snap      |  53 ++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  52 ---------
 .../test/demo.spec.js}                        |   4 +-
 packages/actionsheet/test/index.spec.js       |   3 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 .../test/demo.spec.js}                        |   4 +-
 packages/address-edit/test/index.spec.js      |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 .../test/demo.spec.js}                        |   4 +-
 packages/address-list/test/index.spec.js      |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 .../index.spec.js => area/test/demo.spec.js}  |   4 +-
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/badge/test/demo.spec.js              |   4 +
 packages/badge/test/index.spec.js             |   3 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/button/test/demo.spec.js             |   4 +
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/card/test/demo.spec.js               |   4 +
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/cell-swipe/test/demo.spec.js         |   4 +
 packages/cell-swipe/test/index.spec.js        |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/cell/test/demo.spec.js               |   4 +
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/checkbox/test/demo.spec.js           |   4 +
 packages/checkbox/test/index.spec.js          |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/circle/test/demo.spec.js             |   4 +
 packages/circle/test/index.spec.js            |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/col/test/demo.spec.js                |   4 +
 packages/col/test/index.spec.js               |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/collapse/test/demo.spec.js           |   4 +
 packages/collapse/test/index.spec.js          |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   6 +-
 packages/contact-card/test/demo.spec.js       |   4 +
 packages/contact-card/test/index.spec.js      |   4 -
 .../test/__snapshots__/demo.spec.js.snap      | 100 ++++++++++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  99 -----------------
 packages/coupon-list/test/demo.spec.js        |   4 +
 packages/coupon-list/test/index.spec.js       |   3 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/datetime-picker/test/demo.spec.js    |   4 +
 packages/datetime-picker/test/index.spec.js   |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/dialog/test/demo.spec.js             |   4 +
 packages/dialog/test/index.spec.js            |   3 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/field/test/demo.spec.js              |   4 +
 packages/field/test/index.spec.js             |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/goods-action/test/demo.spec.js       |   4 +
 packages/goods-action/test/index.spec.js      |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/icon/test/demo.spec.js               |   4 +
 packages/icon/test/index.spec.js              |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/list/test/demo.spec.js               |   4 +
 packages/list/test/index.spec.js              |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/loading/test/demo.spec.js            |   4 +
 packages/loading/test/index.spec.js           |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/nav-bar/test/demo.spec.js            |   4 +
 packages/nav-bar/test/index.spec.js           |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/notice-bar/test/demo.spec.js         |   4 +
 packages/notice-bar/test/index.spec.js        |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/number-keyboard/test/demo.spec.js    |   4 +
 packages/number-keyboard/test/index.spec.js   |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/pagination/test/demo.spec.js         |   4 +
 packages/pagination/test/index.spec.js        |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/panel/test/demo.spec.js              |   4 +
 packages/panel/test/index.spec.js             |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/password-input/test/demo.spec.js     |   4 +
 packages/password-input/test/index.spec.js    |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/picker/test/demo.spec.js             |   4 +
 packages/picker/test/index.spec.js            |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/popup/test/demo.spec.js              |   4 +
 packages/popup/test/index.spec.js             |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/progress/test/demo.spec.js           |   4 +
 packages/progress/test/index.spec.js          |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/pull-refresh/test/demo.spec.js       |   4 +
 packages/pull-refresh/test/index.spec.js      |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/radio/test/demo.spec.js              |   4 +
 packages/radio/test/index.spec.js             |   4 -
 .../rate/test/__snapshots__/demo.spec.js.snap |  66 ++++++++++++
 packages/rate/test/demo.spec.js               |   4 +
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/search/test/demo.spec.js             |   4 +
 packages/search/test/index.spec.js            |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/sku/test/demo.spec.js                |   4 +
 packages/sku/test/index.spec.js               |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/slider/test/demo.spec.js             |   4 +
 packages/slider/test/index.spec.js            |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/stepper/test/demo.spec.js            |   4 +
 packages/stepper/test/index.spec.js           |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/steps/test/demo.spec.js              |   4 +
 packages/steps/test/index.spec.js             |   4 -
 .../test/__snapshots__/demo.spec.js.snap      |  64 +++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  63 -----------
 packages/submit-bar/test/demo.spec.js         |   4 +
 packages/submit-bar/test/index.spec.js        |   3 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/swipe/test/demo.spec.js              |   4 +
 packages/swipe/test/index.spec.js             |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/switch-cell/test/demo.spec.js        |   4 +
 packages/switch-cell/test/index.spec.js       |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/switch/test/demo.spec.js             |   4 +
 packages/switch/test/index.spec.js            |   4 -
 .../test/__snapshots__/demo.spec.js.snap}     |   2 +-
 packages/tab/test/demo.spec.js                |   4 +
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/tabbar/test/demo.spec.js             |   4 +
 packages/tabbar/test/index.spec.js            |   4 -
 packages/tabs/test/index.spec.js              |   3 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/tag/test/demo.spec.js                |   4 +
 packages/tag/test/index.spec.js               |   4 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/toast/test/demo.spec.js              |   4 +
 packages/toast/test/index.spec.js             |   3 -
 .../test/__snapshots__/demo.spec.js.snap      |  57 ++++++++++
 .../test/__snapshots__/index.spec.js.snap     |  56 ----------
 packages/tree-select/test/demo.spec.js        |   4 +
 packages/tree-select/test/index.spec.js       |   3 -
 .../{index.spec.js.snap => demo.spec.js.snap} |   2 +-
 packages/uploader/test/demo.spec.js           |   4 +
 packages/uploader/test/index.spec.js          |   4 -
 test/demo-test.js                             |  29 ++---
 147 files changed, 582 insertions(+), 513 deletions(-)
 create mode 100644 packages/actionsheet/test/__snapshots__/demo.spec.js.snap
 rename packages/{area/test/index.spec.js => actionsheet/test/demo.spec.js} (52%)
 rename packages/address-edit/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 rename packages/{card/test/index.spec.js => address-edit/test/demo.spec.js} (52%)
 delete mode 100644 packages/address-edit/test/index.spec.js
 rename packages/address-list/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 rename packages/{button/test/index.spec.js => address-list/test/demo.spec.js} (52%)
 delete mode 100644 packages/address-list/test/index.spec.js
 rename packages/area/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 rename packages/{cell/test/index.spec.js => area/test/demo.spec.js} (52%)
 rename packages/badge/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (93%)
 create mode 100644 packages/badge/test/demo.spec.js
 rename packages/button/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/button/test/demo.spec.js
 rename packages/card/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/card/test/demo.spec.js
 rename packages/cell-swipe/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/cell-swipe/test/demo.spec.js
 delete mode 100644 packages/cell-swipe/test/index.spec.js
 rename packages/cell/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/cell/test/demo.spec.js
 rename packages/checkbox/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 create mode 100644 packages/checkbox/test/demo.spec.js
 delete mode 100644 packages/checkbox/test/index.spec.js
 rename packages/circle/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/circle/test/demo.spec.js
 delete mode 100644 packages/circle/test/index.spec.js
 rename packages/col/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (95%)
 create mode 100644 packages/col/test/demo.spec.js
 delete mode 100644 packages/col/test/index.spec.js
 rename packages/collapse/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 create mode 100644 packages/collapse/test/demo.spec.js
 delete mode 100644 packages/collapse/test/index.spec.js
 rename packages/contact-card/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (94%)
 create mode 100644 packages/contact-card/test/demo.spec.js
 delete mode 100644 packages/contact-card/test/index.spec.js
 create mode 100644 packages/coupon-list/test/__snapshots__/demo.spec.js.snap
 create mode 100644 packages/coupon-list/test/demo.spec.js
 rename packages/datetime-picker/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 create mode 100644 packages/datetime-picker/test/demo.spec.js
 delete mode 100644 packages/datetime-picker/test/index.spec.js
 rename packages/dialog/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/dialog/test/demo.spec.js
 delete mode 100644 packages/dialog/test/index.spec.js
 rename packages/field/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 create mode 100644 packages/field/test/demo.spec.js
 delete mode 100644 packages/field/test/index.spec.js
 rename packages/goods-action/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/goods-action/test/demo.spec.js
 delete mode 100644 packages/goods-action/test/index.spec.js
 rename packages/icon/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 create mode 100644 packages/icon/test/demo.spec.js
 delete mode 100644 packages/icon/test/index.spec.js
 rename packages/list/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (95%)
 create mode 100644 packages/list/test/demo.spec.js
 delete mode 100644 packages/list/test/index.spec.js
 rename packages/loading/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (96%)
 create mode 100644 packages/loading/test/demo.spec.js
 delete mode 100644 packages/loading/test/index.spec.js
 rename packages/nav-bar/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (96%)
 create mode 100644 packages/nav-bar/test/demo.spec.js
 delete mode 100644 packages/nav-bar/test/index.spec.js
 rename packages/notice-bar/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/notice-bar/test/demo.spec.js
 delete mode 100644 packages/notice-bar/test/index.spec.js
 rename packages/number-keyboard/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/number-keyboard/test/demo.spec.js
 delete mode 100644 packages/number-keyboard/test/index.spec.js
 rename packages/pagination/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/pagination/test/demo.spec.js
 delete mode 100644 packages/pagination/test/index.spec.js
 rename packages/panel/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/panel/test/demo.spec.js
 delete mode 100644 packages/panel/test/index.spec.js
 rename packages/password-input/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/password-input/test/demo.spec.js
 delete mode 100644 packages/password-input/test/index.spec.js
 rename packages/picker/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 create mode 100644 packages/picker/test/demo.spec.js
 delete mode 100644 packages/picker/test/index.spec.js
 rename packages/popup/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/popup/test/demo.spec.js
 delete mode 100644 packages/popup/test/index.spec.js
 rename packages/progress/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/progress/test/demo.spec.js
 delete mode 100644 packages/progress/test/index.spec.js
 rename packages/pull-refresh/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (88%)
 create mode 100644 packages/pull-refresh/test/demo.spec.js
 delete mode 100644 packages/pull-refresh/test/index.spec.js
 rename packages/radio/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/radio/test/demo.spec.js
 delete mode 100644 packages/radio/test/index.spec.js
 create mode 100644 packages/rate/test/__snapshots__/demo.spec.js.snap
 create mode 100644 packages/rate/test/demo.spec.js
 rename packages/search/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/search/test/demo.spec.js
 delete mode 100644 packages/search/test/index.spec.js
 rename packages/sku/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (50%)
 create mode 100644 packages/sku/test/demo.spec.js
 delete mode 100644 packages/sku/test/index.spec.js
 rename packages/slider/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (94%)
 create mode 100644 packages/slider/test/demo.spec.js
 delete mode 100644 packages/slider/test/index.spec.js
 rename packages/stepper/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (95%)
 create mode 100644 packages/stepper/test/demo.spec.js
 delete mode 100644 packages/stepper/test/index.spec.js
 rename packages/steps/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (99%)
 create mode 100644 packages/steps/test/demo.spec.js
 delete mode 100644 packages/steps/test/index.spec.js
 create mode 100644 packages/submit-bar/test/__snapshots__/demo.spec.js.snap
 create mode 100644 packages/submit-bar/test/demo.spec.js
 rename packages/swipe/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/swipe/test/demo.spec.js
 delete mode 100644 packages/swipe/test/index.spec.js
 rename packages/switch-cell/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (97%)
 create mode 100644 packages/switch-cell/test/demo.spec.js
 delete mode 100644 packages/switch-cell/test/index.spec.js
 rename packages/switch/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (95%)
 create mode 100644 packages/switch/test/demo.spec.js
 delete mode 100644 packages/switch/test/index.spec.js
 rename packages/{tabs/test/__snapshots__/index.spec.js.snap => tab/test/__snapshots__/demo.spec.js.snap} (99%)
 create mode 100644 packages/tab/test/demo.spec.js
 rename packages/tabbar/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (98%)
 create mode 100644 packages/tabbar/test/demo.spec.js
 delete mode 100644 packages/tabbar/test/index.spec.js
 delete mode 100644 packages/tabs/test/index.spec.js
 rename packages/tag/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (96%)
 create mode 100644 packages/tag/test/demo.spec.js
 delete mode 100644 packages/tag/test/index.spec.js
 rename packages/toast/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (95%)
 create mode 100644 packages/toast/test/demo.spec.js
 delete mode 100644 packages/toast/test/index.spec.js
 create mode 100644 packages/tree-select/test/__snapshots__/demo.spec.js.snap
 create mode 100644 packages/tree-select/test/demo.spec.js
 rename packages/uploader/test/__snapshots__/{index.spec.js.snap => demo.spec.js.snap} (93%)
 create mode 100644 packages/uploader/test/demo.spec.js
 delete mode 100644 packages/uploader/test/index.spec.js

diff --git a/packages/actionsheet/test/__snapshots__/demo.spec.js.snap b/packages/actionsheet/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..43ceb00c5
--- /dev/null
+++ b/packages/actionsheet/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,53 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <button class="van-button van-button--default van-button--normal">
+      <!----><span class="van-button__text">弹出 Actionsheet</span></button>
+    <div class="van-actionsheet" style="display:none;">
+      <ul class="van-hairline--bottom">
+        <li class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">选项</span>
+          <!---->
+        </li>
+        <li class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">选项</span> <span class="van-actionsheet__subname">描述信息</span></li>
+        <li class="van-actionsheet__item van-hairline--top">
+          <div class="van-loading van-loading--circular van-loading--black van-actionsheet__loading" style="width:20px;height:20px;"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+        </li>
+      </ul>
+      <div class="van-actionsheet__content"></div>
+    </div>
+  </div>
+  <div>
+    <button class="van-button van-button--default van-button--normal">
+      <!----><span class="van-button__text">弹出带取消按钮的 Actionsheet</span></button>
+    <div class="van-actionsheet" style="display:none;">
+      <ul class="van-hairline--bottom">
+        <li class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">选项</span>
+          <!---->
+        </li>
+        <li class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">选项</span> <span class="van-actionsheet__subname">描述信息</span></li>
+        <li class="van-actionsheet__item van-hairline--top">
+          <div class="van-loading van-loading--circular van-loading--black van-actionsheet__loading" style="width:20px;height:20px;"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
+        </li>
+      </ul>
+      <div class="van-actionsheet__cancel van-hairline--top">取消</div>
+    </div>
+  </div>
+  <div>
+    <button class="van-button van-button--default van-button--normal">
+      <!----><span class="van-button__text">弹出带标题的 Actionsheet</span></button>
+    <div class="van-actionsheet van-actionsheet--withtitle" style="display:none;">
+      <div class="van-hairline--top-bottom van-actionsheet__header">
+        <div>标题</div>
+        <i class="van-icon van-icon-close" style="color:undefined;">
+          <!---->
+        </i>
+      </div>
+      <div class="van-actionsheet__content">
+        <p>内容</p>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/actionsheet/test/__snapshots__/index.spec.js.snap b/packages/actionsheet/test/__snapshots__/index.spec.js.snap
index a300537d2..cf80ae45d 100644
--- a/packages/actionsheet/test/__snapshots__/index.spec.js.snap
+++ b/packages/actionsheet/test/__snapshots__/index.spec.js.snap
@@ -13,55 +13,3 @@ exports[`callback events 1`] = `
   <div class="van-actionsheet__cancel van-hairline--top">Cancel</div>
 </div>
 `;
-
-exports[`renders actionsheet correctly 1`] = `
-<div>
-  <div>
-    <button class="van-button van-button--default van-button--normal">
-      <!----><span class="van-button__text">弹出 Actionsheet</span></button>
-    <div class="van-actionsheet" style="display:none;">
-      <ul class="van-hairline--bottom">
-        <li class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">选项</span>
-          <!---->
-        </li>
-        <li class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">选项</span> <span class="van-actionsheet__subname">描述信息</span></li>
-        <li class="van-actionsheet__item van-hairline--top">
-          <div class="van-loading van-loading--circular van-loading--black van-actionsheet__loading" style="width:20px;height:20px;"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-        </li>
-      </ul>
-      <div class="van-actionsheet__content"></div>
-    </div>
-  </div>
-  <div>
-    <button class="van-button van-button--default van-button--normal">
-      <!----><span class="van-button__text">弹出带取消按钮的 Actionsheet</span></button>
-    <div class="van-actionsheet" style="display:none;">
-      <ul class="van-hairline--bottom">
-        <li class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">选项</span>
-          <!---->
-        </li>
-        <li class="van-actionsheet__item van-hairline--top"><span class="van-actionsheet__name">选项</span> <span class="van-actionsheet__subname">描述信息</span></li>
-        <li class="van-actionsheet__item van-hairline--top">
-          <div class="van-loading van-loading--circular van-loading--black van-actionsheet__loading" style="width:20px;height:20px;"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-        </li>
-      </ul>
-      <div class="van-actionsheet__cancel van-hairline--top">取消</div>
-    </div>
-  </div>
-  <div>
-    <button class="van-button van-button--default van-button--normal">
-      <!----><span class="van-button__text">弹出带标题的 Actionsheet</span></button>
-    <div class="van-actionsheet van-actionsheet--withtitle" style="display:none;">
-      <div class="van-hairline--top-bottom van-actionsheet__header">
-        <div>标题</div>
-        <i class="van-icon van-icon-close" style="color:undefined;">
-          <!---->
-        </i>
-      </div>
-      <div class="van-actionsheet__content">
-        <p>内容</p>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/area/test/index.spec.js b/packages/actionsheet/test/demo.spec.js
similarity index 52%
rename from packages/area/test/index.spec.js
rename to packages/actionsheet/test/demo.spec.js
index b2a1e9abc..d647cfabc 100644
--- a/packages/area/test/index.spec.js
+++ b/packages/actionsheet/test/demo.spec.js
@@ -1,4 +1,4 @@
-import Area from '../';
+import Demo from '../demo';
 import demoTest from '../../../test/demo-test';
 
-demoTest(Area);
+demoTest(Demo);
diff --git a/packages/actionsheet/test/index.spec.js b/packages/actionsheet/test/index.spec.js
index 3d645703f..01ff7afd4 100644
--- a/packages/actionsheet/test/index.spec.js
+++ b/packages/actionsheet/test/index.spec.js
@@ -1,8 +1,5 @@
 import { shallow } from '@vue/test-utils';
 import Actionsheet from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Actionsheet);
 
 test('callback events', () => {
   const callback = jest.fn();
diff --git a/packages/address-edit/test/__snapshots__/index.spec.js.snap b/packages/address-edit/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/address-edit/test/__snapshots__/index.spec.js.snap
rename to packages/address-edit/test/__snapshots__/demo.spec.js.snap
index d6e6d21f5..239359074 100644
--- a/packages/address-edit/test/__snapshots__/index.spec.js.snap
+++ b/packages/address-edit/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders address-edit correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-address-edit">
diff --git a/packages/card/test/index.spec.js b/packages/address-edit/test/demo.spec.js
similarity index 52%
rename from packages/card/test/index.spec.js
rename to packages/address-edit/test/demo.spec.js
index 54674043f..d647cfabc 100644
--- a/packages/card/test/index.spec.js
+++ b/packages/address-edit/test/demo.spec.js
@@ -1,4 +1,4 @@
-import Card from '../';
+import Demo from '../demo';
 import demoTest from '../../../test/demo-test';
 
-demoTest(Card);
+demoTest(Demo);
diff --git a/packages/address-edit/test/index.spec.js b/packages/address-edit/test/index.spec.js
deleted file mode 100644
index 86fe2e5d5..000000000
--- a/packages/address-edit/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import AddressEdit from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(AddressEdit);
diff --git a/packages/address-list/test/__snapshots__/index.spec.js.snap b/packages/address-list/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/address-list/test/__snapshots__/index.spec.js.snap
rename to packages/address-list/test/__snapshots__/demo.spec.js.snap
index e5ff3b5ec..4fdb1cd3a 100644
--- a/packages/address-list/test/__snapshots__/index.spec.js.snap
+++ b/packages/address-list/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders address-list correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-address-list">
diff --git a/packages/button/test/index.spec.js b/packages/address-list/test/demo.spec.js
similarity index 52%
rename from packages/button/test/index.spec.js
rename to packages/address-list/test/demo.spec.js
index 2c360ff6e..d647cfabc 100644
--- a/packages/button/test/index.spec.js
+++ b/packages/address-list/test/demo.spec.js
@@ -1,4 +1,4 @@
-import Button from '../';
+import Demo from '../demo';
 import demoTest from '../../../test/demo-test';
 
-demoTest(Button);
+demoTest(Demo);
diff --git a/packages/address-list/test/index.spec.js b/packages/address-list/test/index.spec.js
deleted file mode 100644
index 7ad905cdb..000000000
--- a/packages/address-list/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import AddressList from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(AddressList);
diff --git a/packages/area/test/__snapshots__/index.spec.js.snap b/packages/area/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/area/test/__snapshots__/index.spec.js.snap
rename to packages/area/test/__snapshots__/demo.spec.js.snap
index d9dd3e09d..c79d2a297 100644
--- a/packages/area/test/__snapshots__/index.spec.js.snap
+++ b/packages/area/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders area correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-picker van-area">
diff --git a/packages/cell/test/index.spec.js b/packages/area/test/demo.spec.js
similarity index 52%
rename from packages/cell/test/index.spec.js
rename to packages/area/test/demo.spec.js
index 0a9003d0e..d647cfabc 100644
--- a/packages/cell/test/index.spec.js
+++ b/packages/area/test/demo.spec.js
@@ -1,4 +1,4 @@
-import Cell from '../';
+import Demo from '../demo';
 import demoTest from '../../../test/demo-test';
 
-demoTest(Cell);
+demoTest(Demo);
diff --git a/packages/badge/test/__snapshots__/index.spec.js.snap b/packages/badge/test/__snapshots__/demo.spec.js.snap
similarity index 93%
rename from packages/badge/test/__snapshots__/index.spec.js.snap
rename to packages/badge/test/__snapshots__/demo.spec.js.snap
index fb843b21b..061ad756e 100644
--- a/packages/badge/test/__snapshots__/index.spec.js.snap
+++ b/packages/badge/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders badge correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-hairline--top-bottom van-badge-group">
diff --git a/packages/badge/test/demo.spec.js b/packages/badge/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/badge/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/badge/test/index.spec.js b/packages/badge/test/index.spec.js
index de93a1a94..9b3afe957 100644
--- a/packages/badge/test/index.spec.js
+++ b/packages/badge/test/index.spec.js
@@ -1,9 +1,6 @@
 import { mount } from '@vue/test-utils';
 import Badge from '../';
 import BadgeGroup from '../../badge-group';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Badge);
 
 test('click', () => {
   const onClick = jest.fn();
diff --git a/packages/button/test/__snapshots__/index.spec.js.snap b/packages/button/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/button/test/__snapshots__/index.spec.js.snap
rename to packages/button/test/__snapshots__/demo.spec.js.snap
index 850f0f1bf..7cf19b217 100644
--- a/packages/button/test/__snapshots__/index.spec.js.snap
+++ b/packages/button/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders button correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <button class="van-button van-button--default van-button--normal">
diff --git a/packages/button/test/demo.spec.js b/packages/button/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/button/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/card/test/__snapshots__/index.spec.js.snap b/packages/card/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/card/test/__snapshots__/index.spec.js.snap
rename to packages/card/test/__snapshots__/demo.spec.js.snap
index 090fd6a58..a0dd32b36 100644
--- a/packages/card/test/__snapshots__/index.spec.js.snap
+++ b/packages/card/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders card correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-card">
diff --git a/packages/card/test/demo.spec.js b/packages/card/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/card/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/cell-swipe/test/__snapshots__/index.spec.js.snap b/packages/cell-swipe/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/cell-swipe/test/__snapshots__/index.spec.js.snap
rename to packages/cell-swipe/test/__snapshots__/demo.spec.js.snap
index fb53f5ee8..b39ccdea6 100644
--- a/packages/cell-swipe/test/__snapshots__/index.spec.js.snap
+++ b/packages/cell-swipe/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders cell-swipe correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-notice-bar" style="color:undefined;background:undefined;">
diff --git a/packages/cell-swipe/test/demo.spec.js b/packages/cell-swipe/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/cell-swipe/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/cell-swipe/test/index.spec.js b/packages/cell-swipe/test/index.spec.js
deleted file mode 100644
index c6773c0b4..000000000
--- a/packages/cell-swipe/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import CellSwipe from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(CellSwipe);
diff --git a/packages/cell/test/__snapshots__/index.spec.js.snap b/packages/cell/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/cell/test/__snapshots__/index.spec.js.snap
rename to packages/cell/test/__snapshots__/demo.spec.js.snap
index a487a0537..68fbe8519 100644
--- a/packages/cell/test/__snapshots__/index.spec.js.snap
+++ b/packages/cell/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders cell correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
diff --git a/packages/cell/test/demo.spec.js b/packages/cell/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/cell/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/checkbox/test/__snapshots__/index.spec.js.snap b/packages/checkbox/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/checkbox/test/__snapshots__/index.spec.js.snap
rename to packages/checkbox/test/__snapshots__/demo.spec.js.snap
index 9da459a3e..2b6b92887 100644
--- a/packages/checkbox/test/__snapshots__/index.spec.js.snap
+++ b/packages/checkbox/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders checkbox correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-checkbox">
diff --git a/packages/checkbox/test/demo.spec.js b/packages/checkbox/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/checkbox/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/checkbox/test/index.spec.js b/packages/checkbox/test/index.spec.js
deleted file mode 100644
index d1d1021fd..000000000
--- a/packages/checkbox/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Checkbox from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Checkbox);
diff --git a/packages/circle/test/__snapshots__/index.spec.js.snap b/packages/circle/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/circle/test/__snapshots__/index.spec.js.snap
rename to packages/circle/test/__snapshots__/demo.spec.js.snap
index 23800ec63..d1ba3c926 100644
--- a/packages/circle/test/__snapshots__/index.spec.js.snap
+++ b/packages/circle/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders circle correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-circle" style="width:120px;height:120px;">
diff --git a/packages/circle/test/demo.spec.js b/packages/circle/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/circle/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/circle/test/index.spec.js b/packages/circle/test/index.spec.js
deleted file mode 100644
index 0f6bfcf4c..000000000
--- a/packages/circle/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Circle from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Circle);
diff --git a/packages/col/test/__snapshots__/index.spec.js.snap b/packages/col/test/__snapshots__/demo.spec.js.snap
similarity index 95%
rename from packages/col/test/__snapshots__/index.spec.js.snap
rename to packages/col/test/__snapshots__/demo.spec.js.snap
index eb199ee56..ecca82d62 100644
--- a/packages/col/test/__snapshots__/index.spec.js.snap
+++ b/packages/col/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders col correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-row">
diff --git a/packages/col/test/demo.spec.js b/packages/col/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/col/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/col/test/index.spec.js b/packages/col/test/index.spec.js
deleted file mode 100644
index 9836e60da..000000000
--- a/packages/col/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Col from '..';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Col);
diff --git a/packages/collapse/test/__snapshots__/index.spec.js.snap b/packages/collapse/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/collapse/test/__snapshots__/index.spec.js.snap
rename to packages/collapse/test/__snapshots__/demo.spec.js.snap
index a1f421523..95d7de299 100644
--- a/packages/collapse/test/__snapshots__/index.spec.js.snap
+++ b/packages/collapse/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders collapse correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-hairline--top-bottom van-collapse">
diff --git a/packages/collapse/test/demo.spec.js b/packages/collapse/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/collapse/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/collapse/test/index.spec.js b/packages/collapse/test/index.spec.js
deleted file mode 100644
index be49ac66f..000000000
--- a/packages/collapse/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Collapse from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Collapse);
diff --git a/packages/contact-card/test/__snapshots__/index.spec.js.snap b/packages/contact-card/test/__snapshots__/demo.spec.js.snap
similarity index 94%
rename from packages/contact-card/test/__snapshots__/index.spec.js.snap
rename to packages/contact-card/test/__snapshots__/demo.spec.js.snap
index 5dee2d8df..5c799cf55 100644
--- a/packages/contact-card/test/__snapshots__/index.spec.js.snap
+++ b/packages/contact-card/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders contact-card correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-contact-card van-contact-card--add">
@@ -47,13 +47,13 @@ exports[`renders contact-card correctly 1`] = `
     <div class="van-popup van-popup--bottom" style="display:none;">
       <div class="van-contact-edit">
         <div class="van-cell-group van-hairline--top-bottom">
-          <div maxlength="30" placeholder="名字" class="van-cell van-hairline van-field">
+          <div maxlength="30" placeholder="张三" class="van-cell van-hairline van-field">
             <!---->
             <div class="van-cell__title"><span>联系人</span>
               <!---->
             </div>
             <div class="van-cell__value">
-              <input type="text" maxlength="30" placeholder="名字" class="van-field__control">
+              <input type="text" maxlength="30" placeholder="张三" class="van-field__control">
               <!---->
               <!---->
               <!---->
diff --git a/packages/contact-card/test/demo.spec.js b/packages/contact-card/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/contact-card/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/contact-card/test/index.spec.js b/packages/contact-card/test/index.spec.js
deleted file mode 100644
index 8af41b3ea..000000000
--- a/packages/contact-card/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import ContactCard from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(ContactCard);
diff --git a/packages/coupon-list/test/__snapshots__/demo.spec.js.snap b/packages/coupon-list/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..f970a8330
--- /dev/null
+++ b/packages/coupon-list/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,100 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-cell-group van-hairline--top-bottom van-coupon-cell">
+      <div class="van-cell van-cell--clickable van-hairline">
+        <!---->
+        <div class="van-cell__title"><span>优惠券码</span>
+          <!---->
+        </div>
+        <div class="van-cell__value"><span>您有 2 个可用优惠</span></div>
+        <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;">
+          <!---->
+        </i>
+      </div>
+    </div>
+    <div class="van-popup van-popup--bottom" style="display:none;">
+      <div class="van-coupon-list">
+        <div class="van-cell-group van-hairline--top-bottom van-coupon-list__top">
+          <div placeholder="请输入优惠码" maxlength="20" class="van-hairline--surround van-cell van-hairline van-field van-coupon-list__field">
+            <!---->
+            <!---->
+            <div class="van-cell__value van-cell__value--alone">
+              <input type="text" placeholder="请输入优惠码" maxlength="20" value="" class="van-field__control">
+              <!---->
+              <!---->
+              <!---->
+            </div>
+            <!---->
+          </div>
+          <button disabled="disabled" class="van-button van-button--danger van-button--small van-button--disabled van-button--unclickable van-coupon-list__exchange">
+            <!----><span class="van-button__text">兑换</span></button>
+        </div>
+        <div class="van-coupon-list__list van-coupon-list__list--with-exchange">
+          <div class="van-coupon-item">
+            <div class="van-coupon-item__head">
+              <div class="van-coupon-item__lines"></div>
+              <div class="van-coupon-item__gradient">
+                <h2><span>¥</span> 1.5</h2>
+                <p>无使用门槛</p>
+              </div>
+            </div>
+            <div class="van-coupon-item__body">
+              <h2>优惠券名称</h2> <span>2017.03.10-2017.12.30</span>
+              <!---->
+              <!---->
+            </div>
+          </div>
+          <div class="van-coupon-item">
+            <div class="van-coupon-item__head">
+              <div class="van-coupon-item__lines"></div>
+              <div class="van-coupon-item__gradient">
+                <h2>8.8折</h2>
+                <p>满0.50元可用</p>
+              </div>
+            </div>
+            <div class="van-coupon-item__body">
+              <h2>优惠券名称</h2> <span>2017.03.10-2017.12.30</span>
+              <!---->
+              <!---->
+            </div>
+          </div>
+          <h3>不可用优惠</h3>
+          <div class="van-coupon-item van-coupon-item--disabled">
+            <div class="van-coupon-item__head">
+              <div class="van-coupon-item__lines"></div>
+              <div class="van-coupon-item__gradient">
+                <h2><span>¥</span> 1.5</h2>
+                <p>无使用门槛</p>
+              </div>
+            </div>
+            <div class="van-coupon-item__body">
+              <h2>优惠券名称</h2> <span>2017.03.10-2017.12.30</span>
+              <p>优惠券不可用原因</p>
+              <!---->
+            </div>
+          </div>
+          <div class="van-coupon-item van-coupon-item--disabled">
+            <div class="van-coupon-item__head">
+              <div class="van-coupon-item__lines"></div>
+              <div class="van-coupon-item__gradient">
+                <h2>1折</h2>
+                <p>满0.50元可用</p>
+              </div>
+            </div>
+            <div class="van-coupon-item__body">
+              <h2>优惠券名称</h2> <span>2017.03.10-2017.12.30</span>
+              <p>优惠券不可用原因</p>
+              <!---->
+            </div>
+          </div>
+          <!---->
+        </div>
+        <div class="van-hairline--top van-coupon-list__close">不使用优惠</div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/coupon-list/test/__snapshots__/index.spec.js.snap b/packages/coupon-list/test/__snapshots__/index.spec.js.snap
index 449c5c8ba..3666c1b15 100644
--- a/packages/coupon-list/test/__snapshots__/index.spec.js.snap
+++ b/packages/coupon-list/test/__snapshots__/index.spec.js.snap
@@ -29,102 +29,3 @@ exports[`coupon cell 2`] = `
   </div>
 </div>
 `;
-
-exports[`renders coupon-list correctly 1`] = `
-<div>
-  <div>
-    <div class="van-cell-group van-hairline--top-bottom van-coupon-cell">
-      <div class="van-cell van-cell--clickable van-hairline">
-        <!---->
-        <div class="van-cell__title"><span>优惠券码</span>
-          <!---->
-        </div>
-        <div class="van-cell__value"><span>您有 2 个可用优惠</span></div>
-        <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;">
-          <!---->
-        </i>
-      </div>
-    </div>
-    <div class="van-popup van-popup--bottom" style="display:none;">
-      <div class="van-coupon-list">
-        <div class="van-cell-group van-hairline--top-bottom van-coupon-list__top">
-          <div placeholder="请输入优惠码" maxlength="20" class="van-hairline--surround van-cell van-hairline van-field van-coupon-list__field">
-            <!---->
-            <!---->
-            <div class="van-cell__value van-cell__value--alone">
-              <input type="text" placeholder="请输入优惠码" maxlength="20" value="" class="van-field__control">
-              <!---->
-              <!---->
-              <!---->
-            </div>
-            <!---->
-          </div>
-          <button disabled="disabled" class="van-button van-button--danger van-button--small van-button--disabled van-button--unclickable van-coupon-list__exchange">
-            <!----><span class="van-button__text">兑换</span></button>
-        </div>
-        <div class="van-coupon-list__list van-coupon-list__list--with-exchange">
-          <div class="van-coupon-item">
-            <div class="van-coupon-item__head">
-              <div class="van-coupon-item__lines"></div>
-              <div class="van-coupon-item__gradient">
-                <h2><span>¥</span> 1.5</h2>
-                <p>无使用门槛</p>
-              </div>
-            </div>
-            <div class="van-coupon-item__body">
-              <h2>优惠券名称</h2> <span>2017.03.10-2017.12.30</span>
-              <!---->
-              <!---->
-            </div>
-          </div>
-          <div class="van-coupon-item">
-            <div class="van-coupon-item__head">
-              <div class="van-coupon-item__lines"></div>
-              <div class="van-coupon-item__gradient">
-                <h2>8.8折</h2>
-                <p>满0.50元可用</p>
-              </div>
-            </div>
-            <div class="van-coupon-item__body">
-              <h2>优惠券名称</h2> <span>2017.03.10-2017.12.30</span>
-              <!---->
-              <!---->
-            </div>
-          </div>
-          <h3>不可用优惠</h3>
-          <div class="van-coupon-item van-coupon-item--disabled">
-            <div class="van-coupon-item__head">
-              <div class="van-coupon-item__lines"></div>
-              <div class="van-coupon-item__gradient">
-                <h2><span>¥</span> 1.5</h2>
-                <p>无使用门槛</p>
-              </div>
-            </div>
-            <div class="van-coupon-item__body">
-              <h2>优惠券名称</h2> <span>2017.03.10-2017.12.30</span>
-              <p>优惠券不可用原因</p>
-              <!---->
-            </div>
-          </div>
-          <div class="van-coupon-item van-coupon-item--disabled">
-            <div class="van-coupon-item__head">
-              <div class="van-coupon-item__lines"></div>
-              <div class="van-coupon-item__gradient">
-                <h2>1折</h2>
-                <p>满0.50元可用</p>
-              </div>
-            </div>
-            <div class="van-coupon-item__body">
-              <h2>优惠券名称</h2> <span>2017.03.10-2017.12.30</span>
-              <p>优惠券不可用原因</p>
-              <!---->
-            </div>
-          </div>
-          <!---->
-        </div>
-        <div class="van-hairline--top van-coupon-list__close">不使用优惠</div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/coupon-list/test/demo.spec.js b/packages/coupon-list/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/coupon-list/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/coupon-list/test/index.spec.js b/packages/coupon-list/test/index.spec.js
index 6d4073c82..f2d0ad9e9 100644
--- a/packages/coupon-list/test/index.spec.js
+++ b/packages/coupon-list/test/index.spec.js
@@ -1,10 +1,7 @@
-import demoTest from '../../../test/demo-test';
 import CouponList from '../../coupon-list';
 import CouponCell from '../../coupon-cell';
 import { mount } from '@vue/test-utils';
 
-demoTest(CouponList);
-
 test('exchange coupon', () => {
   const wrapper = mount(CouponList);
   const exchange = wrapper.find('.van-coupon-list__exchange');
diff --git a/packages/datetime-picker/test/__snapshots__/index.spec.js.snap b/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/datetime-picker/test/__snapshots__/index.spec.js.snap
rename to packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
index 7f4179848..9ace71158 100644
--- a/packages/datetime-picker/test/__snapshots__/index.spec.js.snap
+++ b/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders datetime-picker correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-picker">
diff --git a/packages/datetime-picker/test/demo.spec.js b/packages/datetime-picker/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/datetime-picker/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/datetime-picker/test/index.spec.js b/packages/datetime-picker/test/index.spec.js
deleted file mode 100644
index 9f2da99b1..000000000
--- a/packages/datetime-picker/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import DatetimePicker from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(DatetimePicker);
diff --git a/packages/dialog/test/__snapshots__/index.spec.js.snap b/packages/dialog/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/dialog/test/__snapshots__/index.spec.js.snap
rename to packages/dialog/test/__snapshots__/demo.spec.js.snap
index 231a690b8..2105b9c08 100644
--- a/packages/dialog/test/__snapshots__/index.spec.js.snap
+++ b/packages/dialog/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders dialog correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <button class="van-button van-button--default van-button--normal">
diff --git a/packages/dialog/test/demo.spec.js b/packages/dialog/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/dialog/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/dialog/test/index.spec.js b/packages/dialog/test/index.spec.js
deleted file mode 100644
index 00663530b..000000000
--- a/packages/dialog/test/index.spec.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import demoTest from '../../../test/demo-test';
-
-demoTest('dialog');
diff --git a/packages/field/test/__snapshots__/index.spec.js.snap b/packages/field/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/field/test/__snapshots__/index.spec.js.snap
rename to packages/field/test/__snapshots__/demo.spec.js.snap
index 6ac2e0831..2805e0e18 100644
--- a/packages/field/test/__snapshots__/index.spec.js.snap
+++ b/packages/field/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders field correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
diff --git a/packages/field/test/demo.spec.js b/packages/field/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/field/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/field/test/index.spec.js b/packages/field/test/index.spec.js
deleted file mode 100644
index 49bf58745..000000000
--- a/packages/field/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Field from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Field);
diff --git a/packages/goods-action/test/__snapshots__/index.spec.js.snap b/packages/goods-action/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/goods-action/test/__snapshots__/index.spec.js.snap
rename to packages/goods-action/test/__snapshots__/demo.spec.js.snap
index 77a60a894..bb4a298d9 100644
--- a/packages/goods-action/test/__snapshots__/index.spec.js.snap
+++ b/packages/goods-action/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders goods-action correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-goods-action">
diff --git a/packages/goods-action/test/demo.spec.js b/packages/goods-action/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/goods-action/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/goods-action/test/index.spec.js b/packages/goods-action/test/index.spec.js
deleted file mode 100644
index 542b065ed..000000000
--- a/packages/goods-action/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import GoodsAction from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(GoodsAction);
diff --git a/packages/icon/test/__snapshots__/index.spec.js.snap b/packages/icon/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/icon/test/__snapshots__/index.spec.js.snap
rename to packages/icon/test/__snapshots__/demo.spec.js.snap
index 50f32d3c0..16652ac94 100644
--- a/packages/icon/test/__snapshots__/index.spec.js.snap
+++ b/packages/icon/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders icon correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-col van-col-8">
diff --git a/packages/icon/test/demo.spec.js b/packages/icon/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/icon/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/icon/test/index.spec.js b/packages/icon/test/index.spec.js
deleted file mode 100644
index a2f53cfb7..000000000
--- a/packages/icon/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Icon from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Icon);
diff --git a/packages/list/test/__snapshots__/index.spec.js.snap b/packages/list/test/__snapshots__/demo.spec.js.snap
similarity index 95%
rename from packages/list/test/__snapshots__/index.spec.js.snap
rename to packages/list/test/__snapshots__/demo.spec.js.snap
index 2d0a46c71..36f8e69d5 100644
--- a/packages/list/test/__snapshots__/index.spec.js.snap
+++ b/packages/list/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders list correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <p class="page-desc">当即将滚动到元素底部时，会自动加载更多</p>
diff --git a/packages/list/test/demo.spec.js b/packages/list/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/list/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/list/test/index.spec.js b/packages/list/test/index.spec.js
deleted file mode 100644
index ba720cf22..000000000
--- a/packages/list/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import List from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(List);
diff --git a/packages/loading/test/__snapshots__/index.spec.js.snap b/packages/loading/test/__snapshots__/demo.spec.js.snap
similarity index 96%
rename from packages/loading/test/__snapshots__/index.spec.js.snap
rename to packages/loading/test/__snapshots__/demo.spec.js.snap
index 6cd246cc4..abeb7fc1c 100644
--- a/packages/loading/test/__snapshots__/index.spec.js.snap
+++ b/packages/loading/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders loading correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-loading van-loading--circular van-loading--black"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
diff --git a/packages/loading/test/demo.spec.js b/packages/loading/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/loading/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/loading/test/index.spec.js b/packages/loading/test/index.spec.js
deleted file mode 100644
index ffbdfc522..000000000
--- a/packages/loading/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Loading from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Loading);
diff --git a/packages/nav-bar/test/__snapshots__/index.spec.js.snap b/packages/nav-bar/test/__snapshots__/demo.spec.js.snap
similarity index 96%
rename from packages/nav-bar/test/__snapshots__/index.spec.js.snap
rename to packages/nav-bar/test/__snapshots__/demo.spec.js.snap
index bc104d176..834ee1c4e 100644
--- a/packages/nav-bar/test/__snapshots__/index.spec.js.snap
+++ b/packages/nav-bar/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders nav-bar correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-hairline--bottom van-nav-bar" style="z-index:1;">
diff --git a/packages/nav-bar/test/demo.spec.js b/packages/nav-bar/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/nav-bar/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/nav-bar/test/index.spec.js b/packages/nav-bar/test/index.spec.js
deleted file mode 100644
index da42657d2..000000000
--- a/packages/nav-bar/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import NavBar from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(NavBar);
diff --git a/packages/notice-bar/test/__snapshots__/index.spec.js.snap b/packages/notice-bar/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/notice-bar/test/__snapshots__/index.spec.js.snap
rename to packages/notice-bar/test/__snapshots__/demo.spec.js.snap
index c3d7fc499..420b9fdc4 100644
--- a/packages/notice-bar/test/__snapshots__/index.spec.js.snap
+++ b/packages/notice-bar/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders notice-bar correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-notice-bar" style="color:undefined;background:undefined;">
diff --git a/packages/notice-bar/test/demo.spec.js b/packages/notice-bar/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/notice-bar/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/notice-bar/test/index.spec.js b/packages/notice-bar/test/index.spec.js
deleted file mode 100644
index 23c3144e3..000000000
--- a/packages/notice-bar/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import NoticeBar from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(NoticeBar);
diff --git a/packages/number-keyboard/test/__snapshots__/index.spec.js.snap b/packages/number-keyboard/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/number-keyboard/test/__snapshots__/index.spec.js.snap
rename to packages/number-keyboard/test/__snapshots__/demo.spec.js.snap
index 78c6e8825..e4e1a5a38 100644
--- a/packages/number-keyboard/test/__snapshots__/index.spec.js.snap
+++ b/packages/number-keyboard/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders number-keyboard correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <button class="van-button van-button--default van-button--normal">
diff --git a/packages/number-keyboard/test/demo.spec.js b/packages/number-keyboard/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/number-keyboard/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/number-keyboard/test/index.spec.js b/packages/number-keyboard/test/index.spec.js
deleted file mode 100644
index 237462dcc..000000000
--- a/packages/number-keyboard/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import NumberKeyboard from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(NumberKeyboard);
diff --git a/packages/pagination/test/__snapshots__/index.spec.js.snap b/packages/pagination/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/pagination/test/__snapshots__/index.spec.js.snap
rename to packages/pagination/test/__snapshots__/demo.spec.js.snap
index 1cffacacb..c15a2fffd 100644
--- a/packages/pagination/test/__snapshots__/index.spec.js.snap
+++ b/packages/pagination/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders pagination correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <ul previous-text="上一页" class="van-pagination">
diff --git a/packages/pagination/test/demo.spec.js b/packages/pagination/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/pagination/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/pagination/test/index.spec.js b/packages/pagination/test/index.spec.js
deleted file mode 100644
index 0f7b1dfd6..000000000
--- a/packages/pagination/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Pagination from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Pagination);
diff --git a/packages/panel/test/__snapshots__/index.spec.js.snap b/packages/panel/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/panel/test/__snapshots__/index.spec.js.snap
rename to packages/panel/test/__snapshots__/demo.spec.js.snap
index 4b236dc22..a10d39653 100644
--- a/packages/panel/test/__snapshots__/index.spec.js.snap
+++ b/packages/panel/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders panel correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom van-panel">
diff --git a/packages/panel/test/demo.spec.js b/packages/panel/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/panel/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/panel/test/index.spec.js b/packages/panel/test/index.spec.js
deleted file mode 100644
index d3e4da408..000000000
--- a/packages/panel/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Panel from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Panel);
diff --git a/packages/password-input/test/__snapshots__/index.spec.js.snap b/packages/password-input/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/password-input/test/__snapshots__/index.spec.js.snap
rename to packages/password-input/test/__snapshots__/demo.spec.js.snap
index 6cc61021c..6a6feb625 100644
--- a/packages/password-input/test/__snapshots__/index.spec.js.snap
+++ b/packages/password-input/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders password-input correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-password-input">
diff --git a/packages/password-input/test/demo.spec.js b/packages/password-input/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/password-input/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/password-input/test/index.spec.js b/packages/password-input/test/index.spec.js
deleted file mode 100644
index fb7358231..000000000
--- a/packages/password-input/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import PasswordInput from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(PasswordInput);
diff --git a/packages/picker/test/__snapshots__/index.spec.js.snap b/packages/picker/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/picker/test/__snapshots__/index.spec.js.snap
rename to packages/picker/test/__snapshots__/demo.spec.js.snap
index 8cda74cfd..435f9cc51 100644
--- a/packages/picker/test/__snapshots__/index.spec.js.snap
+++ b/packages/picker/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders picker correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-picker">
diff --git a/packages/picker/test/demo.spec.js b/packages/picker/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/picker/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/picker/test/index.spec.js b/packages/picker/test/index.spec.js
deleted file mode 100644
index f2307068d..000000000
--- a/packages/picker/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Picker from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Picker);
diff --git a/packages/popup/test/__snapshots__/index.spec.js.snap b/packages/popup/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/popup/test/__snapshots__/index.spec.js.snap
rename to packages/popup/test/__snapshots__/demo.spec.js.snap
index ee716ce8f..09b0a357f 100644
--- a/packages/popup/test/__snapshots__/index.spec.js.snap
+++ b/packages/popup/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders popup correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <button class="van-button van-button--default van-button--normal">
diff --git a/packages/popup/test/demo.spec.js b/packages/popup/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/popup/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/popup/test/index.spec.js b/packages/popup/test/index.spec.js
deleted file mode 100644
index 8e87cae3e..000000000
--- a/packages/popup/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Popup from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Popup);
diff --git a/packages/progress/test/__snapshots__/index.spec.js.snap b/packages/progress/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/progress/test/__snapshots__/index.spec.js.snap
rename to packages/progress/test/__snapshots__/demo.spec.js.snap
index 64bc498ee..89e83d0d9 100644
--- a/packages/progress/test/__snapshots__/index.spec.js.snap
+++ b/packages/progress/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders progress correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-progress"><span class="van-progress__portion" style="width:0%;background-color:#38f;"></span> <span class="van-progress__pivot" style="color:#fff;background-color:#38f;left:0%;margin-left:0;">0%</span></div>
diff --git a/packages/progress/test/demo.spec.js b/packages/progress/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/progress/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/progress/test/index.spec.js b/packages/progress/test/index.spec.js
deleted file mode 100644
index cdb264b5c..000000000
--- a/packages/progress/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Progress from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Progress);
diff --git a/packages/pull-refresh/test/__snapshots__/index.spec.js.snap b/packages/pull-refresh/test/__snapshots__/demo.spec.js.snap
similarity index 88%
rename from packages/pull-refresh/test/__snapshots__/index.spec.js.snap
rename to packages/pull-refresh/test/__snapshots__/demo.spec.js.snap
index 6c109ba0f..6225e53d3 100644
--- a/packages/pull-refresh/test/__snapshots__/index.spec.js.snap
+++ b/packages/pull-refresh/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders pull-refresh correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div class="van-pull-refresh">
     <div class="van-pull-refresh__track" style="transition:0ms;transform:translate3d(0,0px, 0);">
diff --git a/packages/pull-refresh/test/demo.spec.js b/packages/pull-refresh/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/pull-refresh/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/pull-refresh/test/index.spec.js b/packages/pull-refresh/test/index.spec.js
deleted file mode 100644
index d42027548..000000000
--- a/packages/pull-refresh/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import PullRefresh from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(PullRefresh);
diff --git a/packages/radio/test/__snapshots__/index.spec.js.snap b/packages/radio/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/radio/test/__snapshots__/index.spec.js.snap
rename to packages/radio/test/__snapshots__/demo.spec.js.snap
index 131bdb587..d42b36617 100644
--- a/packages/radio/test/__snapshots__/index.spec.js.snap
+++ b/packages/radio/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders radio correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="demo-radio-group van-radio-group">
diff --git a/packages/radio/test/demo.spec.js b/packages/radio/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/radio/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/radio/test/index.spec.js b/packages/radio/test/index.spec.js
deleted file mode 100644
index b51bbfebb..000000000
--- a/packages/radio/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Radio from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Radio);
diff --git a/packages/rate/test/__snapshots__/demo.spec.js.snap b/packages/rate/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..8dd6f7cf8
--- /dev/null
+++ b/packages/rate/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,66 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-rate">
+      <svg fill="#ffd21e" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#ffd21e" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#ffd21e" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#c7c7c7" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798zM16 23.547l-6.983 3.671 1.334-7.776-5.65-5.507 7.808-1.134 3.492-7.075 3.492 7.075 7.807 1.134-5.65 5.507 1.334 7.776-6.983-3.671z"></path>
+      </svg>
+      <svg fill="#c7c7c7" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798zM16 23.547l-6.983 3.671 1.334-7.776-5.65-5.507 7.808-1.134 3.492-7.075 3.492 7.075 7.807 1.134-5.65 5.507 1.334 7.776-6.983-3.671z"></path>
+      </svg>
+    </div>
+  </div>
+  <div>
+    <div class="van-rate">
+      <svg fill="#2ba" viewBox="0 0 32 32" class="van-rate__item" style="width:25px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#2ba" viewBox="0 0 32 32" class="van-rate__item" style="width:25px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#2ba" viewBox="0 0 32 32" class="van-rate__item" style="width:25px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#2ba" viewBox="0 0 32 32" class="van-rate__item" style="width:25px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#ceefe8" viewBox="0 0 32 32" class="van-rate__item" style="width:25px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798zM16 23.547l-6.983 3.671 1.334-7.776-5.65-5.507 7.808-1.134 3.492-7.075 3.492 7.075 7.807 1.134-5.65 5.507 1.334 7.776-6.983-3.671z"></path>
+      </svg>
+      <svg fill="#ceefe8" viewBox="0 0 32 32" class="van-rate__item" style="width:25px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798zM16 23.547l-6.983 3.671 1.334-7.776-5.65-5.507 7.808-1.134 3.492-7.075 3.492 7.075 7.807 1.134-5.65 5.507 1.334 7.776-6.983-3.671z"></path>
+      </svg>
+    </div>
+  </div>
+  <div>
+    <div class="van-rate">
+      <svg fill="#bdbdbd" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#bdbdbd" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"></path>
+      </svg>
+      <svg fill="#bdbdbd" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798zM16 23.547l-6.983 3.671 1.334-7.776-5.65-5.507 7.808-1.134 3.492-7.075 3.492 7.075 7.807 1.134-5.65 5.507 1.334 7.776-6.983-3.671z"></path>
+      </svg>
+      <svg fill="#bdbdbd" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798zM16 23.547l-6.983 3.671 1.334-7.776-5.65-5.507 7.808-1.134 3.492-7.075 3.492 7.075 7.807 1.134-5.65 5.507 1.334 7.776-6.983-3.671z"></path>
+      </svg>
+      <svg fill="#bdbdbd" viewBox="0 0 32 32" class="van-rate__item" style="width:20px;">
+        <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798zM16 23.547l-6.983 3.671 1.334-7.776-5.65-5.507 7.808-1.134 3.492-7.075 3.492 7.075 7.807 1.134-5.65 5.507 1.334 7.776-6.983-3.671z"></path>
+      </svg>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/rate/test/demo.spec.js b/packages/rate/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/rate/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/search/test/__snapshots__/index.spec.js.snap b/packages/search/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/search/test/__snapshots__/index.spec.js.snap
rename to packages/search/test/__snapshots__/demo.spec.js.snap
index df64e5a6f..f01da008c 100644
--- a/packages/search/test/__snapshots__/index.spec.js.snap
+++ b/packages/search/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders search correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-search" style="background:#f2f2f2;">
diff --git a/packages/search/test/demo.spec.js b/packages/search/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/search/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/search/test/index.spec.js b/packages/search/test/index.spec.js
deleted file mode 100644
index 54ba96fc6..000000000
--- a/packages/search/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Search from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Search);
diff --git a/packages/sku/test/__snapshots__/index.spec.js.snap b/packages/sku/test/__snapshots__/demo.spec.js.snap
similarity index 50%
rename from packages/sku/test/__snapshots__/index.spec.js.snap
rename to packages/sku/test/__snapshots__/demo.spec.js.snap
index 2a1292a4a..3fad684eb 100644
--- a/packages/sku/test/__snapshots__/index.spec.js.snap
+++ b/packages/sku/test/__snapshots__/demo.spec.js.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders sku correctly 1`] = `""`;
+exports[`renders demo correctly 1`] = `""`;
diff --git a/packages/sku/test/demo.spec.js b/packages/sku/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/sku/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/sku/test/index.spec.js b/packages/sku/test/index.spec.js
deleted file mode 100644
index b7394e7ff..000000000
--- a/packages/sku/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Sku from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Sku);
diff --git a/packages/slider/test/__snapshots__/index.spec.js.snap b/packages/slider/test/__snapshots__/demo.spec.js.snap
similarity index 94%
rename from packages/slider/test/__snapshots__/index.spec.js.snap
rename to packages/slider/test/__snapshots__/demo.spec.js.snap
index 635bb188f..90694fe58 100644
--- a/packages/slider/test/__snapshots__/index.spec.js.snap
+++ b/packages/slider/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders slider correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-slider">
diff --git a/packages/slider/test/demo.spec.js b/packages/slider/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/slider/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/slider/test/index.spec.js b/packages/slider/test/index.spec.js
deleted file mode 100644
index 744180697..000000000
--- a/packages/slider/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Slider from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Slider);
diff --git a/packages/stepper/test/__snapshots__/index.spec.js.snap b/packages/stepper/test/__snapshots__/demo.spec.js.snap
similarity index 95%
rename from packages/stepper/test/__snapshots__/index.spec.js.snap
rename to packages/stepper/test/__snapshots__/demo.spec.js.snap
index 77432f876..fc55b1e58 100644
--- a/packages/stepper/test/__snapshots__/index.spec.js.snap
+++ b/packages/stepper/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders stepper correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-stepper">
diff --git a/packages/stepper/test/demo.spec.js b/packages/stepper/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/stepper/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/stepper/test/index.spec.js b/packages/stepper/test/index.spec.js
deleted file mode 100644
index d76c62a05..000000000
--- a/packages/stepper/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Stepper from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Stepper);
diff --git a/packages/steps/test/__snapshots__/index.spec.js.snap b/packages/steps/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/steps/test/__snapshots__/index.spec.js.snap
rename to packages/steps/test/__snapshots__/demo.spec.js.snap
index 07a98071a..9c28f2388 100644
--- a/packages/steps/test/__snapshots__/index.spec.js.snap
+++ b/packages/steps/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders steps correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-steps van-steps--horizontal">
diff --git a/packages/steps/test/demo.spec.js b/packages/steps/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/steps/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/steps/test/index.spec.js b/packages/steps/test/index.spec.js
deleted file mode 100644
index 05556ce44..000000000
--- a/packages/steps/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Steps from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Steps);
diff --git a/packages/submit-bar/test/__snapshots__/demo.spec.js.snap b/packages/submit-bar/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..9f3703600
--- /dev/null
+++ b/packages/submit-bar/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,64 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-submit-bar">
+      <div class="van-submit-bar__tip" style="display:none;">
+      </div>
+      <div class="van-submit-bar__bar">
+        <div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
+        <button class="van-button van-button--danger van-button--normal">
+          <!----><span class="van-button__text">
+      提交订单
+    </span></button>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-submit-bar">
+      <div class="van-submit-bar__tip">
+        您的收货地址不支持同城送, 我们已为您推荐快递</div>
+      <div class="van-submit-bar__bar">
+        <div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
+        <button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--disabled van-button--unclickable">
+          <!----><span class="van-button__text">
+      提交订单
+    </span></button>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-submit-bar">
+      <div class="van-submit-bar__tip" style="display:none;">
+      </div>
+      <div class="van-submit-bar__bar">
+        <div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
+        <button class="van-button van-button--danger van-button--normal van-button--loading van-button--unclickable">
+          <div class="van-loading van-loading--circular van-loading--white" style="width:20px;height:20px;"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div> <span class="van-button__text">
+      
+    </span></button>
+      </div>
+    </div>
+  </div>
+  <div>
+    <div class="van-submit-bar">
+      <div class="van-submit-bar__tip">
+        <span>
+        您的收货地址不支持同城送, <span class="van-edit-address">修改地址</span></span>
+      </div>
+      <div class="van-submit-bar__bar">
+        <div class="van-checkbox">
+          <i class="van-icon van-icon-success van-checkbox__icon van-checkbox--round van-checkbox--checked" style="color:undefined;">
+            <!---->
+          </i> <span class="van-checkbox__label">全选</span></div>
+        <div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
+        <button class="van-button van-button--danger van-button--normal">
+          <!----><span class="van-button__text">
+      提交订单
+    </span></button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/submit-bar/test/__snapshots__/index.spec.js.snap b/packages/submit-bar/test/__snapshots__/index.spec.js.snap
index 01c4e4e8d..a495dfe26 100644
--- a/packages/submit-bar/test/__snapshots__/index.spec.js.snap
+++ b/packages/submit-bar/test/__snapshots__/index.spec.js.snap
@@ -1,68 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders submit-bar correctly 1`] = `
-<div>
-  <div>
-    <div class="van-submit-bar">
-      <div class="van-submit-bar__tip" style="display:none;">
-      </div>
-      <div class="van-submit-bar__bar">
-        <div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
-        <button class="van-button van-button--danger van-button--normal">
-          <!----><span class="van-button__text">
-      提交订单
-    </span></button>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-submit-bar">
-      <div class="van-submit-bar__tip">
-        您的收货地址不支持同城送, 我们已为您推荐快递</div>
-      <div class="van-submit-bar__bar">
-        <div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
-        <button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--disabled van-button--unclickable">
-          <!----><span class="van-button__text">
-      提交订单
-    </span></button>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-submit-bar">
-      <div class="van-submit-bar__tip" style="display:none;">
-      </div>
-      <div class="van-submit-bar__bar">
-        <div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
-        <button class="van-button van-button--danger van-button--normal van-button--loading van-button--unclickable">
-          <div class="van-loading van-loading--circular van-loading--white" style="width:20px;height:20px;"><span class="van-loading__spinner van-loading__spinner--circular"> <svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div> <span class="van-button__text">
-      
-    </span></button>
-      </div>
-    </div>
-  </div>
-  <div>
-    <div class="van-submit-bar">
-      <div class="van-submit-bar__tip">
-        <span>
-        您的收货地址不支持同城送, <span class="van-edit-address">修改地址</span></span>
-      </div>
-      <div class="van-submit-bar__bar">
-        <div class="van-checkbox">
-          <i class="van-icon van-icon-success van-checkbox__icon van-checkbox--round van-checkbox--checked" style="color:undefined;">
-            <!---->
-          </i> <span class="van-checkbox__label">全选</span></div>
-        <div class="van-submit-bar__price"><span>合计：</span> <span class="van-submit-bar__price-integer">¥30.</span> <span class="van-submit-bar__price-decimal">50</span></div>
-        <button class="van-button van-button--danger van-button--normal">
-          <!----><span class="van-button__text">
-      提交订单
-    </span></button>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
 exports[`submit 1`] = `
 <div class="van-submit-bar">
   <div class="van-submit-bar__tip" style="display: none;">
diff --git a/packages/submit-bar/test/demo.spec.js b/packages/submit-bar/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/submit-bar/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/submit-bar/test/index.spec.js b/packages/submit-bar/test/index.spec.js
index c561b1cea..737744c11 100644
--- a/packages/submit-bar/test/index.spec.js
+++ b/packages/submit-bar/test/index.spec.js
@@ -1,9 +1,6 @@
 import SubmitBar from '../';
-import demoTest from '../../../test/demo-test';
 import { mount } from '@vue/test-utils';
 
-demoTest(SubmitBar);
-
 test('submit', () => {
   const wrapper = mount(SubmitBar, {
     propsData: {
diff --git a/packages/swipe/test/__snapshots__/index.spec.js.snap b/packages/swipe/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/swipe/test/__snapshots__/index.spec.js.snap
rename to packages/swipe/test/__snapshots__/demo.spec.js.snap
index 405471181..24d205cc4 100644
--- a/packages/swipe/test/__snapshots__/index.spec.js.snap
+++ b/packages/swipe/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders swipe correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-swipe">
diff --git a/packages/swipe/test/demo.spec.js b/packages/swipe/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/swipe/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/swipe/test/index.spec.js b/packages/swipe/test/index.spec.js
deleted file mode 100644
index b1b0e0dfc..000000000
--- a/packages/swipe/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Swipe from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Swipe);
diff --git a/packages/switch-cell/test/__snapshots__/index.spec.js.snap b/packages/switch-cell/test/__snapshots__/demo.spec.js.snap
similarity index 97%
rename from packages/switch-cell/test/__snapshots__/index.spec.js.snap
rename to packages/switch-cell/test/__snapshots__/demo.spec.js.snap
index 080347920..4d56a0ddd 100644
--- a/packages/switch-cell/test/__snapshots__/index.spec.js.snap
+++ b/packages/switch-cell/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders switch-cell correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-cell-group van-hairline--top-bottom">
diff --git a/packages/switch-cell/test/demo.spec.js b/packages/switch-cell/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/switch-cell/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/switch-cell/test/index.spec.js b/packages/switch-cell/test/index.spec.js
deleted file mode 100644
index b7394e7ff..000000000
--- a/packages/switch-cell/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Sku from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Sku);
diff --git a/packages/switch/test/__snapshots__/index.spec.js.snap b/packages/switch/test/__snapshots__/demo.spec.js.snap
similarity index 95%
rename from packages/switch/test/__snapshots__/index.spec.js.snap
rename to packages/switch/test/__snapshots__/demo.spec.js.snap
index 7698ba1ad..92905e8d6 100644
--- a/packages/switch/test/__snapshots__/index.spec.js.snap
+++ b/packages/switch/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders switch correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-switch van-switch--on" style="font-size:30px;">
diff --git a/packages/switch/test/demo.spec.js b/packages/switch/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/switch/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/switch/test/index.spec.js b/packages/switch/test/index.spec.js
deleted file mode 100644
index 59b977c16..000000000
--- a/packages/switch/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Switch from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Switch);
diff --git a/packages/tabs/test/__snapshots__/index.spec.js.snap b/packages/tab/test/__snapshots__/demo.spec.js.snap
similarity index 99%
rename from packages/tabs/test/__snapshots__/index.spec.js.snap
rename to packages/tab/test/__snapshots__/demo.spec.js.snap
index 0ea39ac88..e72e3fe70 100644
--- a/packages/tabs/test/__snapshots__/index.spec.js.snap
+++ b/packages/tab/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders tab correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-tabs van-tabs--line">
diff --git a/packages/tab/test/demo.spec.js b/packages/tab/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/tab/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/tabbar/test/__snapshots__/index.spec.js.snap b/packages/tabbar/test/__snapshots__/demo.spec.js.snap
similarity index 98%
rename from packages/tabbar/test/__snapshots__/index.spec.js.snap
rename to packages/tabbar/test/__snapshots__/demo.spec.js.snap
index c91cac370..f4d6e09fd 100644
--- a/packages/tabbar/test/__snapshots__/index.spec.js.snap
+++ b/packages/tabbar/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders tabbar correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-hairline--top-bottom van-tabbar van-tabbar--fixed">
diff --git a/packages/tabbar/test/demo.spec.js b/packages/tabbar/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/tabbar/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/tabbar/test/index.spec.js b/packages/tabbar/test/index.spec.js
deleted file mode 100644
index d160fbe59..000000000
--- a/packages/tabbar/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Tabbar from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Tabbar);
diff --git a/packages/tabs/test/index.spec.js b/packages/tabs/test/index.spec.js
deleted file mode 100644
index 556865dc3..000000000
--- a/packages/tabs/test/index.spec.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import demoTest from '../../../test/demo-test';
-
-demoTest('tab');
diff --git a/packages/tag/test/__snapshots__/index.spec.js.snap b/packages/tag/test/__snapshots__/demo.spec.js.snap
similarity index 96%
rename from packages/tag/test/__snapshots__/index.spec.js.snap
rename to packages/tag/test/__snapshots__/demo.spec.js.snap
index 8b185f7e8..dbe9e61e2 100644
--- a/packages/tag/test/__snapshots__/index.spec.js.snap
+++ b/packages/tag/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders tag correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div><span class="van-hairline--surround van-tag">标签</span> <span class="van-hairline--surround van-tag van-tag--danger">标签</span> <span class="van-hairline--surround van-tag van-tag--success">标签</span> <span class="van-hairline--surround van-tag van-tag--primary">标签</span></div>
   <div><span class="van-hairline--surround van-tag van-tag--plain">标签</span> <span class="van-hairline--surround van-tag van-tag--plain van-tag--danger">标签</span> <span class="van-hairline--surround van-tag van-tag--plain van-tag--primary">标签</span>
diff --git a/packages/tag/test/demo.spec.js b/packages/tag/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/tag/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/tag/test/index.spec.js b/packages/tag/test/index.spec.js
deleted file mode 100644
index 946733496..000000000
--- a/packages/tag/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Tag from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Tag);
diff --git a/packages/toast/test/__snapshots__/index.spec.js.snap b/packages/toast/test/__snapshots__/demo.spec.js.snap
similarity index 95%
rename from packages/toast/test/__snapshots__/index.spec.js.snap
rename to packages/toast/test/__snapshots__/demo.spec.js.snap
index 684e2d403..c77ae701f 100644
--- a/packages/toast/test/__snapshots__/index.spec.js.snap
+++ b/packages/toast/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders toast correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <button class="van-button van-button--default van-button--normal">
diff --git a/packages/toast/test/demo.spec.js b/packages/toast/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/toast/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/toast/test/index.spec.js b/packages/toast/test/index.spec.js
deleted file mode 100644
index 358a23c8f..000000000
--- a/packages/toast/test/index.spec.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import demoTest from '../../../test/demo-test';
-
-demoTest('toast');
diff --git a/packages/tree-select/test/__snapshots__/demo.spec.js.snap b/packages/tree-select/test/__snapshots__/demo.spec.js.snap
new file mode 100644
index 000000000..7b34800e2
--- /dev/null
+++ b/packages/tree-select/test/__snapshots__/demo.spec.js.snap
@@ -0,0 +1,57 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders demo correctly 1`] = `
+<div>
+  <div>
+    <div class="van-tree-select" style="height:300px;">
+      <div class="van-tree-select__nav">
+        <div class="van-ellipsis van-tree-select__nitem van-tree-select__nitem--active">
+          所有城市
+        </div>
+        <div class="van-ellipsis van-tree-select__nitem">
+          浙江
+        </div>
+        <div class="van-ellipsis van-tree-select__nitem">
+          江苏
+        </div>
+      </div>
+      <div class="van-tree-select__content" style="height:300px;">
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
+          杭州
+          <i class="van-icon van-icon-success van-tree-select__selected" style="color:undefined;">
+            <!---->
+          </i>
+        </div>
+        <div class="van-ellipsis van-tree-select__item">
+          温州
+          <!---->
+        </div>
+        <div class="van-ellipsis van-tree-select__item">
+          宁波
+          <!---->
+        </div>
+        <div class="van-ellipsis van-tree-select__item">
+          义乌
+          <!---->
+        </div>
+        <div class="van-ellipsis van-tree-select__item">
+          无锡
+          <!---->
+        </div>
+        <div class="van-ellipsis van-tree-select__item">
+          常州
+          <!---->
+        </div>
+        <div class="van-ellipsis van-tree-select__item">
+          莆田
+          <!---->
+        </div>
+        <div class="van-ellipsis van-tree-select__item">
+          三明
+          <!---->
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/tree-select/test/__snapshots__/index.spec.js.snap b/packages/tree-select/test/__snapshots__/index.spec.js.snap
index 156bb74a9..c0c3f7d31 100644
--- a/packages/tree-select/test/__snapshots__/index.spec.js.snap
+++ b/packages/tree-select/test/__snapshots__/index.spec.js.snap
@@ -6,59 +6,3 @@ exports[`empty list 1`] = `
   <div class="van-tree-select__content" style="height: 0px;"></div>
 </div>
 `;
-
-exports[`renders tree-select correctly 1`] = `
-<div>
-  <div>
-    <div class="van-tree-select" style="height:300px;">
-      <div class="van-tree-select__nav">
-        <div class="van-ellipsis van-tree-select__nitem van-tree-select__nitem--active">
-          所有城市
-        </div>
-        <div class="van-ellipsis van-tree-select__nitem">
-          浙江
-        </div>
-        <div class="van-ellipsis van-tree-select__nitem">
-          江苏
-        </div>
-      </div>
-      <div class="van-tree-select__content" style="height:300px;">
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
-          杭州
-          <i class="van-icon van-icon-success van-tree-select__selected" style="color:undefined;">
-            <!---->
-          </i>
-        </div>
-        <div class="van-ellipsis van-tree-select__item">
-          温州
-          <!---->
-        </div>
-        <div class="van-ellipsis van-tree-select__item">
-          宁波
-          <!---->
-        </div>
-        <div class="van-ellipsis van-tree-select__item">
-          义乌
-          <!---->
-        </div>
-        <div class="van-ellipsis van-tree-select__item">
-          无锡
-          <!---->
-        </div>
-        <div class="van-ellipsis van-tree-select__item">
-          常州
-          <!---->
-        </div>
-        <div class="van-ellipsis van-tree-select__item">
-          莆田
-          <!---->
-        </div>
-        <div class="van-ellipsis van-tree-select__item">
-          三明
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/tree-select/test/demo.spec.js b/packages/tree-select/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/tree-select/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/tree-select/test/index.spec.js b/packages/tree-select/test/index.spec.js
index c8a2195f2..c361a0738 100644
--- a/packages/tree-select/test/index.spec.js
+++ b/packages/tree-select/test/index.spec.js
@@ -1,9 +1,6 @@
 import TreeSelect from '../';
-import demoTest from '../../../test/demo-test';
 import { mount } from '@vue/test-utils';
 
-demoTest(TreeSelect);
-
 test('empty list', () => {
   expect(mount(TreeSelect).html()).toMatchSnapshot();
 });
diff --git a/packages/uploader/test/__snapshots__/index.spec.js.snap b/packages/uploader/test/__snapshots__/demo.spec.js.snap
similarity index 93%
rename from packages/uploader/test/__snapshots__/index.spec.js.snap
rename to packages/uploader/test/__snapshots__/demo.spec.js.snap
index cd4c6dd74..79fe4a53d 100644
--- a/packages/uploader/test/__snapshots__/index.spec.js.snap
+++ b/packages/uploader/test/__snapshots__/demo.spec.js.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders uploader correctly 1`] = `
+exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="demo-uploader-container">
diff --git a/packages/uploader/test/demo.spec.js b/packages/uploader/test/demo.spec.js
new file mode 100644
index 000000000..d647cfabc
--- /dev/null
+++ b/packages/uploader/test/demo.spec.js
@@ -0,0 +1,4 @@
+import Demo from '../demo';
+import demoTest from '../../../test/demo-test';
+
+demoTest(Demo);
diff --git a/packages/uploader/test/index.spec.js b/packages/uploader/test/index.spec.js
deleted file mode 100644
index d6cf683a4..000000000
--- a/packages/uploader/test/index.spec.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Uploader from '../';
-import demoTest from '../../../test/demo-test';
-
-demoTest(Uploader);
diff --git a/test/demo-test.js b/test/demo-test.js
index 46459e179..4f8c82db7 100644
--- a/test/demo-test.js
+++ b/test/demo-test.js
@@ -1,8 +1,7 @@
-import { renderToString } from '@vue/server-test-utils';
-import '../docs/src/demo-common';
-import { Locale } from '../packages';
-import { camelize } from '../packages/utils';
 import Vue from 'vue';
+import '../docs/src/demo-common';
+import Locale from '../packages/locale';
+import { renderToString } from '@vue/server-test-utils';
 
 const empty = {
   template: '<div><slot></slot></div>',
@@ -11,24 +10,12 @@ const empty = {
 Vue.component('demo-block', empty);
 Vue.component('demo-section', empty);
 
-export default function(component) {
-  const name = typeof component === 'string' ? component : component.name.replace('van-', '');
-
-  test(`renders ${name} correctly`, () => {
-    const demo = require(`../packages/${name}/demo`).default;
-    const { i18n } = demo;
-    demo.name = 'demo-' + name;
-
-    if (i18n) {
-      const formattedI18n = {};
-      const camelizedName = camelize(demo.name);
-      Object.keys(i18n).forEach(key => {
-        formattedI18n[key] = { [camelizedName]: i18n[key] };
-      });
-      Locale.add(formattedI18n);
+export default function(Demo) {
+  test(`renders demo correctly`, () => {
+    if (Demo.i18n) {
+      Locale.add(Demo.i18n);
     }
 
-    const wrapper = renderToString(demo);
-    expect(wrapper).toMatchSnapshot();
+    expect(renderToString(Demo)).toMatchSnapshot();
   });
 }