129 lines
2.5 KiB
Vue
129 lines
2.5 KiB
Vue
|
import { createTest, createVue, destroyVM } from '../util';
|
||
|
|
import Container from 'packages/container';
|
||
|
|
import Header from 'packages/header';
|
||
|
|
import Main from 'packages/main';
|
||
|
|
import Aside from 'packages/aside';
|
||
|
|
import Footer from 'packages/footer';
|
||
|
|
|
||
|
|
describe('Container', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('create', () => {
|
||
|
|
vm = createTest(Container, true);
|
||
|
|
expect(vm.$el).to.exist;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('vertical', () => {
|
||
|
|
vm = createVue({
|
||
|
|
template: `
|
||
|
|
<el-container>
|
||
|
|
<el-header></el-header>
|
||
|
|
<el-main></el-main>
|
||
|
|
</el-container>
|
||
|
|
`
|
||
|
|
}, true);
|
||
|
|
expect(vm.$children[0].$el.classList.contains('is-vertical')).to.true;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('direction', done => {
|
||
|
|
vm = createVue({
|
||
|
|
template: `
|
||
|
|
<el-container :direction="direction">
|
||
|
|
<el-header></el-header>
|
||
|
|
<el-main></el-main>
|
||
|
|
</el-container>
|
||
|
|
`,
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
direction: 'horizontal'
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}, true);
|
||
|
|
expect(vm.$children[0].$el.classList.contains('is-vertical')).not.to.true;
|
||
|
|
vm.direction = 'vertical';
|
||
|
|
vm.$nextTick(() => {
|
||
|
|
expect(vm.$children[0].$el.classList.contains('is-vertical')).to.true;
|
||
|
|
done();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('Header', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('create', () => {
|
||
|
|
vm = createTest(Header, true);
|
||
|
|
expect(vm.$el).to.exist;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('height', () => {
|
||
|
|
vm = createVue({
|
||
|
|
template: `
|
||
|
|
<el-header height="100px"></el-header>
|
||
|
|
`
|
||
|
|
}, true);
|
||
|
|
expect(vm.$children[0].$el.style.height).to.equal('100px');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('Aside', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('create', () => {
|
||
|
|
vm = createTest(Aside, true);
|
||
|
|
expect(vm.$el).to.exist;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('width', () => {
|
||
|
|
vm = createVue({
|
||
|
|
template: `
|
||
|
|
<el-aside width="200px"></el-aside>
|
||
|
|
`
|
||
|
|
}, true);
|
||
|
|
expect(vm.$children[0].$el.style.width).to.equal('200px');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('Main', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('create', () => {
|
||
|
|
vm = createTest(Main, true);
|
||
|
|
expect(vm.$el).to.exist;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('Footer', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('create', () => {
|
||
|
|
vm = createTest(Footer, true);
|
||
|
|
expect(vm.$el).to.exist;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('height', () => {
|
||
|
|
vm = createVue({
|
||
|
|
template: `
|
||
|
|
<el-footer height="100px"></el-footer>
|
||
|
|
`
|
||
|
|
}, true);
|
||
|
|
expect(vm.$children[0].$el.style.height).to.equal('100px');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|