diff --git a/example/app.json b/example/app.json
index 7faa92e4..b5e1a7c1 100644
--- a/example/app.json
+++ b/example/app.json
@@ -104,6 +104,7 @@
"van-swipe-cell": "./dist/swipe-cell/index",
"van-uploader": "./dist/uploader/index",
"van-switch": "./dist/switch/index",
+ "van-switch-demo": "./dist/switch/demo/index",
"van-tab": "./dist/tab/index",
"van-tabs": "./dist/tabs/index",
"van-tabbar": "./dist/tabbar/index",
diff --git a/example/pages/switch/index.js b/example/pages/switch/index.js
index aa0d59fb..cc11dfda 100644
--- a/example/pages/switch/index.js
+++ b/example/pages/switch/index.js
@@ -1,22 +1,3 @@
import Page from '../../common/page';
-import Dialog from '../../dist/dialog/dialog';
-Page({
- data: {
- checked: true,
- checked2: true
- },
-
- onChange({ detail }) {
- this.setData({ checked: detail });
- },
-
- onChange2({ detail }) {
- Dialog.confirm({
- title: '提示',
- message: '是否切换开关？'
- }).then((res) => {
- this.setData({ checked2: detail });
- });
- }
-});
+Page();
diff --git a/example/pages/switch/index.wxml b/example/pages/switch/index.wxml
index f0b0ddb8..065d3ffe 100644
--- a/example/pages/switch/index.wxml
+++ b/example/pages/switch/index.wxml
@@ -1,49 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/example/pages/switch/index.wxss b/example/pages/switch/index.wxss
deleted file mode 100644
index b2652f4f..00000000
--- a/example/pages/switch/index.wxss
+++ /dev/null
@@ -1 +0,0 @@
-/* pages/switch/index.wxss */
\ No newline at end of file
diff --git a/packages/switch/demo/index.json b/packages/switch/demo/index.json
new file mode 100644
index 00000000..118a94a7
--- /dev/null
+++ b/packages/switch/demo/index.json
@@ -0,0 +1,8 @@
+{
+ "component": true,
+ "usingComponents": {
+ "van-switch": "../../switch/index",
+ "van-dialog": "../../dialog/index",
+ "demo-block": "../../../example/components/demo-block/index"
+ }
+}
diff --git a/packages/switch/demo/index.ts b/packages/switch/demo/index.ts
new file mode 100644
index 00000000..cfa6eb78
--- /dev/null
+++ b/packages/switch/demo/index.ts
@@ -0,0 +1,25 @@
+import { VantComponent } from '../../common/component';
+import Dialog from '../../dialog/dialog';
+
+VantComponent({
+ data: {
+ checked: true,
+ checked2: true,
+ },
+
+ methods: {
+ onChange({ detail }) {
+ this.setData({ checked: detail });
+ },
+
+ onChange2({ detail }) {
+ Dialog.confirm({
+ context: this,
+ title: '提示',
+ message: '是否切换开关？',
+ }).then(() => {
+ this.setData({ checked2: detail });
+ });
+ },
+ },
+});
diff --git a/packages/switch/demo/index.wxml b/packages/switch/demo/index.wxml
new file mode 100644
index 00000000..f0b0ddb8
--- /dev/null
+++ b/packages/switch/demo/index.wxml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/switch/test/__snapshots__/demo.spec.ts.snap b/packages/switch/test/__snapshots__/demo.spec.ts.snap
new file mode 100644
index 00000000..8bb49cfd
--- /dev/null
+++ b/packages/switch/test/__snapshots__/demo.spec.ts.snap
@@ -0,0 +1,183 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render demo and match snapshot 1`] = `
+
+
+
+
+ 基础用法
+
+
+
+
+
+
+
+
+
+
+
+ 禁用状态
+
+
+
+
+
+
+
+
+
+
+
+ 加载状态
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自定义大小
+
+
+
+
+
+
+
+
+
+
+
+ 自定义颜色
+
+
+
+
+
+
+
+
+
+
+
+ 异步控制
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/packages/switch/test/demo.spec.ts b/packages/switch/test/demo.spec.ts
new file mode 100644
index 00000000..4c3798cb
--- /dev/null
+++ b/packages/switch/test/demo.spec.ts
@@ -0,0 +1,11 @@
+import path from 'path';
+import simulate from 'miniprogram-simulate';
+
+test('should render demo and match snapshot', () => {
+ const id = simulate.load(path.resolve(__dirname, '../demo/index'), {
+ rootPath: path.resolve(__dirname, '../../'),
+ });
+ const comp = simulate.render(id);
+ comp.attach(document.createElement('parent-wrapper'));
+ expect(comp.toJSON()).toMatchSnapshot();
+});