<html>
<head>
<title>fast/dom/SelectorAPI/caseID.html</title>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
</head>
<body>
<div style="display: none">
<span id="lower1">lower 1</span><br>
<span id="lower2">lower 2</span><br>
<span id="UPPER1">UPPER 1</span><br>
<span id="UPPER2">UPPER 2</span><br>
</div>
<script>
setup({ single_test: true });
assert_equals(document.querySelector('#lower1').textContent, 'lower 1');
assert_equals(document.querySelector('#LOWER2').textContent, 'lower 2');
assert_equals(document.querySelector('#UPPER1').textContent, 'UPPER 1');
assert_equals(document.querySelector('#upper2').textContent, 'UPPER 2');
assert_true(document.getElementById('lower1').webkitMatchesSelector('#lower1'));
assert_true(document.getElementById('lower2').webkitMatchesSelector('#LOWER2'));
assert_true(document.getElementById('UPPER1').webkitMatchesSelector('#UPPER1'));
assert_true(document.getElementById('UPPER2').webkitMatchesSelector('#upper2'));
done();
</script>
</body>
</html>