45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
|
import { createTest, destroyVM } from '../util';
|
||
|
|
import Row from 'packages/row';
|
||
|
|
|
||
|
|
describe('Row', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('create', () => {
|
||
|
|
vm = createTest(Row, true);
|
||
|
|
let rowElm = vm.$el;
|
||
|
|
expect(rowElm.classList.contains('el-row')).to.be.true;
|
||
|
|
});
|
||
|
|
it('gutter', () => {
|
||
|
|
vm = createTest(Row, {
|
||
|
|
gutter: 20
|
||
|
|
}, true);
|
||
|
|
let rowElm = vm.$el;
|
||
|
|
expect(rowElm.style.marginLeft).to.be.equal('-10px');
|
||
|
|
expect(rowElm.style.marginRight).to.be.equal('-10px');
|
||
|
|
});
|
||
|
|
it('type', () => {
|
||
|
|
vm = createTest(Row, {
|
||
|
|
type: 'flex'
|
||
|
|
}, true);
|
||
|
|
let rowElm = vm.$el;
|
||
|
|
expect(rowElm.classList.contains('el-row--flex')).to.be.true;
|
||
|
|
});
|
||
|
|
it('justify', () => {
|
||
|
|
vm = createTest(Row, {
|
||
|
|
justify: 'end'
|
||
|
|
}, true);
|
||
|
|
let rowElm = vm.$el;
|
||
|
|
expect(rowElm.classList.contains('is-justify-end')).to.be.true;
|
||
|
|
});
|
||
|
|
it('align', () => {
|
||
|
|
vm = createTest(Row, {
|
||
|
|
align: 'bottom'
|
||
|
|
}, true);
|
||
|
|
let rowElm = vm.$el;
|
||
|
|
expect(rowElm.classList.contains('is-align-bottom')).to.be.true;
|
||
|
|
});
|
||
|
|
});
|