79 lines
2.0 KiB
Vue
79 lines
2.0 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;
|
|
});
|
|
it('responsive', () => {
|
|
vm = createVue({
|
|
template: `
|
|
<el-row :gutter="20">
|
|
<el-col ref="col" :sm="{ span: 4, offset: 2 }" :md="8" :lg="{ span: 6, offset: 3 }">
|
|
</el-col>
|
|
</el-row>
|
|
`
|
|
}, true);
|
|
let colElm = vm.$refs.col.$el;
|
|
expect(colElm.classList.contains('el-col-sm-4')).to.be.true;
|
|
expect(colElm.classList.contains('el-col-sm-offset-2')).to.be.true;
|
|
expect(colElm.classList.contains('el-col-lg-6')).to.be.true;
|
|
expect(colElm.classList.contains('el-col-lg-offset-3')).to.be.true;
|
|
expect(colElm.classList.contains('el-col-md-8')).to.be.true;
|
|
});
|
|
});
|