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 var treeOutline; | 9 var treeOutline; |
10 var parentNode; | 10 var parentNode; |
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
82 function callback3(style) | 82 function callback3(style) |
83 { | 83 { |
84 InspectorTest.addResult("=== Child node is visible ==="); | 84 InspectorTest.addResult("=== Child node is visible ==="); |
85 InspectorTest.addResult(style.getLiveProperty("visibility").prop
ertyText); | 85 InspectorTest.addResult(style.getLiveProperty("visibility").prop
ertyText); |
86 next(); | 86 next(); |
87 } | 87 } |
88 }, | 88 }, |
89 | 89 |
90 function testToggleHideBeforePseudoShortcutOn(next) | 90 function testToggleHideBeforePseudoShortcutOn(next) |
91 { | 91 { |
92 testPseudoToggle(WebInspector.DOMNode.PseudoElementNames.Before, nex
t); | 92 testPseudoToggle(parentNode.beforePseudoElement(), next); |
93 }, | 93 }, |
94 | 94 |
95 function testToggleHideAfterPseudoShortcutOn(next) | 95 function testToggleHideAfterPseudoShortcutOn(next) |
96 { | 96 { |
97 testPseudoToggle(WebInspector.DOMNode.PseudoElementNames.After, next
); | 97 testPseudoToggle(parentNode.afterPseudoElement(), next); |
98 }, | 98 }, |
99 | 99 |
100 function testToggleHideBeforePseudoShortcutOff(next) | 100 function testToggleHideBeforePseudoShortcutOff(next) |
101 { | 101 { |
102 testPseudoToggle(WebInspector.DOMNode.PseudoElementNames.Before, nex
t); | 102 testPseudoToggle(parentNode.beforePseudoElement(), next); |
103 }, | 103 }, |
104 | 104 |
105 function testToggleHideAfterPseudoShortcutOff(next) | 105 function testToggleHideAfterPseudoShortcutOff(next) |
106 { | 106 { |
107 testPseudoToggle(WebInspector.DOMNode.PseudoElementNames.After, next
); | 107 testPseudoToggle(parentNode.afterPseudoElement(), next); |
108 }, | 108 }, |
109 | 109 |
110 function testToggleHideShortcutOnInFrame(next) | 110 function testToggleHideShortcutOnInFrame(next) |
111 { | 111 { |
112 treeOutline._toggleHideShortcut(frameNode, callback); | 112 treeOutline._toggleHideShortcut(frameNode, callback); |
113 | 113 |
114 function callback() | 114 function callback() |
115 { | 115 { |
116 InspectorTest.addResult("=== Added hide shortcut in frame ==="); | 116 InspectorTest.addResult("=== Added hide shortcut in frame ==="); |
117 WebInspector.cssModel.getComputedStyleAsync(frameNode.id, callba
ck2); | 117 WebInspector.cssModel.getComputedStyleAsync(frameNode.id, callba
ck2); |
118 } | 118 } |
119 | 119 |
120 function callback2(style) | 120 function callback2(style) |
121 { | 121 { |
122 InspectorTest.addResult("=== Frame node is hidden ==="); | 122 InspectorTest.addResult("=== Frame node is hidden ==="); |
123 InspectorTest.addResult(style.getLiveProperty("visibility").prop
ertyText); | 123 InspectorTest.addResult(style.getLiveProperty("visibility").prop
ertyText); |
124 next(); | 124 next(); |
125 } | 125 } |
126 } | 126 } |
127 ]); | 127 ]); |
128 | 128 |
129 function testPseudoToggle(pseudoType, next) | 129 function testPseudoToggle(pseudoNode, next) |
130 { | 130 { |
131 var pseudoNode = parentNode.pseudoElements()[pseudoType]; | |
132 treeOutline._toggleHideShortcut(pseudoNode, callback); | 131 treeOutline._toggleHideShortcut(pseudoNode, callback); |
133 | 132 |
134 function callback() | 133 function callback() |
135 { | 134 { |
136 WebInspector.cssModel.getComputedStyleAsync(pseudoNode.id, callback2
); | 135 WebInspector.cssModel.getComputedStyleAsync(pseudoNode.id, callback2
); |
137 } | 136 } |
138 | 137 |
139 function callback2(style) | 138 function callback2(style) |
140 { | 139 { |
141 InspectorTest.addResult("::" + pseudoType + " node visibility: '" +
style.getLiveProperty("visibility").value + "'"); | 140 InspectorTest.addResult("::" + pseudoNode.pseudoType() + " node visi
bility: '" + style.getLiveProperty("visibility").value + "'"); |
142 next(); | 141 next(); |
143 } | 142 } |
144 } | 143 } |
145 } | 144 } |
146 </script> | 145 </script> |
147 <style> | 146 <style> |
148 #parent-node::before { | 147 #parent-node::before { |
149 content: "before"; | 148 content: "before"; |
150 } | 149 } |
151 | 150 |
(...skipping 12 matching lines...) Expand all Loading... |
164 <div id="parent-node">parent | 163 <div id="parent-node">parent |
165 <div style="visibility:hidden">hidden | 164 <div style="visibility:hidden">hidden |
166 <div id="child-node" style="visibility:visible">child</div> | 165 <div id="child-node" style="visibility:visible">child</div> |
167 </div> | 166 </div> |
168 </div> | 167 </div> |
169 | 168 |
170 <iframe src="resources/hide-shortcut-iframe.html" onload="runTest()"> | 169 <iframe src="resources/hide-shortcut-iframe.html" onload="runTest()"> |
171 | 170 |
172 </body> | 171 </body> |
173 </html> | 172 </html> |
OLD | NEW |