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, Beta

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

Beta, Gamma

`); } };