mirrors/element
1
0
Fork 0
mirror of https://github.com/ElemeFE/element.git synced 2025-12-19 12:04:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

input number fix change event & improve

Browse Source
This commit is contained in:
baiyaaaaa
2016-12-27 09:24:59 +08:00
committed by 杨奕
parent 882a9d796e
commit 190211d4a9
3 changed files with 97 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
test/unit/specs/input-number.spec.js
View File

@@ -38,22 +38,14 @@ describe('InputNumber', () => {
let input = vm.$el.querySelector('input');
let btnDecrease = vm.$el.querySelector('.el-input-number__decrease');
triggerEvent(btnDecrease, 'mouseenter');
triggerEvent(btnDecrease, 'mousedown');
triggerEvent(document, 'mouseup');
setTimeout(_ => {
expect(vm.$el.querySelector('.el-input.is-active')).to.exist;
vm.$nextTick(_ => {
expect(vm.value).to.be.equal(4);
expect(input.value).to.be.equal('4');
triggerEvent(btnDecrease, 'mouseleave');
vm.$nextTick(_ => {
expect(vm.$el.querySelector('.el-input.is-active')).to.not.exist;
done();
});
}, 300);
done();
});
});
it('increase', done => {
vm = createVue({
@@ -74,11 +66,11 @@ describe('InputNumber', () => {
triggerEvent(btnIncrease, 'mousedown');
triggerEvent(document, 'mouseup');
setTimeout(_ => {
vm.$nextTick(_ => {
expect(vm.value).to.be.equal(2.5);
expect(input.value).to.be.equal('2.5');
done();
}, 100);
});
});
it('disabled', done => {
vm = createVue({
@@ -100,19 +92,19 @@ describe('InputNumber', () => {
triggerEvent(btnDecrease, 'mousedown');
triggerEvent(document, 'mouseup');
triggerEvent(btnIncrease, 'mousedown');
triggerEvent(document, 'mouseup');
setTimeout(_ => {
vm.$nextTick(_ => {
expect(vm.value).to.be.equal(2);
expect(input.value).to.be.equal('2');
setTimeout(_ => {
triggerEvent(btnIncrease, 'mousedown');
triggerEvent(document, 'mouseup');
vm.$nextTick(_ => {
expect(vm.value).to.be.equal(2);
expect(input.value).to.be.equal('2');
done();
}, 100);
}, 100);
});
});
});
it('step', done => {
vm = createVue({
@@ -134,19 +126,19 @@ describe('InputNumber', () => {
triggerEvent(btnIncrease, 'mousedown');
triggerEvent(document, 'mouseup');
setTimeout(_ => {
vm.$nextTick(_ => {
expect(vm.value).to.be.equal(8.2);
expect(input.value).to.be.equal('8.2');
triggerEvent(btnDecrease, 'mousedown');
triggerEvent(document, 'mouseup');
setTimeout(_ => {
vm.$nextTick(_ => {
expect(vm.value).to.be.equal(5);
expect(input.value).to.be.equal('5');
done();
}, 100);
}, 100);
});
});
});
it('min', done => {
vm = createVue({
@@ -181,11 +173,11 @@ describe('InputNumber', () => {
triggerEvent(btnDecrease, 'mousedown');
triggerEvent(document, 'mouseup');
setTimeout(_ => {
vm.$nextTick(_ => {
expect(vm.value).to.be.equal(6);
expect(input.value).to.be.equal('6');
done();
}, 100);
});
});
it('max', done => {
vm = createVue({
@@ -220,11 +212,11 @@ describe('InputNumber', () => {
triggerEvent(btnIncrease, 'mousedown');
triggerEvent(document, 'mouseup');
setTimeout(_ => {
vm.$nextTick(_ => {
expect(vm.value).to.be.equal(8);
expect(input.value).to.be.equal('8');
done();
}, 100);
});
});
it('controls', () => {
vm = createVue({
@@ -242,4 +234,30 @@ describe('InputNumber', () => {
expect(vm.$el.querySelector('.el-input-number__decrease')).to.not.exist;
expect(vm.$el.querySelector('.el-input-number__increase')).to.not.exist;
});
it('event:change', done => {
vm = createVue({
template: `
<el-input-number v-model="value" ref="input">
</el-input-number>
`,
data() {
return {
value: 1.5
};
}
}, true);
let btnIncrease = vm.$el.querySelector('.el-input-number__increase');
const spy = sinon.spy();
vm.$refs.input.$on('change', spy);
triggerEvent(btnIncrease, 'mousedown');
triggerEvent(document, 'mouseup');
vm.$nextTick(_ => {
expect(spy.withArgs(2.5, 1.5).calledOnce).to.be.true;
done();
});
});
});