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

Field: support $attrs & $listeners

Browse Source
This commit is contained in:
陈嘉涵
2017-09-22 14:54:05 +08:00
parent 910739905c
commit 72b013a440
8 changed files with 121 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
test/unit/specs/field.spec.js
View File

@@ -38,16 +38,12 @@ describe('Field', () => {
}
});
expect(wrapper.hasClass('van-field')).to.be.true;
expect(wrapper.data().currentValue).to.equal('test');
const eventStub = sinon.stub(wrapper.vm, '$emit');
wrapper.vm.value = 'test2';
wrapper.update();
wrapper.vm.$nextTick(() => {
expect(wrapper.data().currentValue).to.equal('test2');
expect(eventStub.calledWith('input'));
expect(wrapper.find('.van-field__control')[0].element.value).to.equal('test2');
done();
});
});
@@ -70,25 +66,6 @@ describe('Field', () => {
});
});
it('input something to field', (done) => {
wrapper = mount(Field, {
propsData: {
value: ''
}
});
const input = wrapper.find('.van-field__control')[0];
input.element.value = 'test';
input.trigger('input');
wrapper.update();
wrapper.vm.$nextTick(() => {
expect(wrapper.data().currentValue).to.equal('test');
done();
});
});
it('create a textarea field', () => {
wrapper = mount(Field, {
propsData: {
@@ -98,7 +75,7 @@ describe('Field', () => {
});
expect(wrapper.hasClass('van-field')).to.be.true;
expect(wrapper.hasClass('van-field--hastextarea')).to.be.true;
expect(wrapper.hasClass('van-field--has-textarea')).to.be.true;
});
it('create a autosize textarea field', (done) => {
@@ -109,6 +86,10 @@ describe('Field', () => {
}
});
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;
@@ -122,7 +103,7 @@ describe('Field', () => {
wrapper.update();
setTimeout(() => {
expect(wrapper.data().currentValue).to.equal('test');
expect(wrapper.find('.van-field__control')[0].element.value).to.equal('test');
expect(textareaElement.style.height).to.equal((textareaElement.scrollHeight - textAreaDiff) + 'px');
done();
}, 500);
@@ -136,6 +117,7 @@ describe('Field', () => {
}
});
wrapper.find('.van-field__icon')[0].trigger('touchstart');
expect(wrapper.find('.van-field__icon').length).to.equal(1);
});
@@ -148,7 +130,7 @@ describe('Field', () => {
}
});
wrapper.find('.van-field__icon')[0].trigger('click');
wrapper.find('.van-field__icon')[0].trigger('touchstart');
expect(fn.calledOnce).to.be.true;
});