Vue Test Utils

You’re browsing the documentation for Vue Test Utils for Vue v2.x and earlier.

To read docs for Vue Test Utils for Vue 3, click here.

setValue(value)

Устанавливает значение элемента поле ввода текста или выпадающего списка и обновляет связанные данные v-model.

  • Аргументы:

    • {any} value

  • Пример:

import { mount } from '@vue/test-utils'
import Foo from './Foo.vue'

test('setValue demo', async () => {
  const wrapper = mount(Foo)

  const textInput = wrapper.find('input[type="text"]')
  await textInput.setValue('some value')

  expect(wrapper.find('input[type="text"]').element.value).toBe('some value')

  const select = wrapper.find('select')
  await select.setValue('option value')

  expect(wrapper.find('select').element.value).toBe('option value')

  // requires <select multiple>
  const multiselect = wrapper.find('select')
  await multiselect.setValue(['value1', 'value3'])

  const selectedOptions = Array.from(multiselect.element.selectedOptions).map(
    o => o.value
  )
  expect(selectedOptions).toEqual(['value1', 'value3'])
})

  • Примечание:

    • textInput.setValue(value) — псевдоним следующего кода.
    textInput.element.value = value
textInput.trigger('input')
    • select.setValue(value) — псевдоним следующего кода.
    select.element.value = value
select.trigger('change')