mirror of https://github.com/ElemeFE/element
107 lines
2.0 KiB
Vue
107 lines
2.0 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;
|
|
});
|
|
});
|
|
|
|
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');
|
|
});
|
|
});
|
|
|