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: `
-
hello world
- `, + props: { + name: 'world' + }, ssrHtml: ` -hello undefined
+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, ` -hello world
- `); - - // Handle user input const event = new window.Event('input'); + el.innerText = 'everybody'; await el.dispatchEvent(event); - assert.htmlEqual(target.innerHTML, ` -hello everybody
- `); + assert.equal(component.name, 'everybody'); - component.name = 'goodbye'; - assert.equal(el.innerHTML, 'goodbye'); - assert.htmlEqual(target.innerHTML, ` -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; -hello {@html name}
+hello {name}