chore: add css regression test (#11658)

dummdidumm · web-flow · commit ade6b6e4806b · 2024-05-16T18:01:00.000+02:00
closes #9207
diff --git a/packages/svelte/tests/css/samples/global-with-data-attribute/expected.css b/packages/svelte/tests/css/samples/global-with-data-attribute/expected.css
@@ -0,0 +1,3 @@
+	.foo.svelte-xyz[data-state='checked'] {
+		background-color: red;
+	}
diff --git a/packages/svelte/tests/css/samples/global-with-data-attribute/input.svelte b/packages/svelte/tests/css/samples/global-with-data-attribute/input.svelte
@@ -0,0 +1,7 @@
+<!-- an action or sth else could dynamically set the data-state -->
+<div class="foo"></div>
+<style>
+	.foo:global([data-state='checked']) {
+		background-color: red;
+	}
+</style>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+ .foo.svelte-xyz[data-state='checked'] {`
	`2`	`+ background-color: red;`
	`3`	`+ }`