failing test for #808

Author: Rich-Harris

packages/kit/test/apps/amp/src/routes/styles/Unused.svelte

@@ -0,0 +1,7 @@
+<p class="shouty">this component will never be rendered</p>
+
+<style>
+	p {
+		color: goldenrod;
+	}
+</style>

packages/kit/test/apps/amp/src/routes/styles/_tests.js

@@ -0,0 +1,14 @@
+import * as assert from 'uvu/assert';
+
+/** @type {import('test').TestMaker} */
+export default function (test, is_dev) {
+	test('only includes CSS for rendered components', '/styles', async ({ page }) => {
+		const style = await page.innerHTML('style[amp-custom]');
+
+		console.log(style);
+
+		assert.ok(style.includes('turquoise'), 'Rendered styles are included');
+		assert.ok(style.includes('uppercase'), 'Imported styles are included');
+		assert.ok(!style.includes('goldenrod'), 'Unrendered styles are omitted');
+	});
+}

packages/kit/test/apps/amp/src/routes/styles/imported.css

@@ -0,0 +1,3 @@
+.shouty {
+	text-transform: uppercase;
+}

packages/kit/test/apps/amp/src/routes/styles/index.svelte

@@ -0,0 +1,18 @@
+<script>
+	import { amp } from '$app/env';
+	import Unused from './Unused.svelte';
+	import './imported.css';
+</script>
+
+{#if amp}
+	<p class="shouty">this text is rendered</p>
+{:else}
+	<Unused/>
+{/if}
+
+
+<style>
+	p {
+		color: turquoise;
+	}
+</style>