tests: Add parsing tests for sibling selectors

2 files changed, 400 insertions, 0 deletions

diff --git a/tests/css/parser/selector.css b/tests/css/parser/selector.css
index 46ac9ca8c4..d1c22ac4cb 100644
--- a/tests/css/parser/selector.css
+++ b/tests/css/parser/selector.css
@@ -10,6 +10,14 @@
   int-property: 42;
 }
 
+* + * {
+  int-property: 42;
+}
+
+* ~ * {
+  int-property: 42;
+}
+
 * b {
   int-property: 42;
 }
@@ -18,6 +26,14 @@
   int-property: 42;
 }
 
+* + b {
+  int-property: 42;
+}
+
+* ~ b {
+  int-property: 42;
+}
+
 *.b {
   int-property: 42;
 }
@@ -30,6 +46,14 @@
   int-property: 42;
 }
 
+* + .b {
+  int-property: 42;
+}
+
+* ~ .b {
+  int-property: 42;
+}
+
 *:hover {
   int-property: 42;
 }
@@ -42,6 +66,14 @@
   int-property: 42;
 }
 
+* + :hover {
+  int-property: 42;
+}
+
+* ~ :hover {
+  int-property: 42;
+}
+
 *#b {
   int-property: 42;
 }
@@ -54,6 +86,14 @@
   int-property: 42;
 }
 
+* + #b {
+  int-property: 42;
+}
+
+* ~ #b {
+  int-property: 42;
+}
+
 a {
   int-property: 42;
 }
@@ -66,6 +106,14 @@ a > * {
   int-property: 42;
 }
 
+a + * {
+  int-property: 42;
+}
+
+a ~ * {
+  int-property: 42;
+}
+
 a b {
   int-property: 42;
 }
@@ -74,6 +122,14 @@ a > b {
   int-property: 42;
 }
 
+a + b {
+  int-property: 42;
+}
+
+a ~ b {
+  int-property: 42;
+}
+
 a.b {
   int-property: 42;
 }
@@ -86,6 +142,14 @@ a > .b {
   int-property: 42;
 }
 
+a + .b {
+  int-property: 42;
+}
+
+a ~ .b {
+  int-property: 42;
+}
+
 a:hover {
   int-property: 42;
 }
@@ -98,6 +162,14 @@ a > :hover {
   int-property: 42;
 }
 
+a + :hover {
+  int-property: 42;
+}
+
+a ~ :hover {
+  int-property: 42;
+}
+
 a#b {
   int-property: 42;
 }
@@ -110,6 +182,14 @@ a > #b {
   int-property: 42;
 }
 
+a + #b {
+  int-property: 42;
+}
+
+a ~ #b {
+  int-property: 42;
+}
+
 .a {
   int-property: 42;
 }
@@ -122,6 +202,14 @@ a > #b {
   int-property: 42;
 }
 
+.a + * {
+  int-property: 42;
+}
+
+.a ~ * {
+  int-property: 42;
+}
+
 .a b {
   int-property: 42;
 }
@@ -130,6 +218,14 @@ a > #b {
   int-property: 42;
 }
 
+.a + b {
+  int-property: 42;
+}
+
+.a ~ b {
+  int-property: 42;
+}
+
 .a.b {
   int-property: 42;
 }
@@ -142,6 +238,14 @@ a > #b {
   int-property: 42;
 }
 
+.a + .b {
+  int-property: 42;
+}
+
+.a ~ .b {
+  int-property: 42;
+}
+
 .a:hover {
   int-property: 42;
 }
@@ -154,6 +258,14 @@ a > #b {
   int-property: 42;
 }
 
+.a + :hover {
+  int-property: 42;
+}
+
+.a ~ :hover {
+  int-property: 42;
+}
+
 .a#b {
   int-property: 42;
 }
@@ -166,6 +278,14 @@ a > #b {
   int-property: 42;
 }
 
+.a + #b {
+  int-property: 42;
+}
+
+.a ~ #b {
+  int-property: 42;
+}
+
 :hover {
   int-property: 42;
 }
@@ -178,6 +298,14 @@ a > #b {
   int-property: 42;
 }
 
+:hover + * {
+  int-property: 42;
+}
+
+:hover ~ * {
+  int-property: 42;
+}
+
 :hover b {
   int-property: 42;
 }
@@ -186,6 +314,14 @@ a > #b {
   int-property: 42;
 }
 
+:hover + b {
+  int-property: 42;
+}
+
+:hover ~ b {
+  int-property: 42;
+}
+
 :hover.b {
   int-property: 42;
 }
@@ -198,6 +334,14 @@ a > #b {
   int-property: 42;
 }
 
+:hover + .b {
+  int-property: 42;
+}
+
+:hover ~ .b {
+  int-property: 42;
+}
+
 :hover:hover {
   int-property: 42;
 }
@@ -210,6 +354,14 @@ a > #b {
   int-property: 42;
 }
 
+:hover + :hover {
+  int-property: 42;
+}
+
+:hover ~ :hover {
+  int-property: 42;
+}
+
 :hover#b {
   int-property: 42;
 }
@@ -222,6 +374,14 @@ a > #b {
   int-property: 42;
 }
 
+:hover + #b {
+  int-property: 42;
+}
+
+:hover ~ #b {
+  int-property: 42;
+}
+
 #a {
   int-property: 42;
 }
@@ -234,6 +394,14 @@ a > #b {
   int-property: 42;
 }
 
+#a + * {
+  int-property: 42;
+}
+
+#a ~ * {
+  int-property: 42;
+}
+
 #a b {
   int-property: 42;
 }
@@ -242,6 +410,14 @@ a > #b {
   int-property: 42;
 }
 
+#a + b {
+  int-property: 42;
+}
+
+#a ~ b {
+  int-property: 42;
+}
+
 #a.b {
   int-property: 42;
 }
@@ -254,6 +430,14 @@ a > #b {
   int-property: 42;
 }
 
+#a + .b {
+  int-property: 42;
+}
+
+#a ~ .b {
+  int-property: 42;
+}
+
 #a:hover {
   int-property: 42;
 }
@@ -266,6 +450,14 @@ a > #b {
   int-property: 42;
 }
 
+#a + :hover {
+  int-property: 42;
+}
+
+#a ~ :hover {
+  int-property: 42;
+}
+
 #a#b {
   int-property: 42;
 }
@@ -278,3 +470,11 @@ a > #b {
   int-property: 42;
 }
 
+#a + #b {
+  int-property: 42;
+}
+
+#a ~ #b {
+  int-property: 42;
+}
+
diff --git a/tests/css/parser/selector.ref.css b/tests/css/parser/selector.ref.css
index 5be0d413d9..1540d66492 100644
--- a/tests/css/parser/selector.ref.css
+++ b/tests/css/parser/selector.ref.css
@@ -10,6 +10,14 @@
   int-property: 42;
 }
 
+* + * {
+  int-property: 42;
+}
+
+* ~ * {
+  int-property: 42;
+}
+
 * b {
   int-property: 42;
 }
@@ -18,6 +26,14 @@
   int-property: 42;
 }
 
+* + b {
+  int-property: 42;
+}
+
+* ~ b {
+  int-property: 42;
+}
+
 a {
   int-property: 42;
 }
@@ -30,6 +46,14 @@ a > * {
   int-property: 42;
 }
 
+a + * {
+  int-property: 42;
+}
+
+a ~ * {
+  int-property: 42;
+}
+
 a b {
   int-property: 42;
 }
@@ -38,6 +62,14 @@ a > b {
   int-property: 42;
 }
 
+a + b {
+  int-property: 42;
+}
+
+a ~ b {
+  int-property: 42;
+}
+
 *.b {
   int-property: 42;
 }
@@ -50,6 +82,14 @@ a > b {
   int-property: 42;
 }
 
+* + .b {
+  int-property: 42;
+}
+
+* ~ .b {
+  int-property: 42;
+}
+
 *:hover {
   int-property: 42;
 }
@@ -62,6 +102,14 @@ a > b {
   int-property: 42;
 }
 
+* + :hover {
+  int-property: 42;
+}
+
+* ~ :hover {
+  int-property: 42;
+}
+
 .a {
   int-property: 42;
 }
@@ -74,6 +122,14 @@ a > b {
   int-property: 42;
 }
 
+.a + * {
+  int-property: 42;
+}
+
+.a ~ * {
+  int-property: 42;
+}
+
 :hover {
   int-property: 42;
 }
@@ -86,6 +142,14 @@ a > b {
   int-property: 42;
 }
 
+:hover + * {
+  int-property: 42;
+}
+
+:hover ~ * {
+  int-property: 42;
+}
+
 a.b {
   int-property: 42;
 }
@@ -98,6 +162,14 @@ a > .b {
   int-property: 42;
 }
 
+a + .b {
+  int-property: 42;
+}
+
+a ~ .b {
+  int-property: 42;
+}
+
 a:hover {
   int-property: 42;
 }
@@ -110,6 +182,14 @@ a > :hover {
   int-property: 42;
 }
 
+a + :hover {
+  int-property: 42;
+}
+
+a ~ :hover {
+  int-property: 42;
+}
+
 .a b {
   int-property: 42;
 }
@@ -118,6 +198,14 @@ a > :hover {
   int-property: 42;
 }
 
+.a + b {
+  int-property: 42;
+}
+
+.a ~ b {
+  int-property: 42;
+}
+
 :hover b {
   int-property: 42;
 }
@@ -126,6 +214,14 @@ a > :hover {
   int-property: 42;
 }
 
+:hover + b {
+  int-property: 42;
+}
+
+:hover ~ b {
+  int-property: 42;
+}
+
 .a.b {
   int-property: 42;
 }
@@ -138,6 +234,14 @@ a > :hover {
   int-property: 42;
 }
 
+.a + .b {
+  int-property: 42;
+}
+
+.a ~ .b {
+  int-property: 42;
+}
+
 .a:hover {
   int-property: 42;
 }
@@ -150,6 +254,14 @@ a > :hover {
   int-property: 42;
 }
 
+.a + :hover {
+  int-property: 42;
+}
+
+.a ~ :hover {
+  int-property: 42;
+}
+
 :hover.b {
   int-property: 42;
 }
@@ -162,6 +274,14 @@ a > :hover {
   int-property: 42;
 }
 
+:hover + .b {
+  int-property: 42;
+}
+
+:hover ~ .b {
+  int-property: 42;
+}
+
 :hover:hover {
   int-property: 42;
 }
@@ -174,6 +294,14 @@ a > :hover {
   int-property: 42;
 }
 
+:hover + :hover {
+  int-property: 42;
+}
+
+:hover ~ :hover {
+  int-property: 42;
+}
+
 *#b {
   int-property: 42;
 }
@@ -186,6 +314,14 @@ a > :hover {
   int-property: 42;
 }
 
+* + #b {
+  int-property: 42;
+}
+
+* ~ #b {
+  int-property: 42;
+}
+
 #a {
   int-property: 42;
 }
@@ -198,6 +334,14 @@ a > :hover {
   int-property: 42;
 }
 
+#a + * {
+  int-property: 42;
+}
+
+#a ~ * {
+  int-property: 42;
+}
+
 a#b {
   int-property: 42;
 }
@@ -210,6 +354,14 @@ a > #b {
   int-property: 42;
 }
 
+a + #b {
+  int-property: 42;
+}
+
+a ~ #b {
+  int-property: 42;
+}
+
 #a b {
   int-property: 42;
 }
@@ -218,6 +370,14 @@ a > #b {
   int-property: 42;
 }
 
+#a + b {
+  int-property: 42;
+}
+
+#a ~ b {
+  int-property: 42;
+}
+
 .a#b {
   int-property: 42;
 }
@@ -230,6 +390,14 @@ a > #b {
   int-property: 42;
 }
 
+.a + #b {
+  int-property: 42;
+}
+
+.a ~ #b {
+  int-property: 42;
+}
+
 :hover#b {
   int-property: 42;
 }
@@ -242,6 +410,14 @@ a > #b {
   int-property: 42;
 }
 
+:hover + #b {
+  int-property: 42;
+}
+
+:hover ~ #b {
+  int-property: 42;
+}
+
 #a.b {
   int-property: 42;
 }
@@ -254,6 +430,14 @@ a > #b {
   int-property: 42;
 }
 
+#a + .b {
+  int-property: 42;
+}
+
+#a ~ .b {
+  int-property: 42;
+}
+
 #a:hover {
   int-property: 42;
 }
@@ -266,6 +450,14 @@ a > #b {
   int-property: 42;
 }
 
+#a + :hover {
+  int-property: 42;
+}
+
+#a ~ :hover {
+  int-property: 42;
+}
+
 #a#b {
   int-property: 42;
 }
@@ -277,3 +469,11 @@ a > #b {
 #a > #b {
   int-property: 42;
 }
+
+#a + #b {
+  int-property: 42;
+}
+
+#a ~ #b {
+  int-property: 42;
+}