diff --git a/src/tag/README.zh-CN.md b/src/tag/README.zh-CN.md index d9e0ec6e6..4636b516d 100644 --- a/src/tag/README.zh-CN.md +++ b/src/tag/README.zh-CN.md @@ -98,14 +98,14 @@ export default { | 参数 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | -| type | 类型,可选值为`primary` `success` `danger` `warning` | _string_ | `default` | -| size | 大小, 可选值为`large` `medium` | _string_ | - | +| type | 类型,可选值为 `primary` `success` `danger` `warning` | _string_ | `default` | +| size | 大小, 可选值为 `large` `medium` | _string_ | - | | color | 标签颜色 | _string_ | - | | show | 是否展示标签 | _boolean_ | `true` | | plain | 是否为空心样式 | _boolean_ | `false` | | round | 是否为圆角样式 | _boolean_ | `false` | | mark | 是否为标记样式 | _boolean_ | `false` | -| text-color | 文本颜色,优先级高于`color`属性 | _string_ | `white` | +| text-color | 文本颜色,优先级高于 `color` 属性 | _string_ | `white` | | closeable | 是否为可关闭标签 | _boolean_ | `false` | ### Slots diff --git a/src/tag/test/__snapshots__/index.spec.js.snap b/src/tag/test/__snapshots__/index.spec.js.snap new file mode 100644 index 000000000..b7a22b9db --- /dev/null +++ b/src/tag/test/__snapshots__/index.spec.js.snap @@ -0,0 +1,7 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`should hide tag when the show prop is false 1`] = ` + + + +`; diff --git a/src/tag/test/index.legacy.js b/src/tag/test/index.legacy.js deleted file mode 100644 index ad860b30b..000000000 --- a/src/tag/test/index.legacy.js +++ /dev/null @@ -1,54 +0,0 @@ -import Tag from '..'; -import { mount } from '@vue/test-utils'; - -test('click event', () => { - const click = jest.fn(); - const wrapper = mount(Tag, { - context: { - on: { - click, - }, - }, - }); - - wrapper.trigger('click'); - expect(click).toHaveBeenCalledTimes(1); -}); - -test('close event', () => { - const close = jest.fn(); - const wrapper = mount(Tag, { - props: { - closeable: true, - }, - context: { - on: { - close, - }, - }, - }); - - wrapper.find('.van-tag__close').trigger('click'); - expect(close).toHaveBeenCalledTimes(1); -}); - -test('should not trigger click event when close', () => { - const close = jest.fn(); - const click = jest.fn(); - - const wrapper = mount(Tag, { - props: { - closeable: true, - }, - context: { - on: { - close, - click, - }, - }, - }); - - wrapper.find('.van-tag__close').trigger('click'); - expect(close).toHaveBeenCalledTimes(1); - expect(click).toHaveBeenCalledTimes(0); -}); diff --git a/src/tag/test/index.spec.js b/src/tag/test/index.spec.js new file mode 100644 index 000000000..7028e177c --- /dev/null +++ b/src/tag/test/index.spec.js @@ -0,0 +1,38 @@ +import Tag from '..'; +import { mount } from '@vue/test-utils'; + +test('should emit close event when clicking the close icon', () => { + const wrapper = mount(Tag, { + props: { + closeable: true, + }, + }); + + wrapper.find('.van-tag__close').trigger('click'); + expect(wrapper.emitted('close').length).toEqual(1); +}); + +test('should hide tag when the show prop is false', () => { + const wrapper = mount(Tag, { + props: { + show: false, + }, + }); + expect(wrapper.html()).toMatchSnapshot(); +}); + +test('should not trigger click event when clicking the close icon', () => { + const onClick = jest.fn(); + const wrapper = mount(Tag, { + props: { + onClick, + closeable: true, + }, + }); + + wrapper.find('.van-tag__close').trigger('click'); + expect(onClick).toHaveBeenCalledTimes(0); + + wrapper.trigger('click'); + expect(onClick).toHaveBeenCalledTimes(1); +});