make test work

test/runtime/samples/binding-contenteditable-innertext/_config.js

@@ -1,40 +1,25 @@
 export default {
-	html: `
+	props: {
-		<editor contenteditable="true"><b>world</b></editor>
+		name: 'world'
-		<p>hello <b>world</b></p>
+	},
-	`,
 
 	ssrHtml: `
-		<editor contenteditable="true"><b>world</b></editor>
+		<editor contenteditable="true">world</editor>
-		<p>hello undefined</p>
+		<p>hello world</p>
 	`,
 
 	async test({ assert, component, target, window }) {
-		assert.equal(component.name, '<b>world</b>');
+		// 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 = 'every<span>body</span>';
-
-		// No updates to data yet
-		assert.htmlEqual(target.innerHTML, `
-			<editor contenteditable="true">every<span>body</span></editor>
-			<p>hello <b>world</b></p>
-		`);
-
-		// Handle user input
 		const event = new window.Event('input');
+		el.innerText = 'everybody';
 		await el.dispatchEvent(event);
-		assert.htmlEqual(target.innerHTML, `
+		assert.equal(component.name, 'everybody');
-			<editor contenteditable="true">every<span>body</span></editor>
-			<p>hello every<span>body</span></p>
-		`);
 
-		component.name = 'good<span>bye</span>';
+		component.name = 'goodbye';
-		assert.equal(el.innerHTML, 'good<span>bye</span>');
+		assert.equal(el.innerText, 'goodbye');
-		assert.htmlEqual(target.innerHTML, `
-			<editor contenteditable="true">good<span>bye</span></editor>
-			<p>hello good<span>bye</span></p>
-		`);
 	}
 };

test/runtime/samples/binding-contenteditable-innertext/main.svelte

@@ -2,7 +2,5 @@
 	export let name;
 </script>
 
-<editor contenteditable="true" bind:innerText={name}>
+<editor contenteditable="true" bind:innerText={name} />
-	<b>world</b>
+<p>hello {name}</p>
-</editor>
-<p>hello {@html name}</p>