<!DOCTYPE html>
<html>
<body>
<svg style="width:200px; height: 200px">
<g id="container" style="fill: green"></g>
<text id="text" y=90><text id="sentinel"></text></text>
<g id="container2" style="fill: green"></g>
</svg>
</body>
<script>
if (window.testRunner)
testRunner.dumpAsText();
var container = document.getElementById("container");
container.insertAdjacentHTML("beforeBegin", "<text y=10>1 (black)</text>");
container.insertAdjacentHTML("afterBegin", "<text y=30>2 (green)</text>");
container.insertAdjacentHTML("beforeEnd", "<text y=50>3 (green)</text>");
container.insertAdjacentHTML("afterEnd", "<text y=70>4 (black)</text>");
document.getElementById("text").insertAdjacentText("afterBegin", "5");
document.getElementById("sentinel").insertAdjacentText("beforeBegin", "6");
document.getElementById("sentinel").insertAdjacentText("afterEnd", "7");
document.getElementById("text").insertAdjacentText("beforeEnd", "8");
var container2 = document.getElementById("container2");
var element = document.createElementNS("http://www.w3.org/2000/svg", "text");
element.textContent = "9";
element.setAttribute('y', 110);
container2.insertAdjacentElement("beforeBegin", element);
element = document.createElementNS("http://www.w3.org/2000/svg", "text");
element.textContent = "10";
element.setAttribute('y', 130);
container2.insertAdjacentElement("afterBegin", element);
element = document.createElementNS("http://www.w3.org/2000/svg", "text");
element.textContent = "11";
element.setAttribute('y', 150);
container2.insertAdjacentElement("beforeEnd", element);
element = document.createElementNS("http://www.w3.org/2000/svg", "text");
element.textContent = "12";
element.setAttribute('y', 170);
container2.insertAdjacentElement("afterEnd", element);
</script>
</html>