test hydration

Author: Rich-Harris

packages/svelte/tests/hydration/samples/snippet-raw-hydrate/_config.js

@@ -0,0 +1,9 @@
+import { test } from '../../test';
+
+export default test({
+	snapshot(target) {
+		return {
+			p: target.querySelector('p')
+		};
+	}
+});

packages/svelte/tests/hydration/samples/snippet-raw-hydrate/_expected.html

@@ -0,0 +1 @@
+<!--[--><p>hydrated</p><!--]-->

packages/svelte/tests/hydration/samples/snippet-raw-hydrate/main.svelte

@@ -0,0 +1,19 @@
+<script>
+	import { createRawSnippet } from 'svelte';
+
+	const snippet = createRawSnippet({
+		mount() {
+			const p = document.createElement('p');
+			p.textContent = 'mounted';
+			return p;
+		},
+		hydrate(p) {
+			p.textContent = 'hydrated';
+		},
+		render() {
+			return `<p>rendered</p>`;
+		}
+	});
+</script>
+
+{@render snippet()}

packages/svelte/tests/hydration/samples/snippet-raw-mount/_config.js

@@ -0,0 +1,3 @@
+import { test } from '../../test';
+
+export default test({});

packages/svelte/tests/hydration/samples/snippet-raw-mount/_expected.html

@@ -0,0 +1 @@
+<!--[--><p>mounted</p><!--]-->

packages/svelte/tests/hydration/samples/snippet-raw-mount/main.svelte

@@ -0,0 +1,16 @@
+<script>
+	import { createRawSnippet } from 'svelte';
+
+	const snippet = createRawSnippet({
+		mount() {
+			const p = document.createElement('p');
+			p.textContent = 'mounted';
+			return p;
+		},
+		render() {
+			return `<p>rendered</p>`;
+		}
+	});
+</script>
+
+{@render snippet()}