70 lines
1.6 KiB
Vue
70 lines
1.6 KiB
Vue
|
import { createTest, createVue, destroyVM } from '../util';
|
||
|
|
import Alert from 'packages/alert';
|
||
|
|
|
||
|
|
describe('Alert', () => {
|
||
|
|
let vm;
|
||
|
|
afterEach(() => {
|
||
|
|
destroyVM(vm);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('create', () => {
|
||
|
|
vm = createTest(Alert, {
|
||
|
|
title: 'test',
|
||
|
|
showIcon: true
|
||
|
|
}, true);
|
||
|
|
expect(vm.$el.querySelector('.el-alert__title').textContent).to.equal('test');
|
||
|
|
expect(vm.$el.classList.contains('el-alert--info')).to.true;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('type', () => {
|
||
|
|
vm = createTest(Alert, {
|
||
|
|
title: 'test',
|
||
|
|
type: 'success',
|
||
|
|
showIcon: true
|
||
|
|
}, true);
|
||
|
|
expect(vm.$el.classList.contains('el-alert--success')).to.true;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('description', () => {
|
||
|
|
vm = createTest(Alert, {
|
||
|
|
title: 'Dorne',
|
||
|
|
description: 'Unbowed, Unbent, Unbroken',
|
||
|
|
showIcon: true
|
||
|
|
}, true);
|
||
|
|
expect(vm.$el.querySelector('.el-alert__description').textContent)
|
||
|
|
.to.equal('Unbowed, Unbent, Unbroken');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('theme', () => {
|
||
|
|
vm = createTest(Alert, {
|
||
|
|
title: 'test',
|
||
|
|
effect: 'dark'
|
||
|
|
}, true);
|
||
|
|
expect(vm.$el.classList.contains('is-dark')).to.true;
|
||
|
|
});
|
||
|
|
|
||
|
|
it('title slot', () => {
|
||
|
|
vm = createVue(`
|
||
|
|
<el-alert>
|
||
|
|
<span slot="title">foo</span>
|
||
|
|
</el-alert>
|
||
|
|
`);
|
||
|
|
|
||
|
|
expect(vm.$el.querySelector('.el-alert__title').textContent).to.equal('foo');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('close', () => {
|
||
|
|
vm = createVue({
|
||
|
|
template: `
|
||
|
|
<div>
|
||
|
|
<el-alert
|
||
|
|
title="test"
|
||
|
|
close-text="close"></el-alert>
|
||
|
|
</div>
|
||
|
|
`
|
||
|
|
}, true);
|
||
|
|
vm.$el.querySelector('.el-alert__closebtn').click();
|
||
|
|
expect(vm.$children[0].visible).to.false;
|
||
|
|
});
|
||
|
|
});
|