mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
9084a662c3
* [Document] add english document of Checkbox * [Document] add english document of Field * [Document] add english document of NumberKeyboard * [bugfix] NumberKeyboard should not dispaly title when title is empty * [Document] add english document of PasswordInput * [Document] add english document of Radio * [document] add english document of Switch * [bugfix] remove redundent styles in english document * [Document] fix details * fix Switch test cases
99 lines
2.2 KiB
JavaScript
99 lines
2.2 KiB
JavaScript
import Switch from 'packages/switch';
|
|
import VanLoading from 'packages/loading';
|
|
import { mount } from 'avoriaz';
|
|
|
|
describe('Switch', () => {
|
|
let wrapper;
|
|
|
|
afterEach(() => {
|
|
wrapper && wrapper.destroy();
|
|
});
|
|
|
|
it('create on switch', () => {
|
|
wrapper = mount(Switch, {
|
|
propsData: {
|
|
value: true
|
|
}
|
|
});
|
|
|
|
expect(wrapper.hasClass('van-switch')).to.be.true;
|
|
expect(wrapper.hasClass('van-switch--on')).to.be.true;
|
|
});
|
|
|
|
it('create off switch', () => {
|
|
wrapper = mount(Switch, {
|
|
propsData: {
|
|
value: false
|
|
}
|
|
});
|
|
|
|
expect(wrapper.hasClass('van-switch')).to.be.true;
|
|
expect(wrapper.hasClass('van-switch--off')).to.be.true;
|
|
});
|
|
|
|
it('create loading switch', () => {
|
|
wrapper = mount(Switch, {
|
|
propsData: {
|
|
loading: true
|
|
}
|
|
});
|
|
const loading = wrapper.find(VanLoading)[0];
|
|
|
|
expect(wrapper.hasClass('van-switch')).to.be.true;
|
|
expect(loading.isVueComponent).to.be.true;
|
|
});
|
|
|
|
it('loading switch should be unclickable', () => {
|
|
wrapper = mount(Switch, {
|
|
propsData: {
|
|
loading: true,
|
|
value: true
|
|
}
|
|
});
|
|
|
|
expect(wrapper.hasClass('van-switch--on')).to.be.true;
|
|
wrapper.trigger('click');
|
|
expect(wrapper.hasClass('van-switch--on')).to.be.true;
|
|
});
|
|
|
|
it('create disabled switch', () => {
|
|
wrapper = mount(Switch, {
|
|
propsData: {
|
|
disabled: true
|
|
}
|
|
});
|
|
|
|
expect(wrapper.hasClass('van-switch')).to.be.true;
|
|
expect(wrapper.hasClass('van-switch--disabled')).to.be.true;
|
|
});
|
|
|
|
it('disabled switch should be unclickable', () => {
|
|
wrapper = mount(Switch, {
|
|
propsData: {
|
|
disabled: true,
|
|
value: false
|
|
}
|
|
});
|
|
|
|
expect(wrapper.hasClass('van-switch--off')).to.be.true;
|
|
wrapper.trigger('click');
|
|
expect(wrapper.hasClass('van-switch--off')).to.be.true;
|
|
});
|
|
|
|
it('click should toggle the switch', () => {
|
|
wrapper = mount(Switch, {
|
|
propsData: {
|
|
value: false
|
|
}
|
|
});
|
|
|
|
wrapper.vm.$on('input', val => {
|
|
wrapper.vm.value = val;
|
|
});
|
|
|
|
expect(wrapper.hasClass('van-switch--off')).to.be.true;
|
|
wrapper.trigger('click');
|
|
expect(wrapper.hasClass('van-switch--on')).to.be.true;
|
|
});
|
|
});
|