From ade6b6e4806be81c9ed63ce822a88a2e5f5b7bd9 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Thu, 16 May 2024 18:01:00 +0200
Subject: [PATCH] chore: add css regression test (#11658)

closes #9207
---
 .../css/samples/global-with-data-attribute/expected.css    | 3 +++
 .../css/samples/global-with-data-attribute/input.svelte    | 7 +++++++
 2 files changed, 10 insertions(+)
 create mode 100644 packages/svelte/tests/css/samples/global-with-data-attribute/expected.css
 create mode 100644 packages/svelte/tests/css/samples/global-with-data-attribute/input.svelte

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
new file mode 100644
index 0000000000..a9afeeeadd
--- /dev/null
+++ 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
new file mode 100644
index 0000000000..0e2d79c38d
--- /dev/null
+++ 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>
\ No newline at end of file