mirror of https://github.com/ElemeFE/element
63 lines
1.4 KiB
Vue
63 lines
1.4 KiB
Vue
import { createVue, destroyVM } from '../util';
|
|
|
|
describe('Col', () => {
|
|
let vm;
|
|
afterEach(() => {
|
|
destroyVM(vm);
|
|
});
|
|
|
|
it('create', () => {
|
|
vm = createVue({
|
|
template: `
|
|
<el-col :span="12">
|
|
</el-col>
|
|
`
|
|
}, true);
|
|
let colElm = vm.$el;
|
|
expect(colElm.classList.contains('el-col')).to.be.true;
|
|
});
|
|
it('span', () => {
|
|
vm = createVue({
|
|
template: `
|
|
<el-col :span="12">
|
|
</el-col>
|
|
`
|
|
}, true);
|
|
let colElm = vm.$el;
|
|
expect(colElm.classList.contains('el-col-12')).to.be.true;
|
|
});
|
|
it('pull', () => {
|
|
vm = createVue({
|
|
template: `
|
|
<el-col :span="12" :pull="3">
|
|
</el-col>
|
|
`
|
|
}, true);
|
|
let colElm = vm.$el;
|
|
expect(colElm.classList.contains('el-col-pull-3')).to.be.true;
|
|
});
|
|
it('push', () => {
|
|
vm = createVue({
|
|
template: `
|
|
<el-col :span="12" :push="3">
|
|
</el-col>
|
|
`
|
|
}, true);
|
|
let colElm = vm.$el;
|
|
expect(colElm.classList.contains('el-col-push-3')).to.be.true;
|
|
});
|
|
it('gutter', () => {
|
|
vm = createVue({
|
|
template: `
|
|
<el-row :gutter="20">
|
|
<el-col :span="12" ref="col">
|
|
</el-col>
|
|
</el-row>
|
|
`
|
|
}, true);
|
|
let colElm = vm.$refs.col.$el;
|
|
expect(colElm.style.paddingLeft === '10px').to.be.true;
|
|
expect(colElm.style.paddingRight === '10px').to.be.true;
|
|
});
|
|
});
|