mirror of https://github.com/ElemeFE/element
100 lines
2.4 KiB
JavaScript
100 lines
2.4 KiB
JavaScript
import { createVue } from '../util';
|
|
|
|
describe('Input', () => {
|
|
it('create', () => {
|
|
const vm = createVue({
|
|
template: `
|
|
<el-input
|
|
minlength="3"
|
|
maxlength="5"
|
|
placeholder="请输入内容"
|
|
value="input">
|
|
</el-input>
|
|
`
|
|
}, true);
|
|
let inputElm = vm.$el.querySelector('input');
|
|
expect(inputElm.getAttribute('placeholder')).to.equal('请输入内容');
|
|
expect(inputElm.value).to.equal('input');
|
|
expect(inputElm.getAttribute('minlength')).to.equal('3');
|
|
expect(inputElm.getAttribute('maxlength')).to.equal('5');
|
|
});
|
|
|
|
it('disabled', () => {
|
|
const vm = createVue({
|
|
template: `
|
|
<el-input disabled>
|
|
</el-input>
|
|
`
|
|
}, true);
|
|
expect(vm.$el.querySelector('input').getAttribute('disabled')).to.ok;
|
|
});
|
|
|
|
it('icon', () => {
|
|
const vm = createVue({
|
|
template: `
|
|
<el-input icon="time">
|
|
</el-input>
|
|
`
|
|
}, true);
|
|
expect(vm.$el.querySelector('.el-input__icon').classList.contains('el-icon-time')).to.true;
|
|
});
|
|
|
|
it('size', () => {
|
|
const vm = createVue({
|
|
template: `
|
|
<el-input size="large">
|
|
</el-input>
|
|
`
|
|
}, true);
|
|
|
|
expect(vm.$el.classList.contains('el-input-large')).to.true;
|
|
});
|
|
|
|
it('type', () => {
|
|
const vm = createVue({
|
|
template: `
|
|
<el-input type="textarea">
|
|
</el-input>
|
|
`
|
|
}, true);
|
|
|
|
expect(vm.$el.classList.contains('el-textarea')).to.true;
|
|
});
|
|
|
|
it('rows', () => {
|
|
const vm = createVue({
|
|
template: `
|
|
<el-input type="textarea" :rows="3">
|
|
</el-input>
|
|
`
|
|
}, true);
|
|
expect(vm.$el.querySelector('.el-textarea__inner').getAttribute('rows')).to.be.equal('3');
|
|
});
|
|
it('autosize', done => {
|
|
const vm = createVue({
|
|
template: `
|
|
<el-input
|
|
type="textarea"
|
|
autosize="{minRows: 3, maxRows: 5}"
|
|
v-model="textareaValue"
|
|
>
|
|
</el-input>
|
|
`,
|
|
data() {
|
|
return {
|
|
textareaValue: 'sda\ndasd\nddasdsda\ndasd\nddasdsda\ndasd\nddasdsda\ndasd\nddasd'
|
|
};
|
|
}
|
|
}, true).$children[0];
|
|
|
|
var originHeight = vm.textareaStyle.height;
|
|
expect(originHeight).to.be.not.equal('117px');
|
|
|
|
vm.$parent.textareaValue = '';
|
|
setTimeout(_ => {
|
|
expect(vm.textareaStyle.height).to.be.not.equal('54px');
|
|
done();
|
|
}, 200);
|
|
});
|
|
});
|