diff --git a/test/runtime/samples/binding-contenteditable-innertext/_config.js b/test/runtime/samples/binding-contenteditable-innertext/_config.js index 4c30a3231a..36e762ac24 100644 --- a/test/runtime/samples/binding-contenteditable-innertext/_config.js +++ b/test/runtime/samples/binding-contenteditable-innertext/_config.js @@ -1,40 +1,25 @@ export default { - html: ` - world -

hello world

- `, + props: { + name: 'world' + }, ssrHtml: ` - world -

hello undefined

+ world +

hello world

`, async test({ assert, component, target, window }) { - assert.equal(component.name, 'world'); - + // JSDom doesn't support innerText yet, so the test is not ideal + // https://github.com/jsdom/jsdom/issues/1245 const el = target.querySelector('editor'); + assert.equal(el.innerText, 'world'); - el.innerHTML = 'everybody'; - - // No updates to data yet - assert.htmlEqual(target.innerHTML, ` - everybody -

hello world

- `); - - // Handle user input const event = new window.Event('input'); + el.innerText = 'everybody'; await el.dispatchEvent(event); - assert.htmlEqual(target.innerHTML, ` - everybody -

hello everybody

- `); + assert.equal(component.name, 'everybody'); - component.name = 'goodbye'; - assert.equal(el.innerHTML, 'goodbye'); - assert.htmlEqual(target.innerHTML, ` - goodbye -

hello goodbye

- `); + component.name = 'goodbye'; + assert.equal(el.innerText, 'goodbye'); } }; diff --git a/test/runtime/samples/binding-contenteditable-innertext/main.svelte b/test/runtime/samples/binding-contenteditable-innertext/main.svelte index 4a65dba05f..d65350d1a8 100644 --- a/test/runtime/samples/binding-contenteditable-innertext/main.svelte +++ b/test/runtime/samples/binding-contenteditable-innertext/main.svelte @@ -2,7 +2,5 @@ export let name; - - world - -

hello {@html name}

+ +

hello {name}