mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-24 18:36:51 +08:00
66 lines
1.5 KiB
JavaScript
66 lines
1.5 KiB
JavaScript
import Collapse from '..';
|
|
import CollapseItem from '../../collapse-item';
|
|
import { later, mount } from '../../../test/utils';
|
|
|
|
const component = {
|
|
template: `
|
|
<collapse v-model="active" :accordion="accordion">
|
|
<collapse-item title="a" name="first">content</collapse-item>
|
|
<collapse-item title="b">content</collapse-item>
|
|
<collapse-item title="c">content</collapse-item>
|
|
</collapse>
|
|
`,
|
|
components: {
|
|
Collapse,
|
|
CollapseItem
|
|
},
|
|
props: {
|
|
accordion: Boolean
|
|
},
|
|
data() {
|
|
return {
|
|
active: this.accordion ? '' : []
|
|
};
|
|
}
|
|
};
|
|
|
|
test('basic mode', async () => {
|
|
const wrapper = mount(component);
|
|
|
|
const titles = wrapper.findAll('.van-collapse-item__title');
|
|
titles.at(0).trigger('click');
|
|
expect(wrapper.vm.active).toEqual(['first']);
|
|
|
|
await later();
|
|
titles.at(1).trigger('click');
|
|
expect(wrapper.vm.active).toEqual(['first', 1]);
|
|
|
|
await later();
|
|
titles.at(0).trigger('click');
|
|
expect(wrapper.vm.active).toEqual([1]);
|
|
|
|
wrapper.destroy();
|
|
});
|
|
|
|
// it('accordion', async () => {
|
|
// const wrapper = mount(component, {
|
|
// propsData: {
|
|
// accordion: true
|
|
// }
|
|
// });
|
|
|
|
// const titles = wrapper.findAll('.van-collapse-item__title');
|
|
// titles.at(0).trigger('click');
|
|
// expect(wrapper.vm.active).toEqual('first');
|
|
|
|
// titles.at(1).trigger('click');
|
|
// expect(wrapper.vm.active).toEqual(1);
|
|
|
|
// await later();
|
|
// titles.at(0).trigger('click');
|
|
// expect(wrapper.vm.active).toEqual('first');
|
|
|
|
// titles.at(0).trigger('click');
|
|
// expect(wrapper.vm.active).toEqual('');
|
|
// });
|