TDD: Trigger a radio button click with Vue Test Utils

So I was working with Vue Test Utils and wanted to write a test for a radio button click. A model should be updated with the value from the specific input. Sounds simple?

According to the documentation, this should work:

const wrapper = mount(MyVueComponent);
wrapper.find('input[type="radio"]').trigger('click')

But the model value didn’t seem to be updated with that code. Instead, I found this solution to be working:

const wrapper = mount(MyVueComponent);
const radio = wrapper.find('input[type="radio"]');
radio.element.selected = true;
radio.trigger('change');

Source: