<!DOCTYPE html>
<html>
<body>
  <object id="object1" data="resources/lime100x100.svg">
    <img src="resources/red100x100.svg">
  </object>
  <object id="object2" type="image/svg+xml" data="resources/red100x100.svg">
    <img src="resources/red100x100.svg">
  </object>
  <object width="100px" height="100px" id="object3">
    <img src="resources/red100x100.svg">
  </object>
  <object id="object4" type="dummy">
    <img src="resources/red100x100.svg">
  </object>
  <object id="object5" type="dummy">
    <img src="resources/red100x100.svg">
  </object>
  <object id="object6" type="image/svg+xml" data="resources/red100x100.svg">
    <img src="resources/lime100x100.svg">
  </object>
  <script>
    function onObjectLoad() {
      if (!window.testRunner)
        return;
        
      if (typeof onObjectLoad.counter == 'undefined')
        onObjectLoad.counter = 0;
    
      if (++onObjectLoad.counter == 4)
        testRunner.notifyDone();
    }
 
    window.addEventListener("load", function() {
      if (window.testRunner)
        testRunner.waitUntilDone();

      // change the 'type' attribute
      var object1 = document.getElementById("object1");
      object1.setAttribute("type", "image/svg+xml");

      // change the 'data' attribute
      var object2 = document.getElementById("object2");
      object2.onload = onObjectLoad;
      object2.setAttribute("data", "resources/lime100x100.svg");

      // change the 'data' attribute
      var object3 = document.getElementById("object3");
      object3.onload = onObjectLoad;
      object3.setAttribute("data", "resources/lime100x100.html");

      // change the 'type' then the 'data' attributes of an image object
      var object4 = document.getElementById("object4");
      object4.onload = onObjectLoad;
      object4.setAttribute("type", "image/png");
      object4.setAttribute("data", "resources/lime100x100.png");

      // change the 'data' then the 'type' attributes of an image object
      var object5 = document.getElementById("object5");
      object5.onload = onObjectLoad;
      object5.setAttribute("data", "resources/lime100x100.png");
      object5.setAttribute("type", "image/png");

      // object rederer fallback
      var object6 = document.getElementById("object6");
      object6.setAttribute("type", "dummy");
    });
  </script>
</body>
</html>