<!DOCTYPE html>
<html>
<head>
<title>Test that CSS selector queries on duplicate Ids respect scope.</title>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
</head>
<body>
<span id="duplicateId1"></span>
<span id="duplicateId1"></span>
<span id="duplicateId2"></span>
<span id="duplicateId2"></span>
<div id="scopeDiv">
<span id="duplicateId1"></span>
<span id="duplicateId1"></span>
<span id="duplicateId1"></span>
<span id="duplicateId1"></span>
</div>
<script>
setup({ single_test: true });
assert_equals(document.querySelectorAll('#duplicateId1').length, 6);
assert_equals(document.querySelectorAll('#duplicateId2').length, 2);
scopeDiv = document.getElementById("scopeDiv");
assert_equals(scopeDiv.querySelectorAll('#duplicateId1').length, 4);
assert_equals(scopeDiv.querySelector('#duplicateId2'), null);
assert_equals(scopeDiv.querySelectorAll('#duplicateId2').length, 0);
done();
</script>
</body>
</html>