mirror of https://github.com/ElemeFE/element
48 lines
1.2 KiB
Vue
48 lines
1.2 KiB
Vue
import { createTest, createVue } from '../util';
|
|
import Alert from 'packages/alert';
|
|
|
|
describe('Alert', () => {
|
|
it('create', () => {
|
|
const 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', () => {
|
|
const vm = createTest(Alert, {
|
|
title: 'test',
|
|
type: 'success',
|
|
showIcon: true
|
|
}, true);
|
|
expect(vm.$el.classList.contains('el-alert--success')).to.true;
|
|
expect(vm.$el.querySelector('.el-icon-circle-check')).to.exist;
|
|
});
|
|
|
|
it('description', () => {
|
|
const 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('close', () => {
|
|
const 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;
|
|
});
|
|
});
|