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.

O método setChecked

Define o valor confirmado por um elemento input do tipo checkbox ou radio e atualiza o dado ligado ao v-model.

  • Argumentos:

    • {Boolean} checked (default: true)
  • Exemplo:

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

Quando você tenta definir o valor para o estado via v-model pelo radioInput.element.checked = true; radioInput.trigger('input'), o v-model não é acionado. O v-model é acionado pelo evento change.

checkboxInput.setChecked(checked) é um apelido do seguinte código.

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