LayoutTests/fast/dom/DocumentFragment/getElementById.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <script src="../../../resources/js-test-pre.js"></script>
 </head>
 <body>
 <div id="notInFragment"></div>
 <div id="duplicateId1"></div>
 <script>

 description("Tests that getElementById() API is exposed on DocumentFragment nodes.");

 var fragment = new DocumentFragment();
 var div = document.createElement("div");
 div.id = "divID";
 fragment.appendChild(div);
 var a = document.createElement("a");
 a.id = "aID";
 div.appendChild(a);
 var span = document.createElement("span");
 span.id = "duplicateId1";
 div.appendChild(span);
 var h1 = document.createElement("h1");
 h1.id = "duplicateId2";
 div.appendChild(h1);
 var h2 = document.createElement("h2");
 h2.id = "duplicateId2";
 div.appendChild(h2);

 shouldBe("fragment.getElementById('divID')", "div");
 shouldBe("fragment.getElementById('aID')", "a");
 shouldBeNull("fragment.getElementById('notInFragment')");
 shouldBeNull("fragment.getElementById('doesNotExist')");

 // Duplicate ID cases.
 shouldBe("fragment.getElementById('duplicateId1')", "span"); // Should return the Element *inside* the DocumentFragment.
 shouldBe("fragment.getElementById('duplicateId2')", "h1"); // Should return the first matching Element in case of duplicate.

 </script>
 <script src="../../../resources/js-test-post.js"></script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<script src="../../../resources/js-test-pre.js"></script>
	</head>
	<body>
	<div id="notInFragment"></div>
	<div id="duplicateId1"></div>
	<script>

	description("Tests that getElementById() API is exposed on DocumentFragment nodes.");

	var fragment = new DocumentFragment();
	var div = document.createElement("div");
	div.id = "divID";
	fragment.appendChild(div);
	var a = document.createElement("a");
	a.id = "aID";
	div.appendChild(a);
	var span = document.createElement("span");
	span.id = "duplicateId1";
	div.appendChild(span);
	var h1 = document.createElement("h1");
	h1.id = "duplicateId2";
	div.appendChild(h1);
	var h2 = document.createElement("h2");
	h2.id = "duplicateId2";
	div.appendChild(h2);

	shouldBe("fragment.getElementById('divID')", "div");
	shouldBe("fragment.getElementById('aID')", "a");
	shouldBeNull("fragment.getElementById('notInFragment')");
	shouldBeNull("fragment.getElementById('doesNotExist')");

	// Duplicate ID cases.
	shouldBe("fragment.getElementById('duplicateId1')", "span"); // Should return the Element inside the DocumentFragment.
	shouldBe("fragment.getElementById('duplicateId2')", "h1"); // Should return the first matching Element in case of duplicate.

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