third_party/WebKit/LayoutTests/svg/custom/use-detach.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
   3 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 250 250" onload="runRepaintAndPixelTest()">
   4   <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
   5   <script type="text/javascript">
   6   <![CDATA[
   7     window.testIsAsync = true;
   8     function repaintTest() {
   9       var elem = document.getElementById('use');
  10       elem.setAttributeNS(null,'display','inline');
  11       // FIXME: we need a better way of waiting for layout/repainting to happen
  12       window.setTimeout("step2()", 1);
  13     }
  14     function step2() {
  15       var elem = document.getElementById('use');
  16       elem.setAttributeNS(null,'display','none');
  17       // FIXME: we need a better way of waiting for layout/repainting to happen
  18       window.setTimeout("step3()", 1);
  19     }
  20     function step3() {
  21       var elem = document.getElementById('use');
  22       elem.setAttributeNS(null,'display','inline');
  23       finishRepaintTest();
  24     }
  25   ]]>
  26   </script>
  27   <g transform="matrix(1 0 0 1 5 5)">
  28     <defs>
  29       <text id="use_text" x="50" y="31" font-size="12" text-anchor="middle">use</text>
  30       <circle id="use_circle" r="5" cx="50" cy="40" fill="#ff0000"/>
  31
  32     </defs>
  33     <g id="use" stroke="#000000" fill="#000000" display="none">
  34       <use xlink:href="#use_text"/>
  35       <use xlink:href="#use_circle"/>
  36     </g>
  37     <rect x="0" y="0" width="100" height="50" opacity="0.2"/>
  38   </g>
  39   <g transform="matrix(1 0 0 1 10 70)">
  40     <text font-family="'Courier'" font-size="12">
  41
  42       <tspan x="0" y="0">For this test case to be successful, the</tspan>
  43       <tspan x="0" y="15">box above must show text and a circle. </tspan>
  44       <tspan x="0" y="30">Bug 14927</tspan>
  45     </text>
  46   </g>
  47 </svg>