| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspecto
r-protocol-test.js"></script> |
| 5 <script type="text/javascript" src="../../http/tests/inspector-protocol/css-prot
ocol-test.js"></script> |
| 6 <script type="text/javascript" src="../../http/tests/inspector-protocol/dom-prot
ocol-test.js"></script> |
| 7 <script type="text/javascript"> |
| 8 function test() |
| 9 { |
| 10 var documentNodeId; |
| 11 InspectorTest.eventHandler["DOM.setChildNodes"] = onChildNodes; |
| 12 InspectorTest.requestDocumentNodeId(onDocumentNodeId); |
| 13 |
| 14 var nodesMap = new Map(); |
| 15 |
| 16 function onChildNodes(result) |
| 17 { |
| 18 for (var node of result.params.nodes) |
| 19 nodesMap.set(node.nodeId, node); |
| 20 } |
| 21 |
| 22 function onDocumentNodeId(nodeId) |
| 23 { |
| 24 documentNodeId = nodeId; |
| 25 InspectorTest.sendCommandOrDie("CSS.enable", {}); |
| 26 InspectorTest.requestNodeId(nodeId, "#shadow-host", onHostReceived); |
| 27 } |
| 28 |
| 29 function onHostReceived(hostId) |
| 30 { |
| 31 var host = nodesMap.get(hostId); |
| 32 var root = host.shadowRoots[0]; |
| 33 InspectorTest.requestNodeId(root.nodeId, "#inspected", onNodeReceived); |
| 34 } |
| 35 |
| 36 function onNodeReceived(nodeId) |
| 37 { |
| 38 InspectorTest.loadAndDumpMatchingRulesForNode(nodeId, InspectorTest.comp
leteTest.bind(InspectorTest)); |
| 39 } |
| 40 } |
| 41 </script> |
| 42 </head> |
| 43 <style> |
| 44 /** This style should be inherited by shadow DOM */ |
| 45 body { |
| 46 color: blue; |
| 47 } |
| 48 </style> |
| 49 <body> |
| 50 <template> |
| 51 <div id="inspected">Inspect me.</div> |
| 52 </template> |
| 53 <div id="shadow-host"> |
| 54 </div> |
| 55 <script type="text/javascript"> |
| 56 var shadowRoot = document.querySelector("#shadow-host").createShadowRoot
(); |
| 57 var template = document.querySelector("template"); |
| 58 var clone = document.importNode(template.content, true); |
| 59 shadowRoot.appendChild(clone); |
| 60 runTest(); |
| 61 </script> |
| 62 </body> |
| 63 </html> |
| 64 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1182483004:
DevTools: [CSS] getMatchedStylesForNode should return styles inherited through shadow boundary (Closed)
Base URL: svn://svn.chromium.org/blink/trunk