third_party/WebKit/LayoutTests/svg/custom/circle-update-to-empty.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-layout-and-paint.js"></script>
   3 <script>
   4 if (window.testRunner)
   5   testRunner.waitUntilDone();
   6
   7 runAfterLayoutAndPaint(function() {
   8   document.getElementById('c1').setAttribute('r', 0);
   9   document.getElementById('c2').setAttribute('r', -50);
  10   if (window.testRunner)
  11     testRunner.notifyDone();
  12 });
  13 </script>
  14 <svg width="200" height="100">
  15   <rect width="200" height="100" fill="green"/>
  16   <circle id="c1" cx="50" cy="50" r="50" stroke="red" fill="red" vector-effect="non-scaling-stroke"/>
  17   <circle id="c2" cx="150" cy="50" r="50" stroke="red" fill="red" vector-effect="non-scaling-stroke"/>
  18 </svg>