<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<title>Test for bug 1066554 - Shadow DOM loads SVG stylesheets as needed</title>
<body>
  <div id="x"></div>
  <script>
    function insertShadowSVG() {
      var x = document.getElementById("x");
      x.createShadowRoot();
      x.shadowRoot.innerHTML =
        '<svg width="50px" height="10px"> \
           <switch> \
             <foreignObject width="50px" height="50px"> \
               <div style="width: 100px; height: 10px; background: red;"></div> \
             </foreignObject> \
           </switch> \
         </svg>';
      document.documentElement.removeAttribute("class");
    }
    window.addEventListener("MozReftestInvalidate", insertShadowSVG, false);
  </script>
</body>
</html>