<?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 + "').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>