| OLD | NEW |
|---|
| 1 Tests that pseudo elements and their styles are handled properly. | 1 Tests that pseudo elements and their styles are handled properly. |
| 2 | 2 |
| 3 | 3 |
| 4 Running: dumpOriginalTree | 4 Running: dumpOriginalTree |
| 5 Original elements tree: | 5 Original elements tree: |
| 6 - <div id="container"> | 6 - <div id="container"> |
| 7 - <div id="inspected"> | 7 - <div id="inspected"> |
| 8 ::before | 8 ::before |
| 9 "Text" | 9 "Text" |
| 10 ::after | 10 ::after |
| 11 </div> | 11 </div> |
| 12 - <div id="empty"> | 12 - <div id="empty"> |
| 13 ::before | 13 ::before |
| 14 ::after | 14 ::after |
| 15 </div> | 15 </div> |
| 16 </div> | 16 </div> |
| 17 | 17 |
| 18 Running: dumpNormalNodeStyles | 18 Running: dumpNormalNodeStyles |
| 19 [expanded] | 19 [expanded] |
| 20 element.style { () | 20 element.style { () |
| 21 | 21 |
| 22 [expanded] | 22 [expanded] |
| 23 [$div$] { (user agent stylesheet) | 23 [$div$] { (user agent stylesheet) |
| 24 display: block; | 24 display: block; |
| 25 | 25 |
| 26 | |
| 27 ======== Pseudo ::before element ======== | 26 ======== Pseudo ::before element ======== |
| 28 [expanded] | 27 [expanded] |
| 29 [$#inspected:before$], .some-other-selector { (pseudo-elements.html:4 -> pseudo
-elements.html:4:1) | 28 [$#inspected:before$], .some-other-selector { (pseudo-elements.html:4 -> pseudo
-elements.html:4:1) |
| 30 content: "BEFORE"; | 29 content: "BEFORE"; |
| 31 | 30 |
| 32 | |
| 33 ======== Pseudo ::after element ======== | 31 ======== Pseudo ::after element ======== |
| 34 [expanded] | 32 [expanded] |
| 35 [$#inspected:after$] { (pseudo-elements.html:8 -> pseudo-elements.html:8:1) | 33 [$#inspected:after$] { (pseudo-elements.html:8 -> pseudo-elements.html:8:1) |
| 36 content: "AFTER"; | 34 content: "AFTER"; |
| 37 | 35 |
| 38 | 36 |
| 39 | |
| 40 Running: dumpBeforeStyles | 37 Running: dumpBeforeStyles |
| 41 [expanded] | 38 [expanded] |
| 42 [$#inspected:before$], .some-other-selector { (pseudo-elements.html:4 -> pseudo
-elements.html:4:1) | 39 [$#inspected:before$], .some-other-selector { (pseudo-elements.html:4 -> pseudo
-elements.html:4:1) |
| 43 content: "BEFORE"; | 40 content: "BEFORE"; |
| 44 | 41 |
| 45 | 42 |
| 46 | |
| 47 Running: dumpAfterStyles | 43 Running: dumpAfterStyles |
| 48 [expanded] | 44 [expanded] |
| 49 [$#inspected:after$] { (pseudo-elements.html:8 -> pseudo-elements.html:8:1) | 45 [$#inspected:after$] { (pseudo-elements.html:8 -> pseudo-elements.html:8:1) |
| 50 content: "AFTER"; | 46 content: "AFTER"; |
| 51 | 47 |
| 52 | 48 |
| 53 | |
| 54 Running: removeAfter | 49 Running: removeAfter |
| 55 - <div id="container"> | 50 - <div id="container"> |
| 56 - <div id="inspected"> | 51 - <div id="inspected"> |
| 57 ::before | 52 ::before |
| 58 "Text" | 53 "Text" |
| 59 </div> | 54 </div> |
| 60 - <div id="empty"> | 55 - <div id="empty"> |
| 61 ::before | 56 ::before |
| 62 ::after | 57 ::after |
| 63 </div> | 58 </div> |
| (...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 133 Running: removeNodeAndCheckPseudoElementsUnbound | 128 Running: removeNodeAndCheckPseudoElementsUnbound |
| 134 - <div id="container"> | 129 - <div id="container"> |
| 135 - <div id="empty"> | 130 - <div id="empty"> |
| 136 ::before | 131 ::before |
| 137 ::after | 132 ::after |
| 138 </div> | 133 </div> |
| 139 </div> | 134 </div> |
| 140 inspected:before DOMNode in DOMAgent: false | 135 inspected:before DOMNode in DOMAgent: false |
| 141 inspected:after DOMNode in DOMAgent: false | 136 inspected:after DOMNode in DOMAgent: false |
| 142 | 137 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1002293002:
DevTools: [SSP] refactor internal representations of sections (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master