| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 #inspected:before { | 4 #inspected:before { |
| 5 content: "BEFORE"; | 5 content: "BEFORE"; |
| 6 } | 6 } |
| 7 | 7 |
| 8 #inspected:after { | 8 #inspected:after { |
| 9 content: "AFTER"; | 9 content: "AFTER"; |
| 10 } | 10 } |
| (...skipping 135 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 146 executeAndDumpTree("removeLastRule()", WebInspector.DOMModel.Events.
NodeRemoved, next); | 146 executeAndDumpTree("removeLastRule()", WebInspector.DOMModel.Events.
NodeRemoved, next); |
| 147 }, | 147 }, |
| 148 | 148 |
| 149 function removeBefore(next) | 149 function removeBefore(next) |
| 150 { | 150 { |
| 151 executeAndDumpTree("removeLastRule()", WebInspector.DOMModel.Events.
NodeRemoved, next); | 151 executeAndDumpTree("removeLastRule()", WebInspector.DOMModel.Events.
NodeRemoved, next); |
| 152 }, | 152 }, |
| 153 | 153 |
| 154 function addAfter(next) | 154 function addAfter(next) |
| 155 { | 155 { |
| 156 executeAndDumpTree("addAfterRule()", WebInspector.DOMModel.Events.No
deInserted, next); | 156 executeAndDumpTree("addAfterRule()", WebInspector.DOMModel.Events.No
deInserted, expandAndDumpTree.bind(this, next)); |
| 157 }, | 157 }, |
| 158 | 158 |
| 159 function addBefore(next) | 159 function addBefore(next) |
| 160 { | 160 { |
| 161 executeAndDumpTree("addBeforeRule()", WebInspector.DOMModel.Events.N
odeInserted, next); | 161 executeAndDumpTree("addBeforeRule()", WebInspector.DOMModel.Events.N
odeInserted, next); |
| 162 }, | 162 }, |
| 163 | 163 |
| 164 function modifyTextContent(next) | 164 function modifyTextContent(next) |
| 165 { | 165 { |
| 166 executeAndDumpTree("modifyTextContent()", WebInspector.DOMModel.Even
ts.NodeInserted, next); | 166 executeAndDumpTree("modifyTextContent()", WebInspector.DOMModel.Even
ts.NodeInserted, next); |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 198 } | 198 } |
| 199 | 199 |
| 200 function treeCallback() | 200 function treeCallback() |
| 201 { | 201 { |
| 202 InspectorTest.firstElementsTreeOutline().removeEventListener(WebInsp
ector.ElementsTreeOutline.Events.ElementsTreeUpdated, treeCallback, this); | 202 InspectorTest.firstElementsTreeOutline().removeEventListener(WebInsp
ector.ElementsTreeOutline.Events.ElementsTreeUpdated, treeCallback, this); |
| 203 InspectorTest.dumpElementsTree(containerNode); | 203 InspectorTest.dumpElementsTree(containerNode); |
| 204 next(); | 204 next(); |
| 205 } | 205 } |
| 206 } | 206 } |
| 207 | 207 |
| 208 function expandAndDumpTree(next) |
| 209 { |
| 210 InspectorTest.addResult("== Expanding: =="); |
| 211 InspectorTest.expandElementsTree(callback); |
| 212 function callback() |
| 213 { |
| 214 InspectorTest.dumpElementsTree(containerNode); |
| 215 next(); |
| 216 } |
| 217 } |
| 218 |
| 208 function selectNodeAndDumpStyles(id, pseudoTypeName, callback) | 219 function selectNodeAndDumpStyles(id, pseudoTypeName, callback) |
| 209 { | 220 { |
| 210 if (pseudoTypeName) | 221 if (pseudoTypeName) |
| 211 InspectorTest.selectPseudoIdNodeAndWaitForStyles("inspected", pseudo
TypeName, stylesCallback); | 222 InspectorTest.selectPseudoIdNodeAndWaitForStyles("inspected", pseudo
TypeName, stylesCallback); |
| 212 else | 223 else |
| 213 InspectorTest.selectNodeAndWaitForStyles("inspected", stylesCallback
); | 224 InspectorTest.selectNodeAndWaitForStyles("inspected", stylesCallback
); |
| 214 | 225 |
| 215 function stylesCallback() | 226 function stylesCallback() |
| 216 { | 227 { |
| 217 InspectorTest.dumpSelectedElementStyles(false, false, false, true); | 228 InspectorTest.dumpSelectedElementStyles(false, false, false, true); |
| (...skipping 10 matching lines...) Expand all Loading... |
| 228 Tests that pseudo elements and their styles are handled properly. | 239 Tests that pseudo elements and their styles are handled properly. |
| 229 </p> | 240 </p> |
| 230 | 241 |
| 231 <div id="container"> | 242 <div id="container"> |
| 232 <div id="inspected">Text</div> | 243 <div id="inspected">Text</div> |
| 233 <div id="empty"></div> | 244 <div id="empty"></div> |
| 234 </div> | 245 </div> |
| 235 | 246 |
| 236 </body> | 247 </body> |
| 237 </html> | 248 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 467233002:
DevTools: Make sure ElementsTreeOutline is correctly rendered when element's hasChildren state chan… (Closed)
Base URL: svn://svn.chromium.org/blink/trunk