52 lines
2.2 KiB
HTML
52 lines
2.2 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html
|
|
PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
<head>
|
|
<script src="../../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- Check that in XHTML documents CSS selectors always use case-sensitive attribute name matching. -->
|
|
<div id="content">
|
|
<div style="display: none">
|
|
<div baR="10" id="bar"></div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg">
|
|
<path id="pa" pathLength="200"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var content = document.getElementById("content");
|
|
function checkMatchingSelector(selector, elementId) {
|
|
shouldBe("document.querySelector('" + selector + "')", "document.getElementById('" + elementId + "')");
|
|
shouldBeTrue("document.getElementById('" + elementId + "').matches('" + selector + "')");
|
|
shouldBeTrue("document.getElementById('" + elementId + "').webkitMatchesSelector('" + selector + "')");
|
|
}
|
|
|
|
function checkNonMatchingSelector(selector) {
|
|
shouldBeNull("content.querySelector('" + selector + "')");
|
|
}
|
|
|
|
// everything should match case-sensitive
|
|
checkMatchingSelector('div[baR]', "bar");
|
|
checkNonMatchingSelector('div[bar]', "bar");
|
|
checkNonMatchingSelector('div[BAR]', "bar");
|
|
checkNonMatchingSelector('div[bAR]', "bar");
|
|
checkMatchingSelector('div[baR="10"]', "bar");
|
|
checkNonMatchingSelector('div[bar="10"]', "bar");
|
|
checkNonMatchingSelector('div[BAR="10"]', "bar");
|
|
checkNonMatchingSelector('div[bAR="10"]', "bar");
|
|
|
|
checkMatchingSelector('path[pathLength]', "pa");
|
|
checkNonMatchingSelector('path[pathlength]');
|
|
checkNonMatchingSelector('path[pathLengTh]');
|
|
checkMatchingSelector('path[pathLength="200"]', "pa");
|
|
checkNonMatchingSelector('path[pathlength="200"]');
|
|
checkNonMatchingSelector('path[pathLengTh="200"]');
|
|
</script>
|
|
<script src="../../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|