src/third_party/WebKit/LayoutTests/fast/dom/StyleSheet/css-insert-import-rule-to-shadow-stylesheets.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <script>
   5 if (window.testRunner)
   6     testRunner.waitUntilDone();
   7
   8 function runTest() {
   9     var sandbox = document.getElementById('sandbox');
  10     var host = document.createElement('p');
  11     var shadowRoot = host.createShadowRoot();
  12     shadowRoot.innerHTML = '<style>div { width: 100px; height: 100px; }</style><div></div>';
  13     sandbox.appendChild(host);
  14     document.body.offsetLeft;
  15     shadowRoot.styleSheets[0].insertRule('@import url(../resources/css-insert-import-rule.css);', 0);
  16
  17     setTimeout(function(){
  18         if (window.testRunner)
  19             testRunner.notifyDone();
  20     }, 0);
  21 }
  22 </script>
  23 </head>
  24 <body onload="runTest()";>
  25 <div id='sandbox'></div>
  26 </body>
  27 </html>