diff --git a/test/unit/components/number-keyboard.vue b/test/unit/components/number-keyboard.vue new file mode 100644 index 000000000..b6cd28b8d --- /dev/null +++ b/test/unit/components/number-keyboard.vue @@ -0,0 +1,19 @@ + + + diff --git a/test/unit/specs/number-keyboard.spec.js b/test/unit/specs/number-keyboard.spec.js index 526a65885..d096722e4 100644 --- a/test/unit/specs/number-keyboard.spec.js +++ b/test/unit/specs/number-keyboard.spec.js @@ -1,17 +1,12 @@ import NumberKeyboard from 'packages/number-keyboard'; +import NumberKeyboardKeepAlive from '../components/number-keyboard'; import { mount } from 'avoriaz'; import { triggerTouch } from '../utils'; function mockKeyDown(wrapper, keyIndex) { const customEvent = document.createEvent('CustomEvent'); customEvent.initCustomEvent('touchstart', true, true, {}); - Object.defineProperty(customEvent, 'target', { - value: { - dataset: { - key: keyIndex - } - } - }); + wrapper.element.dataset.key = keyIndex; wrapper.element.dispatchEvent(customEvent); } @@ -82,11 +77,12 @@ describe('NumberKeyboard', () => { const show = sinon.spy(); wrapper.vm.$on('show', show); wrapper.vm.show = true; + wrapper.trigger('animationend'); setTimeout(() => { expect(show.calledOnce).to.be.true; done(); - }, 800); + }, 100); }); it('listen to show event when no transtion', (done) => { @@ -118,11 +114,12 @@ describe('NumberKeyboard', () => { const hide = sinon.spy(); wrapper.vm.$on('hide', hide); wrapper.vm.show = false; + wrapper.trigger('animationend'); setTimeout(() => { expect(hide.calledOnce).to.be.true; done(); - }, 800); + }, 100); }); it('listen to hide event when no transtion', (done) => { @@ -143,4 +140,21 @@ describe('NumberKeyboard', () => { done(); }); }); + + it('keey-alive live cycle', (done) => { + wrapper = mount(NumberKeyboardKeepAlive, { + attachToDocument: true, + propsData: { + showKeyboard: true + } + }); + + expect(wrapper.find('.van-number-keyboard').length).to.equal(1); + + wrapper.vm.showKeyboard = false; + wrapper.vm.$nextTick(() => { + expect(wrapper.find('.van-number-keyboard').length).to.equal(0); + done(); + }); + }); });