third_party/WebKit/LayoutTests/svg/text/modify-tspan-position-bug.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body onload="loaded()">
   4 <svg>
   5 <title>This test used to be laid out on a single line, instead of multiple ones</title>
   6 <text id="text" y="50"></text>
   7
   8 <script>
   9 var text = document.getElementsByTagName("text")[0];
  10
  11 function addSpans() {
  12     var tspan1 = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
  13     tspan1.appendChild(document.createTextNode("Should be on"));
  14
  15     tspan2 = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
  16     tspan2.appendChild(document.createTextNode("different lines"));
  17
  18     text.appendChild(tspan1);
  19     text.appendChild(tspan2);
  20
  21     // Bug is only trigger from another loop.
  22     setTimeout(moveSpan, 0);
  23 }
  24
  25 function moveSpan() {
  26     tspan2.setAttribute("dy", "30");
  27
  28     if (window.testRunner)
  29         testRunner.notifyDone();
  30 }
  31
  32 if (window.testRunner)
  33     testRunner.waitUntilDone();
  34
  35 function loaded() {
  36     // Bug is only trigger from another loop.
  37     setTimeout(addSpans, 0);
  38 }
  39 </script>
  40 </svg>
  41 </body>
  42 </html>