const values = [ { name: 'Alpha' }, { name: 'Beta' }, { name: 'Gamma' } ]; export default { props: { values, selected: values[1] }, html: `

Beta

`, ssrHtml: `

Beta

`, async test({ assert, component, target, window }) { const inputs = target.querySelectorAll('input'); assert.equal(inputs[0].checked, false); assert.equal(inputs[1].checked, true); assert.equal(inputs[2].checked, false); const event = new window.Event('change'); inputs[0].checked = true; await inputs[0].dispatchEvent(event); assert.htmlEqual(target.innerHTML, `

Alpha

`); assert.equal(inputs[0].checked, true); assert.equal(inputs[1].checked, false); assert.equal(inputs[2].checked, false); component.selected = values[2]; assert.equal(inputs[0].checked, false); assert.equal(inputs[1].checked, false); assert.equal(inputs[2].checked, true); assert.htmlEqual(target.innerHTML, `

Gamma

`); } };