chore: add css regression test (#11373)

at rules are now left alone and you can have nested css in them which is scoped correctly. This just adds a test so we don't regress in the future closes #9267
sveltejs · Apr 29, 2024 · 8b1a269 · 8b1a269
1 parent 2d2508a
commit 8b1a269
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/packages/svelte/tests/css/samples/at-rule-nested-class/_config.js b/packages/svelte/tests/css/samples/at-rule-nested-class/_config.js
@@ -0,0 +1,3 @@
+import { test } from '../../test';
+
+export default test({});
diff --git a/packages/svelte/tests/css/samples/at-rule-nested-class/expected.css b/packages/svelte/tests/css/samples/at-rule-nested-class/expected.css
@@ -0,0 +1,9 @@
+
+	@starting-style {
+		.card.svelte-xyz{
+			height: 0;
+		}
+	}	
+	.card.svelte-xyz {
+		color: red;
+	}
diff --git a/packages/svelte/tests/css/samples/at-rule-nested-class/input.svelte b/packages/svelte/tests/css/samples/at-rule-nested-class/input.svelte
@@ -0,0 +1,12 @@
+<div class="card"></div>
+
+<style>
+	@starting-style {
+		.card{
+			height: 0;
+		}
+	}	
+	.card {
+		color: red;
+	}
+</style>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { test } from '../../test';

		export default test({});