Add more tests to cover scenarios related to issue #3544

test/css/samples/omit-scoping-attribute-global-children/expected.css

@@ -0,0 +1 @@
+.root.svelte-xyz p{color:red}

test/css/samples/omit-scoping-attribute-global-children/expected.html

@@ -0,0 +1,4 @@
+<div class="root svelte-xyz">
+	<section class="whatever svelte-xyz">
+	</section>
+</div>

test/css/samples/omit-scoping-attribute-global-children/input.svelte

@@ -0,0 +1,16 @@
+<script>
+	export let unknown1 = 'root';
+	export let unknown2 = 'whatever';
+</script>
+
+<style>
+	.root :global(p) {
+		color: red;
+	}
+</style>
+
+<div class={unknown1}>
+	<section class={unknown2}>
+		<!-- injected somehow -->
+	</section>
+</div>

test/css/samples/omit-scoping-attribute-global-descendants/expected.css

@@ -0,0 +1 @@
+html body .root.svelte-xyz p.svelte-xyz{color:red}

test/css/samples/omit-scoping-attribute-global-descendants/expected.html

@@ -0,0 +1,5 @@
+<div class="root svelte-xyz">
+	<section class="whatever svelte-xyz">
+		<p class="svelte-xyz">hello</p>
+	</section>
+</div>

test/css/samples/omit-scoping-attribute-global-descendants/input.svelte

@@ -0,0 +1,16 @@
+<script>
+	export let unknown1 = 'root';
+	export let unknown2 = 'whatever';
+</script>
+
+<style>
+	:global(html) :global(body) .root p {
+		color: red;
+	}
+</style>
+
+<div class={unknown1}>
+	<section class={unknown2}>
+		<p>hello</p>
+	</section>
+</div>

test/css/samples/omit-scoping-attribute-multiple-descendants/input.svelte

@@ -1,15 +1,16 @@
 <script>
-	export let unknown = 'whatever';
+	export let unknown1 = 'root';
+	export let unknown2 = 'whatever';
 </script>
 
-<div class='root'>
-	<section class='{unknown}'>
-		<p>hello</p>
-	</section>
-</div>
-
 <style>
 	.root p {
 		color: red;
 	}
 </style>
+
+<div class={unknown1}>
+	<section class={unknown2}>
+		<p>hello</p>
+	</section>
+</div>