OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../../../http/tests/inspector/inspector-test.js"></script> | 3 <script src="../../../http/tests/inspector/inspector-test.js"></script> |
4 <script src="../../../http/tests/inspector/elements-test.js"></script> | 4 <script src="../../../http/tests/inspector/elements-test.js"></script> |
5 <script> | 5 <script> |
6 | 6 |
7 function createShadowRoot() | 7 function createShadowRoot() |
8 { | 8 { |
9 var template = document.querySelector('#tmpl'); | 9 var template = document.querySelector('#tmpl'); |
10 var root = document.querySelector('#host').webkitCreateShadowRoot(); | 10 var root = document.querySelector('#host').createShadowRoot(); |
11 root.appendChild(template.content.cloneNode(true)); | 11 root.appendChild(template.content.cloneNode(true)); |
12 } | 12 } |
13 | 13 |
14 function test() | 14 function test() |
15 { | 15 { |
16 InspectorTest.runTestSuite([ | 16 InspectorTest.runTestSuite([ |
17 function testInit(next) | 17 function testInit(next) |
18 { | 18 { |
19 InspectorTest.evaluateInPage("createShadowRoot()", callback); | 19 InspectorTest.evaluateInPage("createShadowRoot()", callback); |
20 function callback() | 20 function callback() |
(...skipping 17 matching lines...) Expand all Loading... |
38 This test checks that style sheets hosted inside shadow roots | 38 This test checks that style sheets hosted inside shadow roots |
39 could be inspected. | 39 could be inspected. |
40 </p> | 40 </p> |
41 <div id="host"></div> | 41 <div id="host"></div> |
42 <template id="tmpl"> | 42 <template id="tmpl"> |
43 <style> .red { color: red; } </style> | 43 <style> .red { color: red; } </style> |
44 <div id="inner" class="red">hi!</div> | 44 <div id="inner" class="red">hi!</div> |
45 </template> | 45 </template> |
46 </body> | 46 </body> |
47 </html> | 47 </html> |
OLD | NEW |