chore: add css regression test (#11658)

closes #9207
1 year ago · ade6b6e480
parent c2f75dc7ba
commit ade6b6e480
2 changed files with 10 additions and 0 deletions
--- 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;
+	}
--- 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>