3 <script src="../../../http/tests/inspector/inspector-test.js"></script>
4 <script src="../../../http/tests/inspector/elements-test.js"></script>
7 function createShadowRoot()
9 var template = document.querySelector('#tmpl');
10 var root = document.querySelector('#host').createShadowRoot();
11 root.appendChild(template.content.cloneNode(true));
16 InspectorTest.runTestSuite([
17 function testInit(next)
19 InspectorTest.evaluateInPage("createShadowRoot()", callback);
22 InspectorTest.selectNodeAndWaitForStyles("inner", next);
26 function testDumpStyles(next)
28 InspectorTest.dumpSelectedElementStyles(true);
36 <body onload="runTest()">
38 This test checks that style sheets hosted inside shadow roots
43 <style> .red { color: red; } </style>
44 <div id="inner" class="red">hi!</div>