feat(NoticeBar): add replay event (youzan#6079)

0muxi0 · Apr 17, 2020 · e95e097 · e95e097
1 parent 31674a1
commit e95e097
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 9 deletions.
diff --git a/src/notice-bar/README.md b/src/notice-bar/README.md
@@ -71,10 +71,11 @@ Vue.use(NoticeBar);
 
 ### Events
 
-| Event | Description                    | Arguments      |
-| ----- | ------------------------------ | -------------- |
-| click | Triggered when click NoticeBar | _event: Event_ |
-| close | Triggered when closed          | _event: Event_ |
+| Event           | Description                    | Arguments      |
+| --------------- | ------------------------------ | -------------- |
+| click           | Triggered when click NoticeBar | _event: Event_ |
+| close           | Triggered when closed          | _event: Event_ |
+| replay `v2.6.2` | Triggered when replay          | -              |
 
 ### Slots
 

diff --git a/src/notice-bar/README.zh-CN.md b/src/notice-bar/README.zh-CN.md
@@ -79,10 +79,11 @@ Vue.use(NoticeBar);
 
 ### Events
 
-| 事件名 | 说明             | 回调参数       |
-| ------ | ---------------- | -------------- |
-| click  | 点击通知栏时触发 | _event: Event_ |
-| close  | 关闭通知栏时触发 | _event: Event_ |
+| 事件名          | 说明                         | 回调参数       |
+| --------------- | ---------------------------- | -------------- |
+| click           | 点击通知栏时触发             | _event: Event_ |
+| close           | 关闭通知栏时触发             | _event: Event_ |
+| replay `v2.6.2` | 每当滚动栏重新开始滚动时触发 | -              |
 
 ### Slots
 

diff --git a/src/notice-bar/index.js b/src/notice-bar/index.js
@@ -72,6 +72,7 @@ export default createComponent({
       this.$nextTick(() => {
         this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;
         this.animationClass = bem('play--infinite');
+        this.$emit('replay');
       });
     },
   },

diff --git a/src/notice-bar/test/index.spec.js b/src/notice-bar/test/index.spec.js
@@ -1,5 +1,5 @@
 import NoticeBar from '..';
-import { mount } from '../../../test';
+import { mount, later } from '../../../test';
 
 test('click event', () => {
   const wrapper = mount(NoticeBar);
@@ -36,3 +36,15 @@ test('icon slot', () => {
 
   expect(wrapper).toMatchSnapshot();
 });
+
+test('replay event', async () => {
+  const wrapper = mount(NoticeBar, {
+    propsData: {
+      text: 'foo',
+    },
+  });
+
+  wrapper.find('.van-notice-bar__content').trigger('animationend');
+  await later();
+  expect(wrapper.emitted('replay')).toBeTruthy();
+});