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-model
は change
イベントでトリガされます。
checkboxInput.setChecked(checked)
は以下のコードのエイリアスです。
checkboxInput.element.checked = checked
checkboxInput.trigger('click')
checkboxInput.trigger('change')