third_party/WebKit/LayoutTests/fast/dynamic/insertAdjacent-svg.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4     <svg style="width:200px; height: 200px">
   5         <g id="container" style="fill: green"></g>
   6         <text id="text" y=90><text id="sentinel"></text></text>
   7         <g id="container2" style="fill: green"></g>
   8     </svg>
   9 </body>
  10 <script>
  11     if (window.testRunner)
  12         testRunner.dumpAsText();
  13
  14     var container = document.getElementById("container");
  15     container.insertAdjacentHTML("beforeBegin", "<text y=10>1 (black)</text>");
  16     container.insertAdjacentHTML("afterBegin", "<text y=30>2 (green)</text>");
  17     container.insertAdjacentHTML("beforeEnd", "<text y=50>3 (green)</text>");
  18     container.insertAdjacentHTML("afterEnd", "<text y=70>4 (black)</text>");
  19
  20     document.getElementById("text").insertAdjacentText("afterBegin", "5");
  21     document.getElementById("sentinel").insertAdjacentText("beforeBegin", "6");
  22     document.getElementById("sentinel").insertAdjacentText("afterEnd", "7");
  23     document.getElementById("text").insertAdjacentText("beforeEnd", "8");
  24
  25     var container2 = document.getElementById("container2");
  26
  27     var element = document.createElementNS("http://www.w3.org/2000/svg", "text");
  28     element.textContent = "9";
  29     element.setAttribute('y', 110);
  30     container2.insertAdjacentElement("beforeBegin", element);
  31
  32     element = document.createElementNS("http://www.w3.org/2000/svg", "text");
  33     element.textContent = "10";
  34     element.setAttribute('y', 130);
  35     container2.insertAdjacentElement("afterBegin", element);
  36
  37     element = document.createElementNS("http://www.w3.org/2000/svg", "text");
  38     element.textContent = "11";
  39     element.setAttribute('y', 150);
  40     container2.insertAdjacentElement("beforeEnd", element);
  41
  42     element = document.createElementNS("http://www.w3.org/2000/svg", "text");
  43     element.textContent = "12";
  44     element.setAttribute('y', 170);
  45     container2.insertAdjacentElement("afterEnd", element);
  46 </script>
  47 </html>