61 lines
2.5 KiB
HTML
61 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<script src="../../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- Testing that in HTML documents CSS selectors use case-insensitive tag name matching. -->
|
|
<div id="content">
|
|
<div style="display: none">
|
|
<ul id="ul1">
|
|
<li>
|
|
<textarea id="textarea1"></textarea>
|
|
<SPAN id="upper1">
|
|
<img id="img1" />
|
|
</SPAN>
|
|
</li>
|
|
</ul>
|
|
<unknownTag id="unknownTag1"></unknownTag>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var content = document.getElementById("content");
|
|
function checkMatchingSelector(selector, elementId) {
|
|
shouldBe("document.querySelector('" + selector + "')", "document.getElementById('" + elementId + "')");
|
|
shouldBeTrue("document.getElementById('" + elementId + "').webkitMatchesSelector('" + selector + "')");
|
|
}
|
|
|
|
function checkNonMatchingSelector(selector) {
|
|
shouldBeNull("content.querySelector('" + selector + "')");
|
|
}
|
|
|
|
checkMatchingSelector("SPAN", "upper1");
|
|
checkMatchingSelector("SPAN > img", "img1");
|
|
checkMatchingSelector("SPAN img", "img1");
|
|
checkMatchingSelector("div ul li SPAN", "upper1");
|
|
checkMatchingSelector("div ul li textarea + SPAN", "upper1");
|
|
checkMatchingSelector("div ul li span", "upper1");
|
|
checkMatchingSelector("div ul li spAn", "upper1");
|
|
checkMatchingSelector("DIV ul li span", "upper1");
|
|
checkMatchingSelector("div UL li span", "upper1");
|
|
checkNonMatchingSelector("span1");
|
|
checkNonMatchingSelector("span#UPPER1");
|
|
|
|
checkMatchingSelector("unknownTag", "unknownTag1");
|
|
checkMatchingSelector("div unknownTag", "unknownTag1");
|
|
checkMatchingSelector("ul + unknownTag", "unknownTag1");
|
|
checkMatchingSelector("DIV unknownTag", "unknownTag1");
|
|
checkMatchingSelector("UL + unknownTag", "unknownTag1");
|
|
checkMatchingSelector("unknowntag", "unknownTag1");
|
|
checkMatchingSelector("Unknowntag", "unknownTag1");
|
|
checkMatchingSelector("div unknowntag", "unknownTag1");
|
|
checkMatchingSelector("ul", "ul1");
|
|
checkMatchingSelector("UL", "ul1");
|
|
checkNonMatchingSelector("unknowntag1");
|
|
checkNonMatchingSelector("ol");
|
|
checkNonMatchingSelector("OL");
|
|
</script>
|
|
<script src="../../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|