63 lines
3.3 KiB
HTML
63 lines
3.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<style>
|
|
[charset=first][align=root]~[charset=second][align=first-sibling]~[charset=third][align=second-sibling] ol>li {
|
|
background-color:rgb(1,2,3);
|
|
}
|
|
[charset=first][align=root]~[charset=second][align=first-sibling]~[charset=third][align=second-sibling] div>ol>li span {
|
|
background-color:rgb(4,5,6);
|
|
}
|
|
div[style="display:none"]>[charset=first][align=root]~[charset=second][align=first-sibling]~[charset=third][align=second-sibling]>div ol>li {
|
|
color:rgb(1,2,3);
|
|
}
|
|
div[style="display:none"]>[charset=first][align=root]~[charset=second][align=first-sibling]~[charset=third][align=second-sibling]>div>ol span {
|
|
color:rgb(4,5,6);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="display:none">
|
|
<!-- Mutli-attribute siblings matching. -->
|
|
<div charset=First align=Root></div>
|
|
<div align=root></div>
|
|
<div charset=first></div>
|
|
<div charset=Second align=First-sibling></div>
|
|
<div charset=second></div>
|
|
<div align=first-sibing></div>
|
|
<div charset=Third align=Second-sibling>
|
|
<div>
|
|
<ul>
|
|
<li></li>
|
|
</ul>
|
|
<ol>
|
|
<li id=target1><span id=target2></span></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
description('Some rules modify tree properties on matching. This test the robustness of complex selectors of that type for attribute value matching that requires case insensitive match.');
|
|
|
|
debug("Adjacent relations (tree modifiers), no descendant backtracking, multi-attribute match.");
|
|
shouldBeEqualToString('getComputedStyle(document.getElementById("target1")).backgroundColor', 'rgb(1, 2, 3)');
|
|
shouldBeEqualToString('getComputedStyle(document.querySelectorAll("[charset=first][align=root]~[charset=second][align=first-sibling]~[charset=third][align=second-sibling] ol>li")[0]).backgroundColor', 'rgb(1, 2, 3)');
|
|
|
|
debug("<br>Adjacent relations (tree modifiers), deep descendant backtracking, multi-attribute match.");
|
|
shouldBeEqualToString('getComputedStyle(document.getElementById("target2")).backgroundColor', 'rgb(4, 5, 6)');
|
|
shouldBeEqualToString('getComputedStyle(document.querySelectorAll("[charset=first][align=root]~[charset=second][align=first-sibling]~[charset=third][align=second-sibling] div>ol>li span")[0]).backgroundColor', 'rgb(4, 5, 6)');
|
|
|
|
debug("<br>Adjacent relations (tree modifiers) in deep descendant backtracking, multi-attribute match.");
|
|
shouldBeEqualToString('getComputedStyle(document.getElementById("target1")).color', 'rgb(1, 2, 3)');
|
|
shouldBeEqualToString('getComputedStyle(document.querySelectorAll("div[style=\'display:none\']>[charset=first][align=root]~[charset=second][align=first-sibling]~[charset=third][align=second-sibling]>div ol>li")[0]).color', 'rgb(1, 2, 3)');
|
|
|
|
debug("<br>Adjacent backtracking, deep descendant backtracking, multi-attribute match.");
|
|
shouldBeEqualToString('getComputedStyle(document.getElementById("target2")).backgroundColor', 'rgb(4, 5, 6)');
|
|
shouldBeEqualToString('getComputedStyle(document.querySelectorAll("div[style=\'display:none\']>[charset=first][align=root]~[charset=second][align=first-sibling]~[charset=third][align=second-sibling]>div>ol span")[0]).backgroundColor', 'rgb(4, 5, 6)');
|
|
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</html>
|