mirror of https://github.com/ElemeFE/element
test: add change event test for input-number
parent
c856d9268b
commit
b85b67d928
|
@ -1,5 +1,7 @@
|
||||||
import { createVue, triggerEvent, triggerClick, destroyVM } from '../util';
|
import { createVue, triggerEvent, triggerClick, destroyVM } from '../util';
|
||||||
|
|
||||||
|
const DELAY = 1;
|
||||||
|
|
||||||
describe('InputNumber', () => {
|
describe('InputNumber', () => {
|
||||||
let vm;
|
let vm;
|
||||||
afterEach(() => {
|
afterEach(() => {
|
||||||
|
@ -263,30 +265,51 @@ describe('InputNumber', () => {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
it('event:change', done => {
|
describe('event:change', () => {
|
||||||
|
let spy;
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
vm = createVue({
|
vm = createVue({
|
||||||
template: `
|
template: `
|
||||||
<el-input-number v-model="value" ref="input">
|
<el-input-number v-model="value" ref="compo" :min='2' :max='3' :step='1'>
|
||||||
</el-input-number>
|
</el-input-number>
|
||||||
`,
|
`,
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
value: 1.5
|
value: 2
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}, true);
|
}, true);
|
||||||
|
spy = sinon.spy();
|
||||||
|
vm.$refs.compo.$on('change', spy);
|
||||||
|
});
|
||||||
|
|
||||||
let btnIncrease = vm.$el.querySelector('.el-input-number__increase');
|
it('emit on input', done => {
|
||||||
const spy = sinon.spy();
|
vm.$refs.compo.handleInput('3');
|
||||||
|
setTimeout(_ => {
|
||||||
vm.$refs.input.$on('change', spy);
|
expect(spy.calledOnce).to.be.true;
|
||||||
|
expect(spy.args[0][0]).to.equal(3);
|
||||||
|
done();
|
||||||
|
}, DELAY);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('emit on button', done => {
|
||||||
|
const btnIncrease = vm.$el.querySelector('.el-input-number__increase');
|
||||||
triggerEvent(btnIncrease, 'mousedown');
|
triggerEvent(btnIncrease, 'mousedown');
|
||||||
triggerClick(document, 'mouseup');
|
triggerClick(document, 'mouseup');
|
||||||
|
setTimeout(_ => {
|
||||||
vm.$nextTick(_ => {
|
expect(spy.calledOnce).to.be.true;
|
||||||
expect(spy.withArgs(2.5, 1.5).calledOnce).to.be.true;
|
expect(spy.args[0][0]).to.equal(3);
|
||||||
done();
|
done();
|
||||||
|
}, DELAY);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('does not emit on programatic change', done => {
|
||||||
|
vm.value = 3;
|
||||||
|
setTimeout(_ => {
|
||||||
|
expect(spy.notCalled).to.be.true;
|
||||||
|
done();
|
||||||
|
}, DELAY);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
it('event:focus & blur', done => {
|
it('event:focus & blur', done => {
|
||||||
|
|
Loading…
Reference in New Issue