mirror of https://github.com/ElemeFE/element
56 lines
1.5 KiB
Vue
56 lines
1.5 KiB
Vue
import { createTest } from '../util';
|
|
import Button from 'packages/button';
|
|
|
|
describe('Button', () => {
|
|
it('create', () => {
|
|
const vm = createTest(Button, {
|
|
type: 'primary'
|
|
}, true);
|
|
let buttonElm = vm.$el;
|
|
expect(buttonElm.classList.contains('el-button--primary')).to.be.true;
|
|
});
|
|
it('icon', () => {
|
|
const vm = createTest(Button, {
|
|
icon: 'search'
|
|
}, true);
|
|
let buttonElm = vm.$el;
|
|
expect(buttonElm.querySelector('.el-icon-search')).to.be.ok;
|
|
});
|
|
it('nativeType', () => {
|
|
const vm = createTest(Button, {
|
|
nativeType: 'submit'
|
|
}, true);
|
|
let buttonElm = vm.$el;
|
|
expect(buttonElm.getAttribute('type')).to.be.equal('submit');
|
|
});
|
|
it('loading', () => {
|
|
const vm = createTest(Button, {
|
|
loading: true
|
|
}, true);
|
|
let buttonElm = vm.$el;
|
|
expect(buttonElm.classList.contains('is-loading')).to.be.true;
|
|
expect(buttonElm.querySelector('.el-icon-loading')).to.be.ok;
|
|
});
|
|
it('disabled', () => {
|
|
const vm = createTest(Button, {
|
|
disabled: true
|
|
}, true);
|
|
let buttonElm = vm.$el;
|
|
expect(buttonElm.classList.contains('is-disabled')).to.be.true;
|
|
});
|
|
it('size', () => {
|
|
const vm = createTest(Button, {
|
|
size: 'large'
|
|
}, true);
|
|
let buttonElm = vm.$el;
|
|
expect(buttonElm.classList.contains('el-button--large')).to.be.true;
|
|
});
|
|
it('plain', () => {
|
|
const vm = createTest(Button, {
|
|
plain: true
|
|
}, true);
|
|
let buttonElm = vm.$el;
|
|
expect(buttonElm.classList.contains('is-plain')).to.be.true;
|
|
});
|
|
});
|