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.

setSelected

选择一个 option 元素并更新 v-model 绑定的数据。

  • 示例:
import { mount } from '@vue/test-utils'
import Foo from './Foo.vue'

test('setSelected demo', async () => {
  const wrapper = mount(Foo)
  const options = wrapper.find('select').findAll('option')

  await options.at(1).setSelected()

  expect(wrapper.find('option:checked').element.value).toBe('bar')
})
  • 注意:

当你尝试通过 option.element.selected = true; parentSelect.trigger('input') 经由 v-model 向 state 设置值的时候,v-model 不会被触发。v-model 是被 change 事件触发的。

option.setSelected() 是接下来这段代码的别名。

option.element.selected = true
parentSelect.trigger('change')