failing test for part of #14399

Author: Rich-Harris

packages/svelte/tests/css/samples/general-siblings-combinator-slot/expected.css

@@ -1,10 +1,16 @@
+
 	.d.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
 	.a.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
+	.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
+	.b.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
+	.c.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
+	.f.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
+	.b.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
+	.b.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
+	.c.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
+	.f.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
+	.g.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
 
 	/* no match */
-	/* (unused) .a ~ .b { color: green; }*/
-	/* (unused) .b ~ .c { color: green; }*/
-	/* (unused) .c ~ .f { color: green; }*/
-	/* (unused) .f ~ .g { color: green; }*/
-	/* (unused) .b ~ .f { color: green; }*/
-	/* (unused) .b ~ .g { color: green; }*/
+	/* (unused) .a ~ .d { color: red; }*/
+	/* (unused) .e ~ .f { color: red; }*/

packages/svelte/tests/css/samples/general-siblings-combinator-slot/input.svelte

@@ -5,14 +5,19 @@
 <style>
 	.d ~ .e { color: green; }
 	.a ~ .g { color: green; }
-
-	/* no match */
 	.a ~ .b { color: green; }
 	.b ~ .c { color: green; }
 	.c ~ .f { color: green; }
 	.f ~ .g { color: green; }
 	.b ~ .f { color: green; }
 	.b ~ .g { color: green; }
+	.c ~ .b { color: green; }
+	.f ~ .b { color: green; }
+	.g ~ .b { color: green; }
+
+	/* no match */
+	.a ~ .d { color: red; }
+	.e ~ .f { color: red; }
 </style>
 
 <div class="a"></div>

packages/svelte/tests/css/samples/siblings-combinator-slot/expected.css

@@ -1,6 +1,12 @@
+
 	.d.svelte-xyz + .e:where(.svelte-xyz) { color: green; }
+	.a.svelte-xyz + .b:where(.svelte-xyz) { color: green; }
+	.a.svelte-xyz + .c:where(.svelte-xyz) { color: green; }
+	.a.svelte-xyz + .f:where(.svelte-xyz) { color: green; }
+	.b.svelte-xyz + .c:where(.svelte-xyz) { color: green; }
+	.c.svelte-xyz + .b:where(.svelte-xyz) { color: green; }
+	.c.svelte-xyz + .f:where(.svelte-xyz) { color: green; }
 
 	/* no match */
-	/* (unused) .a + .b { color: green; }*/
-	/* (unused) .b + .c { color: green; }*/
-	/* (unused) .c + .f { color: green; }*/
+	.a.svelte-xyz + .d:where(.svelte-xyz) { color: red; }
+	.d.svelte-xyz + .f:where(.svelte-xyz) { color: red; }

packages/svelte/tests/css/samples/siblings-combinator-slot/input.svelte

@@ -4,11 +4,16 @@
 
 <style>
 	.d + .e { color: green; }
-
-	/* no match */
 	.a + .b { color: green; }
+	.a + .c { color: green; }
+	.a + .f { color: green; }
 	.b + .c { color: green; }
+	.c + .b { color: green; }
 	.c + .f { color: green; }
+
+	/* no match */
+	.a + .d { color: red; }
+	.d + .f { color: red; }
 </style>
 
 <div class="a"></div>