63 lines
1.2 KiB
JavaScript
63 lines
1.2 KiB
JavaScript
import { mount } from '@vue/test-utils';
|
|
|
|
test('click grid item', () => {
|
|
const onClick = jest.fn();
|
|
const wrapper = mount({
|
|
template: `
|
|
<van-grid>
|
|
<van-grid-item @click="onClick" />
|
|
</van-grid>
|
|
`,
|
|
methods: {
|
|
onClick,
|
|
},
|
|
});
|
|
|
|
const Item = wrapper.find('.van-grid-item__content');
|
|
Item.trigger('click');
|
|
|
|
expect(onClick).toHaveBeenCalledTimes(1);
|
|
});
|
|
|
|
test('sqaure and set gutter', () => {
|
|
const wrapper = mount({
|
|
template: `
|
|
<van-grid square :column-num="2" gutter="10rem">
|
|
<van-grid-item />
|
|
<van-grid-item />
|
|
<van-grid-item />
|
|
</van-grid>
|
|
`,
|
|
});
|
|
|
|
expect(wrapper.html()).toMatchSnapshot();
|
|
});
|
|
|
|
test('icon-size prop', () => {
|
|
const wrapper = mount({
|
|
template: `
|
|
<van-grid icon-size="10">
|
|
<van-grid-item icon="success" />
|
|
</van-grid>
|
|
`,
|
|
});
|
|
|
|
expect(wrapper.html()).toMatchSnapshot();
|
|
});
|
|
|
|
test('render icon-slot', () => {
|
|
const wrapper = mount({
|
|
template: `
|
|
<van-grid icon-size="10">
|
|
<van-grid-item badge="1">
|
|
<template #icon>
|
|
<div>Custom Icon</div>
|
|
</template>
|
|
</van-grid-item>
|
|
</van-grid>
|
|
`,
|
|
});
|
|
|
|
expect(wrapper.html()).toMatchSnapshot();
|
|
});
|