export default { skip: true, // JSDOM html: ` <h1>Hello Harry!</h1> <select> <option value="Harry">Harry</option> <optgroup label="Group"> <option value="World">World</option> </optgroup> </select> `, test(assert, component, target, window) { const select = target.querySelector('select'); const options = [...target.querySelectorAll('option')]; assert.deepEqual(options, select.options); assert.equal(component.get('name'), 'Harry'); const change = new window.Event('change'); options[1].selected = true; select.dispatchEvent(change); assert.equal(component.get('name'), 'World'); assert.htmlEqual(target.innerHTML, ` <h1>Hello World!</h1> <select> <option value="Harry">Harry</option> <optgroup label="Group"> <option value="World">World</option> </optgroup> </select> `); }, };