more

packages/svelte/tests/server-side-rendering/samples/invalid-nested-svelte-element/_config.js

@@ -3,5 +3,9 @@ import { test } from '../../test';
 export default test({
 	compileOptions: {
 		dev: true
-	}
+	},
+
+	errors: [
+		'node_invalid_placement_ssr: `<p>` (packages/svelte/tests/server-side-rendering/samples/invalid-nested-svelte-element/main.svelte:1:0) cannot contain `<p>` (packages/svelte/tests/server-side-rendering/samples/invalid-nested-svelte-element/main.svelte:2:1)\n\nThis can cause content to shift around as the browser repairs the HTML, and will likely result in a `hydration_mismatch` warning.'
+	]
 });

packages/svelte/tests/server-side-rendering/test.ts

@@ -16,11 +16,21 @@ interface SSRTest extends BaseTest {
 	compileOptions?: Partial<CompileOptions>;
 	props?: Record<string, any>;
 	withoutNormalizeHtml?: boolean;
+	errors?: string[];
 }
 
+// eslint-disable-next-line no-console
+let console_error = console.error;
+
 const { test, run } = suite<SSRTest>(async (config, test_dir) => {
 	await compile_directory(test_dir, 'server', config.compileOptions);
 
+	const errors: string[] = [];
+
+	console.error = (...args) => {
+		errors.push(...args);
+	};
+
 	const Component = (await import(`${test_dir}/_output/server/main.svelte.js`)).default;
 	const expected_html = try_read_file(`${test_dir}/_expected.html`);
 	const rendered = render(Component, { props: config.props || {} });
@@ -64,6 +74,12 @@ const { test, run } = suite<SSRTest>(async (config, test_dir) => {
 			}
 		}
 	}
+
+	if (errors.length > 0) {
+		assert.deepEqual(config.errors, errors);
+	}
+
+	console.error = console_error;
 });
 
 export { test };