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
Sets checked value for input element of type checkbox or radio and updates v-model
bound data.
Arguments:
{Boolean} checked (default: true)
Example:
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()
})
- Note:
When you try to set the value to state via v-model
by radioInput.element.checked = true; radioInput.trigger('input')
, v-model
is not triggered. v-model
is triggered by change
event.
checkboxInput.setChecked(checked)
is an alias of the following code.
checkboxInput.element.checked = checked
checkboxInput.trigger('click')
checkboxInput.trigger('change')