64 lines
2.5 KiB
HTML
64 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- Testing that in SVG tags inside HTML documents match using case-insensitive mode. -->
|
|
<div id="content">
|
|
<div style="display: none">
|
|
<ul>
|
|
<li>
|
|
<SPAN id="upper1"></SPAN>
|
|
<svg xmlns="http://www.w3.org/2000/svg">
|
|
<g id="group1"></g>
|
|
<textPath id="textPath1"></textPath>
|
|
<foreignObject id="foreignObject1"></foreignObject>
|
|
</svg>
|
|
</li>
|
|
</ul>
|
|
<unknownTag id="unknownTag1"></unknownTag>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var content = document.getElementById("content");
|
|
function checkMatchingSelector(selector, elementId) {
|
|
shouldBe("content.querySelector('" + selector + "')", "document.getElementById('" + elementId + "')");
|
|
shouldBeTrue("document.getElementById('" + elementId + "').webkitMatchesSelector('" + selector + "')");
|
|
}
|
|
|
|
function checkNonMatchingSelector(selector) {
|
|
shouldBeNull("content.querySelector('" + selector + "')");
|
|
}
|
|
|
|
// Checking that tag name selectors still work on HTML elements when SVG is around.
|
|
checkMatchingSelector("SPAN", "upper1");
|
|
checkMatchingSelector("div ul li SPAN", "upper1");
|
|
checkMatchingSelector("unknownTag", "unknownTag1");
|
|
checkMatchingSelector("unknowntag", "unknownTag1");
|
|
|
|
checkMatchingSelector("g", "group1");
|
|
checkNonMatchingSelector("G");
|
|
|
|
checkMatchingSelector("textPath", "textPath1");
|
|
checkMatchingSelector("svg textPath", "textPath1");
|
|
checkNonMatchingSelector("textpath");
|
|
checkNonMatchingSelector("TextPath");
|
|
|
|
checkMatchingSelector("foreignObject", "foreignObject1");
|
|
checkMatchingSelector("svg foreignObject", "foreignObject1");
|
|
checkNonMatchingSelector("foreignobject");
|
|
checkNonMatchingSelector("ForeignObject");
|
|
|
|
checkMatchingSelector("textPath + foreignObject", "foreignObject1");
|
|
checkMatchingSelector("svg textPath + foreignObject", "foreignObject1");
|
|
checkNonMatchingSelector("textPath + foreignobject");
|
|
checkNonMatchingSelector("textPath + ForeignObject");
|
|
checkNonMatchingSelector("textpath + foreignObject");
|
|
checkNonMatchingSelector("TextPath + foreignObject");
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|