vue-utils Get value of model after be event of keydown

Question

Hello. I have to write test of "when component have counter is 2, then the user can only type two chars":

 propsData.model = ''
    propsData.length = 2
    const wrapper = mountFunction({propsData})
    const input = wrapper.find('input')
    await input.trigger('keydown', {
        key: 'a'
      })
    await input.trigger('keydown', {
        key: 'a'
      })
    await Vue.nextTick()
    console.log(wrapper.findComponent({name: 'v-text-field'}))
    console.log(wrapper.vm.$refs.input.$refs.input)

But, when I check value, then length allways is 0. I tried DOM Native Events, but doesn't work too. Any of ideas?

Raynhour · Accepted Answer · 2021-01-29 15:42:05Z

0

input.trigger('keydown') - its event for @keydown. Input element use @input event for updating value . Probably .trigger('input' , 'a') - that's what you need

answered Jan 29, 2021 at 15:42

Raynhour

1362 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vue-utils Get value of model after be event of keydown

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related