| 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 ======== Pseudo ::before element ======== | 26 ======== Pseudo ::before element ======== |
| 27 [expanded] | 27 [expanded] |
| 28 [$#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:42) |
| 29 content: "BEFORE"; | 29 content: "BEFORE"; |
| 30 | 30 |
| 31 ======== Pseudo ::after element ======== | 31 ======== Pseudo ::after element ======== |
| 32 [expanded] | 32 [expanded] |
| 33 [$#inspected:after$] { (pseudo-elements.html:8 -> pseudo-elements.html:8:1) | 33 [$#inspected:after$] { (pseudo-elements.html:8 -> pseudo-elements.html:8:19) |
| 34 content: "AFTER"; | 34 content: "AFTER"; |
| 35 | 35 |
| 36 | 36 |
| 37 Running: dumpBeforeStyles | 37 Running: dumpBeforeStyles |
| 38 [expanded] | 38 [expanded] |
| 39 [$#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:42) |
| 40 content: "BEFORE"; | 40 content: "BEFORE"; |
| 41 | 41 |
| 42 | 42 |
| 43 Running: dumpAfterStyles | 43 Running: dumpAfterStyles |
| 44 [expanded] | 44 [expanded] |
| 45 [$#inspected:after$] { (pseudo-elements.html:8 -> pseudo-elements.html:8:1) | 45 [$#inspected:after$] { (pseudo-elements.html:8 -> pseudo-elements.html:8:19) |
| 46 content: "AFTER"; | 46 content: "AFTER"; |
| 47 | 47 |
| 48 | 48 |
| 49 Running: removeAfter | 49 Running: removeAfter |
| 50 - <div id="container"> | 50 - <div id="container"> |
| 51 - <div id="inspected"> | 51 - <div id="inspected"> |
| 52 ::before | 52 ::before |
| 53 "Text" | 53 "Text" |
| 54 </div> | 54 </div> |
| 55 - <div id="empty"> | 55 - <div id="empty"> |
| (...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 128 Running: removeNodeAndCheckPseudoElementsUnbound | 128 Running: removeNodeAndCheckPseudoElementsUnbound |
| 129 - <div id="container"> | 129 - <div id="container"> |
| 130 - <div id="empty"> | 130 - <div id="empty"> |
| 131 ::before | 131 ::before |
| 132 ::after | 132 ::after |
| 133 </div> | 133 </div> |
| 134 </div> | 134 </div> |
| 135 inspected:before DOMNode in DOMAgent: false | 135 inspected:before DOMNode in DOMAgent: false |
| 136 inspected:after DOMNode in DOMAgent: false | 136 inspected:after DOMNode in DOMAgent: false |
| 137 | 137 |
| OLD | NEW |