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:1) |
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:1) |
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:1) |
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:1) |
46 content: "AFTER"; | 46 content: "AFTER"; |
47 | 47 |
48 | 48 |
49 Running: removeAfter | 49 Running: removeAfter |
(...skipping 78 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 |