add failing test for #5137

packages/kit/test/apps/basics/src/routes/load/dynamic-import-styles/_/Thing.svelte

@@ -0,0 +1,7 @@
+<p id="thing">this text is red</p>
+
+<style>
+	p {
+		color: red;
+	}
+</style>

packages/kit/test/apps/basics/src/routes/load/dynamic-import-styles/index.svelte

@@ -0,0 +1,15 @@
+<script context="module">
+	export async function load() {
+		return {
+			props: {
+				Thing: (await import('./_/Thing.svelte')).default
+			}
+		};
+	}
+</script>
+
+<script>
+	export let Thing;
+</script>
+
+<Thing />

packages/kit/test/apps/basics/test/test.js

@@ -1532,6 +1532,15 @@ test.describe.parallel('Load', () => {
 			);
 		}
 	});
+
+	test('CSS for dynamically imported components is reflected in server render', async ({
+		page
+	}) => {
+		await page.goto('/load/dynamic-import-styles');
+		expect(
+			await page.evaluate(() => getComputedStyle(document.querySelector('#thing')).color)
+		).toBe('rgb(255, 0, 0)');
+	});
 });
 
 test.describe.parallel('Method overrides', () => {