test(NoticeBar): add demo test

example/app.json

@@ -99,6 +99,7 @@
     "van-loading-demo": "./dist/loading/demo/index",
     "van-nav-bar": "./dist/nav-bar/index",
     "van-notice-bar": "./dist/notice-bar/index",
+    "van-notice-bar-demo": "./dist/notice-bar/demo/index",
     "van-notify": "./dist/notify/index",
     "van-notify-demo": "./dist/notify/demo/index",
     "van-panel": "./dist/panel/index",

example/pages/notice-bar/index.js

@@ -1,8 +1,3 @@
 import Page from '../../common/page';
 
-Page({
-  data: {
-    text: '在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。',
-    shortText: '技术是开发它的人的共同灵魂。',
-  },
-});
+Page();

example/pages/notice-bar/index.wxml

@@ -1,30 +1 @@
-<demo-block title="基础用法">
-  <van-notice-bar
-    text="{{ text }}"
-    left-icon="volume-o"
-  />
-</demo-block>
-
-<demo-block title="滚动模式">
-  <van-notice-bar scrollable text="{{ shortText }}" custom-class="demo-margin-bottom" />
-  <van-notice-bar scrollable="{{ false }}" text="{{ text }}" custom-class="demo-margin-bottom" />
-</demo-block>
-
-<demo-block title="多行展示">
-  <van-notice-bar wrapable scrollable="{{ false }}" text="{{ text }}" />
-</demo-block>
-
-<demo-block title="通知栏模式">
-  <van-notice-bar mode="closeable" text="{{ shortText }}" />
-  <van-notice-bar custom-class="margin-top" mode="link" text="{{ shortText }}" />
-</demo-block>
-
-<demo-block title="自定义样式">
-  <van-notice-bar
-    text="{{ shortText }}"
-    color="#1989fa"
-    background="#ecf9ff"
-    left-icon="info-o"
-  >
-  </van-notice-bar>
-</demo-block>
+<van-notice-bar-demo />

packages/notice-bar/demo/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-notice-bar": "../../notice-bar/index",
+    "demo-block": "../../../example/components/demo-block/index"
+  }
+}

packages/notice-bar/demo/index.less

@@ -1,4 +1,3 @@
-/* pages/notice-bar/index.wxss */
 .margin-top {
   margin-top: 4px;
 }

packages/notice-bar/demo/index.ts

@@ -0,0 +1,8 @@
+import { VantComponent } from '../../common/component';
+
+VantComponent({
+  data: {
+    text: '在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。',
+    shortText: '技术是开发它的人的共同灵魂。',
+  },
+});

packages/notice-bar/demo/index.wxml

@@ -0,0 +1,30 @@
+<demo-block title="基础用法">
+  <van-notice-bar
+    text="{{ text }}"
+    left-icon="volume-o"
+  />
+</demo-block>
+
+<demo-block title="滚动模式">
+  <van-notice-bar scrollable text="{{ shortText }}" custom-class="demo-margin-bottom" />
+  <van-notice-bar scrollable="{{ false }}" text="{{ text }}" custom-class="demo-margin-bottom" />
+</demo-block>
+
+<demo-block title="多行展示">
+  <van-notice-bar wrapable scrollable="{{ false }}" text="{{ text }}" />
+</demo-block>
+
+<demo-block title="通知栏模式">
+  <van-notice-bar mode="closeable" text="{{ shortText }}" />
+  <van-notice-bar custom-class="margin-top" mode="link" text="{{ shortText }}" />
+</demo-block>
+
+<demo-block title="自定义样式">
+  <van-notice-bar
+    text="{{ shortText }}"
+    color="#1989fa"
+    background="#ecf9ff"
+    left-icon="info-o"
+  >
+  </van-notice-bar>
+</demo-block>

packages/notice-bar/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();
+});