update test

pull/7453/head
baseballyama 4 years ago
parent 4b53f7c69f
commit 7b2e45a34a

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

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

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

Loading…
Cancel
Save