blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

test(NoticeBar): update test cases

Browse Source
This commit is contained in:
chenjiahan 2021-01-02 20:19:02 +08:00
parent b6efeaf4f9
commit 4fb58297d6
3 changed files with 65 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/notice-bar/test/__snapshots__/index.legacy.js.snap
View File

@ -1,25 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`icon slot 1`] = `
<div role="alert" class="van-notice-bar">Custom Left Icon<div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content" style="transition-duration: 0s;">
Content
</div>
</div>Custom Right Icon</div>
`;
exports[`should not scroll when content width > wrap width 1`] = `
<div role="alert" class="van-notice-bar">
<div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content" style="transition-duration: 0s;">foo</div>
</div>
</div>
`;
exports[`should scroll when content width > wrap width 1`] = `
<div role="alert" class="van-notice-bar">
<div role="marquee" class="van-notice-bar__wrap">
<div class="van-notice-bar__content" style="transition-duration: 2s; transform: translateX(-100px);">foo</div>
</div>
</div>
`;

51
src/notice-bar/test/__snapshots__/index.spec.js.snap Normal file
View File

@ -0,0 +1,51 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should not start scrolling when content width > wrap width 1`] = `
<div role="alert"
class="van-notice-bar"
>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content"
>
foo
</div>
</div>
</div>
`;
exports[`should render icon slot correct 1`] = `
<div role="alert"
class="van-notice-bar"
>
Custom Left Icon
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content"
>
Content
</div>
</div>
Custom Right Icon
</div>
`;
exports[`should start scrolling when content width > wrap width 1`] = `
<div role="alert"
class="van-notice-bar"
>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 2s; transform: translateX(-100px);"
class="van-notice-bar__content"
>
foo
</div>
</div>
</div>
`;

35
src/notice-bar/test/index.legacy.js → src/notice-bar/test/index.spec.js
View File

@ -1,14 +1,7 @@
import NoticeBar from '..';
import { mount, later } from '../../../test';
test('click event', () => {
const wrapper = mount(NoticeBar);
wrapper.trigger('click');
expect(wrapper.emitted('click')[0][0]).toBeTruthy();
});
test('close event', () => {
test('should emit close event when close icon is clicked', () => {
const wrapper = mount(NoticeBar, {
props: {
mode: 'closeable',
@ -20,24 +13,24 @@ test('close event', () => {
expect(wrapper.emitted('close')[0][0]).toBeTruthy();
});
test('icon slot', () => {
test('should render icon slot correct', () => {
const wrapper = mount({
template: `
<notice-bar>
render: () => (
<NoticeBar
v-slots={{
'left-icon': () => 'Custom Left Icon',
'right-icon': () => 'Custom Right Icon',
}}
>
Content
<template v-slot:left-icon>Custom Left Icon</template>
<template v-slot:right-icon>Custom Right Icon</template>
</notice-bar>
`,
components: {
NoticeBar,
},
</NoticeBar>
),
});
expect(wrapper.html()).toMatchSnapshot();
});
test('replay event', async () => {
test('should emit replay event after replay', async () => {
const wrapper = mount(NoticeBar, {
props: {
text: 'foo',
@ -49,7 +42,7 @@ test('replay event', async () => {
expect(wrapper.emitted('replay')).toBeTruthy();
});
test('should scroll when content width > wrap width ', async () => {
test('should start scrolling when content width > wrap width ', async () => {
const wrapper = mount(NoticeBar, {
props: {
text: 'foo',
@ -72,7 +65,7 @@ test('should scroll when content width > wrap width ', async () => {
expect(wrapper.html()).toMatchSnapshot();
});
test('should not scroll when content width > wrap width ', async () => {
test('should not start scrolling when content width > wrap width ', async () => {
const wrapper = mount(NoticeBar, {
props: {
text: 'foo',