ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-18 01:17:15 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[Improvement] Field: support autosize maxHeight & minHeight (#718)

Browse Source
This commit is contained in:
neverland
2018-03-19 11:06:46 +08:00
committed by GitHub
parent 4ae26ac8be
commit 326b2d4c51
5 changed files with 69 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
test/specs/field.spec.js
View File

@@ -66,23 +66,26 @@ describe('Field', () => {
});
});
it('create a textarea field', () => {
it('create a textarea field', (done) => {
wrapper = mount(Field, {
propsData: {
type: 'textarea',
autosize: false
autosize: true
}
});
expect(wrapper.hasClass('van-field')).to.be.true;
expect(wrapper.hasClass('van-field--has-textarea')).to.be.true;
setTimeout(() => {
expect(wrapper.hasClass('van-field')).to.be.true;
expect(wrapper.hasClass('van-field--has-textarea')).to.be.true;
done();
}, 50);
});
it('create a autosize textarea field', (done) => {
wrapper = mount(Field, {
propsData: {
type: 'textarea',
autosize: true
autosize: {}
}
});
@@ -98,15 +101,49 @@ describe('Field', () => {
const textAreaDiff = (parseInt(textareaElement.style.paddingBottom, 10) +
parseInt(textareaElement.style.paddingTop, 10)) || 0;
textareaElement.value = 'test';
const longText = 'testtesttesttesttesttesttest';
textareaElement.value = longText;
textarea.trigger('input');
wrapper.update();
setTimeout(() => {
expect(wrapper.find('.van-field__control')[0].element.value).to.equal('test');
expect(wrapper.find('.van-field__control')[0].element.value).to.equal(longText);
expect(textareaElement.style.height).to.equal((textareaElement.scrollHeight - textAreaDiff) + 'px');
done();
}, 500);
}, 50);
});
it('autosize object', (done) => {
wrapper = mount(Field, {
propsData: {
type: 'textarea',
autosize: {
maxHeight: 100,
minHeight: 50
}
}
});
wrapper.vm.$on('input', val => {
wrapper.vm.value = val;
});
expect(wrapper.hasClass('van-field')).to.be.true;
expect(wrapper.hasClass('van-field--autosize')).to.be.true;
const textarea = wrapper.find('.van-field__control')[0];
const textareaElement = textarea.element;
const longText = 'testtesttesttesttesttesttest';
textareaElement.value = longText;
textarea.trigger('input');
wrapper.update();
setTimeout(() => {
expect(wrapper.find('.van-field__control')[0].element.value).to.equal(longText);
expect(textareaElement.style.height).to.equal(('50px'));
done();
}, 50);
});
it('show icon when has value and icon props', () => {