From 9def7f9c5d6ecd891248737c9ef78e98851169b7 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Sat, 22 Jun 2019 12:13:27 -0400
Subject: [PATCH] Add tests for chaining with plain CSS syntax

---
 docs/tests/procedural-cosmetic-filters.html | 13 +++++++++++++
 docs/tests/procedural-html-filters.html     | 13 +++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/docs/tests/procedural-cosmetic-filters.html b/docs/tests/procedural-cosmetic-filters.html
index 4bf84878f..3aa55c1c3 100644
--- a/docs/tests/procedural-cosmetic-filters.html
+++ b/docs/tests/procedural-cosmetic-filters.html
@@ -35,6 +35,9 @@
         top: 0;
         width: 100%;
     }
+    .tile > code {
+        align-self: center;
+    }
     .pass {
         background-color: green;
     }
@@ -128,6 +131,16 @@
     <code>#pcf #a12 .fail:min-text-length(300)</code>
     </div>
 
+<div id="a13" class="tile">
+    <div class="pass"><a><b></b></a><div class="fail"></div></div>
+    <code>#pcf #a13 .pass > a:has(b) + .fail</code>
+    </div>
+
+<div id="a14" class="tile">
+    <div class="pass"><a><b></b></a><div class="fail"><a><b></b></a></div></div>
+    <code>#pcf #a14 .pass > a:has(b) + .fail:has(b)</code>
+    </div>
+
 </div>
 
 <script>
diff --git a/docs/tests/procedural-html-filters.html b/docs/tests/procedural-html-filters.html
index 6f2236f5e..10cc3625e 100644
--- a/docs/tests/procedural-html-filters.html
+++ b/docs/tests/procedural-html-filters.html
@@ -35,6 +35,9 @@
         top: 0;
         width: 100%;
     }
+    .tile > code {
+        align-self: center;
+    }
     .pass {
         background-color: green;
     }
@@ -113,6 +116,16 @@
     <code>^#phf #a9 .fail:min-text-length(300)</code>
     </div>
 
+<div id="a10" class="tile">
+    <div class="pass"><a><b></b></a><div class="fail"></div></div>
+    <code>^#pcf #a10 .pass > a:has(b) + .fail</code>
+    </div>
+
+<div id="a11" class="tile">
+    <div class="pass"><a><b></b></a><div class="fail"><a><b></b></a></div></div>
+    <code>^#pcf #a11 .pass > a:has(b) + .fail:has(b)</code>
+    </div>
+
 </div>
 
 <script>