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 test() | 7 function test() |
8 { | 8 { |
9 InspectorTest.firstElementsTreeOutline().addEventListener(WebInspector.Eleme
ntsTreeOutline.Events.SelectedNodeChanged, selectedNodeChanged); | 9 InspectorTest.firstElementsTreeOutline().addEventListener(WebInspector.Eleme
ntsTreeOutline.Events.SelectedNodeChanged, selectedNodeChanged); |
10 | 10 |
11 var nodeChangesRemaining = 2; | 11 var nodeChangesRemaining = 2; |
12 function selectedNodeChanged(event) | 12 function selectedNodeChanged(event) |
13 { | 13 { |
14 var node = event.data; | 14 var node = event.data; |
15 if (node.nodeName() === "BODY") | 15 if (node.nodeName() === "BODY") |
16 return; | 16 return; |
17 InspectorTest.addResult("SelectedNodeChanged: " + node.localName() + " "
+ shadowDOMPart(node)); | 17 InspectorTest.addResult("SelectedNodeChanged: " + node.localName() + " "
+ shadowDOMPart(node)); |
18 if (!--nodeChangesRemaining) | 18 if (!--nodeChangesRemaining) |
19 InspectorTest.completeTest(); | 19 InspectorTest.completeTest(); |
20 } | 20 } |
21 | 21 |
22 function shadowDOMPart(node) | 22 function shadowDOMPart(node) |
23 { | 23 { |
24 if (!node.isInShadowTree()) | 24 if (!node.isInShadowTree()) |
25 return "(not in shadow tree)"; | 25 return "(not in shadow tree)"; |
26 return "(in " + (node.ancestorUserAgentShadowRoot() ? "user-agent" : "au
thor") + " shadow DOM)"; | 26 return "(in " + (node.ancestorClosedShadowRoot() ? "user-agent" : "autho
r") + " shadow DOM)"; |
27 } | 27 } |
28 | 28 |
29 InspectorTest.nodeWithId("nested-input", function(node) { | 29 InspectorTest.nodeWithId("nested-input", function(node) { |
30 node.shadowRoots()[0].getChildNodes(childrenCallback); | 30 node.shadowRoots()[0].getChildNodes(childrenCallback); |
31 | 31 |
32 function childrenCallback(children) | 32 function childrenCallback(children) |
33 { | 33 { |
34 var shadowDiv = children[0]; | 34 var shadowDiv = children[0]; |
35 InspectorTest.addResult("User-agent shadow DOM hidden:"); | 35 InspectorTest.addResult("User-agent shadow DOM hidden:"); |
36 WebInspector.panels.elements.revealAndSelectNode(shadowDiv); | 36 WebInspector.panels.elements.revealAndSelectNode(shadowDiv); |
(...skipping 14 matching lines...) Expand all Loading... |
51 | 51 |
52 <script> | 52 <script> |
53 var input = document.createElement("input"); | 53 var input = document.createElement("input"); |
54 input.id = "nested-input"; | 54 input.id = "nested-input"; |
55 input.value = "test"; | 55 input.value = "test"; |
56 test1.createShadowRoot().appendChild(input); | 56 test1.createShadowRoot().appendChild(input); |
57 </script> | 57 </script> |
58 | 58 |
59 </body> | 59 </body> |
60 </html> | 60 </html> |
OLD | NEW |