diff --git a/example/app.json b/example/app.json
index 98e3d1f3..b9fcb959 100644
--- a/example/app.json
+++ b/example/app.json
@@ -129,9 +129,10 @@
"van-tabbar": "./dist/tabbar/index",
"van-tabbar-demo": "./dist/tabbar/demo/index",
"van-tabbar-item": "./dist/tabbar-item/index",
- "van-tag": "./dist/tag/index",packages/tag/demo/index.less,
+ "van-tag": "./dist/tag/index",
"van-tag-demo": "./dist/tag/demo/index",
"van-toast": "./dist/toast/index",
+ "van-toast-demo": "./dist/toast/demo/index",
"van-transition": "./dist/transition/index",
"van-tree-select": "./dist/tree-select/index",
"van-datetime-picker": "./dist/datetime-picker/index",
diff --git a/example/pages/toast/index.js b/example/pages/toast/index.js
index 7b30a623..cc11dfda 100644
--- a/example/pages/toast/index.js
+++ b/example/pages/toast/index.js
@@ -1,52 +1,3 @@
import Page from '../../common/page';
-import Toast from '../../dist/toast/toast';
-Page({
- showToast() {
- Toast('提示内容');
- },
-
- showLongToast() {
- Toast('这是一条长文字提示，超过一定字数就会换行');
- },
-
- showLoadingToast() {
- Toast.loading({ message: '加载中...', forbidClick: true });
- },
-
- showCustomLoadingToast() {
- Toast.loading({
- message: '加载中...',
- forbidClick: true,
- loadingType: 'spinner',
- });
- },
-
- showSuccessToast() {
- Toast.success('成功文案');
- },
-
- showFailToast() {
- Toast.fail('失败提示');
- },
-
- showCustomizedToast() {
- const text = (second) => `倒计时 ${second} 秒`;
- const toast = Toast.loading({
- duration: 0,
- forbidClick: true,
- message: text(3),
- });
-
- let second = 3;
- const timer = setInterval(() => {
- second--;
- if (second) {
- toast.setData({ message: text(second) });
- } else {
- clearInterval(timer);
- Toast.clear();
- }
- }, 1000);
- },
-});
+Page();
diff --git a/example/pages/toast/index.wxml b/example/pages/toast/index.wxml
index 67b83ce0..99081a39 100644
--- a/example/pages/toast/index.wxml
+++ b/example/pages/toast/index.wxml
@@ -1,20 +1 @@
-
- 文字提示
- 长文字提示
-
-
-
- 加载提示
- 自定义加载图标
-
-
-
- 成功提示
- 失败提示
-
-
-
- 动态更新提示
-
-
-
+
diff --git a/example/pages/toast/index.wxss b/example/pages/toast/index.wxss
deleted file mode 100644
index e69de29b..00000000
diff --git a/packages/toast/demo/index.json b/packages/toast/demo/index.json
new file mode 100644
index 00000000..0b85298b
--- /dev/null
+++ b/packages/toast/demo/index.json
@@ -0,0 +1,8 @@
+{
+ "component": true,
+ "usingComponents": {
+ "van-toast": "../../toast/index",
+ "van-button": "../../button/index",
+ "demo-block": "../../../example/components/demo-block/index"
+ }
+}
diff --git a/packages/toast/demo/index.ts b/packages/toast/demo/index.ts
new file mode 100644
index 00000000..08fc6520
--- /dev/null
+++ b/packages/toast/demo/index.ts
@@ -0,0 +1,59 @@
+import { VantComponent } from '../../common/component';
+import Toast from '../../toast/toast';
+
+VantComponent({
+ methods: {
+ showToast() {
+ Toast({ context: this, message: '提示内容' });
+ },
+
+ showLongToast() {
+ Toast({
+ context: this,
+ message: '这是一条长文字提示，超过一定字数就会换行',
+ });
+ },
+
+ showLoadingToast() {
+ Toast.loading({ context: this, message: '加载中...', forbidClick: true });
+ },
+
+ showCustomLoadingToast() {
+ Toast.loading({
+ context: this,
+ message: '加载中...',
+ forbidClick: true,
+ loadingType: 'spinner',
+ });
+ },
+
+ showSuccessToast() {
+ Toast.success({ context: this, message: '成功文案' });
+ },
+
+ showFailToast() {
+ Toast.fail({ context: this, message: '失败提示' });
+ },
+
+ showCustomizedToast() {
+ const text = (second) => `倒计时 ${second} 秒`;
+ const toast = Toast.loading({
+ context: this,
+ duration: 0,
+ forbidClick: true,
+ message: text(3),
+ });
+
+ let second = 3;
+ const timer = setInterval(() => {
+ second--;
+ if (second) {
+ toast?.setData({ message: text(second) });
+ } else {
+ clearInterval(timer);
+ Toast.clear();
+ }
+ }, 1000);
+ },
+ },
+});
diff --git a/packages/toast/demo/index.wxml b/packages/toast/demo/index.wxml
new file mode 100644
index 00000000..67b83ce0
--- /dev/null
+++ b/packages/toast/demo/index.wxml
@@ -0,0 +1,20 @@
+
+ 文字提示
+ 长文字提示
+
+
+
+ 加载提示
+ 自定义加载图标
+
+
+
+ 成功提示
+ 失败提示
+
+
+
+ 动态更新提示
+
+
+
diff --git a/packages/toast/test/__snapshots__/demo.spec.ts.snap b/packages/toast/test/__snapshots__/demo.spec.ts.snap
new file mode 100644
index 00000000..e2c2a69d
--- /dev/null
+++ b/packages/toast/test/__snapshots__/demo.spec.ts.snap
@@ -0,0 +1,305 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render demo and match snapshot 1`] = `
+
+
+
+
+ 文字提示
+
+
+
+
+ 文字提示
+
+
+
+
+
+
+ 长文字提示
+
+
+
+
+
+
+
+
+ 加载提示
+
+
+
+
+ 加载提示
+
+
+
+
+
+
+ 自定义加载图标
+
+
+
+
+
+
+
+
+ 成功/失败提示
+
+
+
+
+ 成功提示
+
+
+
+
+
+
+ 失败提示
+
+
+
+
+
+
+
+
+ 动态更新提示
+
+
+
+
+ 动态更新提示
+
+
+
+
+
+
+
+
+
+`;
diff --git a/packages/toast/test/demo.spec.ts b/packages/toast/test/demo.spec.ts
new file mode 100644
index 00000000..4c3798cb
--- /dev/null
+++ b/packages/toast/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();
+});