LayoutTests/fast/selectors/querySelector-id-with-multiple-elements-with-same-id.html - WebKit - Git at Google

 <!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>
	<!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>