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.

setChecked

设置 checkbox 或 radio 类 <input> 元素的 checked 值并更新 v-model 绑定的数据。

  • 参数:

    • {Boolean} checked (默认值:true)
  • 示例:

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

test('setChecked demo', async () => {
  const wrapper = mount(Foo)
  const radioInput = wrapper.find('input[type="radio"]')

  await radioInput.setChecked()

  expect(radioInput.element.checked).toBeTruthy()
})
  • 注意:

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

checkboxInput.setChecked(checked) 是接下来这段代码的别名。

checkboxInput.element.checked = checked
checkboxInput.trigger('click')
checkboxInput.trigger('change')