[bugfix] Collapse: title slot not work (#2753)

This commit is contained in:
neverland
2019-02-15 19:22:13 +08:00
committed by GitHub
parent 170dcbf0d2
commit c5bd04e30a
3 changed files with 55 additions and 18 deletions

View File

@@ -42,24 +42,50 @@ test('basic mode', async () => {
wrapper.destroy();
});
// it('accordion', async () => {
// const wrapper = mount(component, {
// propsData: {
// accordion: true
// }
// });
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');
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);
titles.at(1).trigger('click');
expect(wrapper.vm.active).toEqual(1);
// await later();
// titles.at(0).trigger('click');
// expect(wrapper.vm.active).toEqual('first');
await later();
titles.at(0).trigger('click');
expect(wrapper.vm.active).toEqual('first');
// titles.at(0).trigger('click');
// expect(wrapper.vm.active).toEqual('');
// });
titles.at(0).trigger('click');
expect(wrapper.vm.active).toEqual('');
});
it('render collapse-item slot', () => {
const wrapper = mount({
template: `
<collapse v-model="active">
<collapse-item>
<template v-slot:title>this is title</template>
<template v-slot:value>this is value</template>
<template v-slot:icon>this is icon</template>
<template v-slot:right-icon>this is right icon</template>
</collapse-item>
</collapse>
`,
components: {
Collapse,
CollapseItem
},
data() {
return {
active: []
};
}
});
expect(wrapper).toMatchSnapshot();
});