OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../inspector/inspector-test.js"></script> | 3 <script src="../inspector/inspector-test.js"></script> |
4 <script src="../inspector/elements-test.js"></script> | 4 <script src="../inspector/elements-test.js"></script> |
5 <script> | 5 <script> |
6 | 6 |
7 function reopenWebInspector(objectId) | 7 function reopenWebInspector(objectId) |
8 { | 8 { |
9 window.didReopen = 1; | 9 window.didReopen = 1; |
10 testRunner.closeWebInspector(); | 10 testRunner.closeWebInspector(); |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 } | 42 } |
43 } | 43 } |
44 | 44 |
45 function reopenInspector() | 45 function reopenInspector() |
46 { | 46 { |
47 InspectorTest.evaluateInPage("reopenWebInspector()"); | 47 InspectorTest.evaluateInPage("reopenWebInspector()"); |
48 } | 48 } |
49 | 49 |
50 function runTests(callback) | 50 function runTests(callback) |
51 { | 51 { |
52 WebInspector.settings.showShadowDOM.set(true); | |
53 InspectorTest.selectNodeAndWaitForStyles("inner", step2); | 52 InspectorTest.selectNodeAndWaitForStyles("inner", step2); |
54 | 53 |
55 function step2() | 54 function step2() |
56 { | 55 { |
57 InspectorTest.dumpSelectedElementStyles(true); | 56 InspectorTest.dumpSelectedElementStyles(true); |
58 callback(); | 57 callback(); |
59 } | 58 } |
60 } | 59 } |
61 } | 60 } |
62 </script> | 61 </script> |
63 </head> | 62 </head> |
64 | 63 |
65 <body onload="createShadowRoot()"> | 64 <body onload="createShadowRoot()"> |
66 <p>This test checks that style sheets hosted inside shadow roots could be inspec
ted if inspector is reopened.</p> | 65 <p>This test checks that style sheets hosted inside shadow roots could be inspec
ted if inspector is reopened.</p> |
67 <div id="host"></div> | 66 <div id="host"></div> |
68 <template id="tmpl"> | 67 <template id="tmpl"> |
69 <style> .red { color: red; } </style> | 68 <style> .red { color: red; } </style> |
70 <div id="inner" class="red">hi!</div> | 69 <div id="inner" class="red">hi!</div> |
71 </template> | 70 </template> |
72 </body> | 71 </body> |
73 </html> | 72 </html> |
OLD | NEW |