<!DOCTYPE html>
<html>
<body>
<span id="foo"></span>
<div id="container"><span id="foo"></span></div>
</body>
<script src="../../resources/js-test-pre.js"></script>
<script>
description('This test makes sure WebKit element.querySelector("#foo") returns a descendent node of the element even when there are multiple elements with the id foo.');

var container = document.getElementById('container');
shouldBe('container.querySelectorAll("#foo").length', '1');
shouldBe('container.querySelectorAll("#foo")[0]', 'container.firstChild');

</script>
<script src="../../resources/js-test-post.js"></script>
</html>