src/third_party/WebKit/LayoutTests/svg/custom/load-image-reparented-in-onload.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/testharness.js"></script>
   3 <script src="../../resources/testharnessreport.js"></script>
   4 <script>
   5 var events = [];
   6 function logLoadEvent(event) {
   7   events.push(event.target.id);
   8 }
   9 function reparentAndLogLoadEvent(event) {
  10   logLoadEvent(event);
  11   var element = event.target;
  12   var newParent = element.parentNode.previousSibling.previousSibling;
  13   newParent.appendChild(element);
  14 }
  15
  16 var t = async_test("'load' event fires on parent of element reparented in onload handler.");
  17
  18 window.onload = function() {
  19   t.step(function() {
  20     assert_equals(events.length, 4);
  21     assert_equals(events[0], "inner1");
  22     assert_equals(events[1], "image");
  23     assert_equals(events[2], "inner2");
  24     assert_equals(events[3], "outer");
  25   }, 'Verify order and presence of events');
  26   t.done();
  27 };
  28 </script>
  29 <svg id="outer" onload="logLoadEvent(evt)">
  30   <svg id="inner1" onload="logLoadEvent(evt)"></svg>
  31   <svg id="inner2" onload="logLoadEvent(evt)">
  32     <image id="image" onload="reparentAndLogLoadEvent(evt)"
  33            xlink:href="resources/red-checker.png" width="10" height="10"/>
  34   </svg>
  35 </svg>