chore: add css regression test (#11373)

dummdidumm · web-flow · commit 8b1a26904a0d · 2024-04-29T13:14:52.000+02:00
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
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 @@`
	`1`	`+import { test } from '../../test';`
	`2`	`+`
	`3`	`+export default test({});`