Add tests for chaining with plain CSS syntax

This commit is contained in:
Raymond Hill 2019-06-22 12:13:27 -04:00
parent b5397be601
commit 9def7f9c5d
No known key found for this signature in database
GPG Key ID: 25E1490B761470C2
2 changed files with 26 additions and 0 deletions

View File

@ -35,6 +35,9 @@
top: 0; top: 0;
width: 100%; width: 100%;
} }
.tile > code {
align-self: center;
}
.pass { .pass {
background-color: green; background-color: green;
} }
@ -128,6 +131,16 @@
<code>#pcf #a12 .fail:min-text-length(300)</code> <code>#pcf #a12 .fail:min-text-length(300)</code>
</div> </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> </div>
<script> <script>

View File

@ -35,6 +35,9 @@
top: 0; top: 0;
width: 100%; width: 100%;
} }
.tile > code {
align-self: center;
}
.pass { .pass {
background-color: green; background-color: green;
} }
@ -113,6 +116,16 @@
<code>^#phf #a9 .fail:min-text-length(300)</code> <code>^#phf #a9 .fail:min-text-length(300)</code>
</div> </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> </div>
<script> <script>