test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-01 03:38:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

add radio test

Browse Source
This commit is contained in:
baiyaaaaa 2016-10-20 17:56:08 +08:00
parent d4ec462340
commit f3f2008b6d
1 changed files with 96 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
test/unit/specs/radio.spec.js Normal file
View File

@ -0,0 +1,96 @@
import { createVue } from '../util';
describe('Radio', () => {
it('create', done => {
const vm = createVue({
template: `
<el-radio v-model="radio" label="a">
</el-radio>
`,
data() {
return {
radio: ''
};
}
}, true);
let radioElm = vm.$el;
expect(radioElm.classList.contains('el-radio')).to.be.true;
radioElm.click();
vm.$nextTick(_ => {
expect(radioElm.querySelector('.is-checked')).to.be.ok;
done();
});
});
it('disabled', done => {
const vm = createVue({
template: `
<el-radio
v-model="radio"
label="3"
disabled
>
</el-radio>
`,
data() {
return {
radio: ''
};
}
}, true);
let radioElm = vm.$el;
radioElm.click();
vm.$nextTick(_ => {
expect(vm.radio === '').to.be.true;
expect(radioElm.querySelector('.is-disabled')).to.be.ok;
done();
});
});
it('radio group', done => {
const vm = createVue({
template: `
<el-radio-group v-model="radio">
<el-radio :label="3" ref="radio1">备选项</el-radio>
<el-radio :label="6" ref="radio2">备选项</el-radio>
<el-radio :label="9">备选项</el-radio>
</el-radio-group>
`,
data() {
return {
radio: 3
};
}
}, true);
expect(vm.$refs.radio1.$el.querySelector('.is-checked')).to.be.ok;
let radioElm = vm.$refs.radio2.$el;
radioElm.click();
vm.$nextTick(_ => {
expect(radioElm.querySelector('.is-checked')).to.be.ok;
expect(vm.radio === 6).to.be.true;
done();
});
});
it('radio button', done => {
const vm = createVue({
template: `
<el-radio-group v-model="radio">
<el-radio-button :label="3" ref="radio1">备选项</el-radio-button>
<el-radio-button :label="6" ref="radio2">备选项</el-radio-button>
<el-radio-button :label="9">备选项</el-radio-button>
</el-radio-group>
`,
data() {
return {
radio: 3
};
}
}, true);
expect(vm.$refs.radio1.$el.classList.contains('is-active')).to.be.true;
let radio = vm.$refs.radio2;
radio.$el.click();
vm.$nextTick(_ => {
expect(radio.$el.classList.contains('is-active')).to.be.true;
expect(vm.radio === 6).to.be.true;
done();
});
});
});