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(checked)

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()
})
  • 注:

v-model を経由して radioInput.element.checked = true; radioInput.trigger('input') で state に値をセットしようとすると、 v-model はトリガされません。 v-modelchange イベントでトリガされます。

checkboxInput.setChecked(checked) は以下のコードのエイリアスです。

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