update test

test/runtime/index.ts

@@ -155,14 +155,13 @@ describe('runtime', () => {
 
 					const target = window.document.querySelector('main');
 
-					let ssrHtml: string | undefined = undefined;
 					if (hydrate && from_ssr_html) {
 						// ssr into target
 						compileOptions.generate = 'ssr';
 						cleanRequireCache();
 						const SsrSvelteComponent = require(`./samples/${dir}/main.svelte`).default;
-						ssrHtml = SsrSvelteComponent.render(config.props).html;
-						target.innerHTML = ssrHtml;
+						const { html } = SsrSvelteComponent.render(config.props);
+						target.innerHTML = html;
 						delete compileOptions.generate;
 					} else {
 						target.innerHTML = '';
@@ -211,8 +210,7 @@ describe('runtime', () => {
 							target,
 							window,
 							raf,
-							compileOptions,
-							ssrHtml
+							compileOptions
 						})).then(() => {
 							component.$destroy();
 

test/runtime/samples/dynamic-element-void-tag/_config.js

@@ -2,14 +2,12 @@ export default {
 	props: {
 		propTag: 'hr'
 	},
-	html: '<h1></h1><h2></h2><h3></h3><hr><input><br>',
+	html: '<h1></h1><col><img><hr><input><br>',
+	ssrHtml: '<h1></h1><col><img><hr><input><br>',
 
-	test({ assert, component, target, ssrHtml }) {
-		assert.htmlEqual(target.innerHTML, '<h1></h1><h2></h2><h3></h3><hr><input><br>');
-		if (ssrHtml) {
-			assert.equal(ssrHtml, '<h1></h1>\n<h2></h2>\n<h3></h3>\n<hr>\n<input>\n<br>');
-		}
+	test({ assert, component, target }) {
+		assert.htmlEqual(target.innerHTML, '<h1></h1><col><img><hr><input><br>');
 		component.propTag = 'link';
-		assert.htmlEqual(target.innerHTML, '<h1></h1><h2></h2><h3></h3><link><input><br>');
+		assert.htmlEqual(target.innerHTML, '<h1></h1><col><img><link><input><br>');
 	}
 };

test/runtime/samples/dynamic-element-void-tag/main.svelte

@@ -5,8 +5,8 @@
 </script>
 
 <h1></h1>
-<svelte:element this="{'h2'}"></svelte:element>
-<svelte:element this="h3"></svelte:element>
+<svelte:element this="{'col'}"></svelte:element>
+<svelte:element this="img"></svelte:element>
 <svelte:element this="{propTag}"></svelte:element>
 <svelte:element this="{static_tag}"></svelte:element>
 <svelte:element this="{func_tag()}"></svelte:element>