OLD | NEW |
| (Empty) |
1 Tests that changes to an inline style and ancestor/sibling className from JavaSc
ript are reflected in the Styles pane and Elements tree. | |
2 | |
3 | |
4 Running: testInit | |
5 | |
6 Running: testSetStyleAttribute | |
7 <div id="container" style="color: #daC0DE; border: 1px solid black;">…</div> | |
8 [expanded] | |
9 element.style { () | |
10 color: #daC0DE; | |
11 border: 1px solid black; | |
12 border-top-color: black; | |
13 border-top-style: solid; | |
14 border-top-width: 1px; | |
15 border-right-color: black; | |
16 border-right-style: solid; | |
17 border-right-width: 1px; | |
18 border-bottom-color: black; | |
19 border-bottom-style: solid; | |
20 border-bottom-width: 1px; | |
21 border-left-color: black; | |
22 border-left-style: solid; | |
23 border-left-width: 1px; | |
24 | |
25 [expanded] | |
26 div { (user agent stylesheet) | |
27 display: block; | |
28 | |
29 | |
30 Running: testSetStyleCSSText | |
31 <div id="container" style="color: rgb(192, 255, 238);">…</div> | |
32 [expanded] | |
33 element.style { () | |
34 color: rgb(192, 255, 238); | |
35 | |
36 [expanded] | |
37 div { (user agent stylesheet) | |
38 display: block; | |
39 | |
40 | |
41 Running: testSetViaParsedAttributes | |
42 <div id="container" style="color: rgb(192, 255, 238); border: 3px dashed green;"
>…</div> | |
43 [expanded] | |
44 element.style { () | |
45 color: rgb(192, 255, 238); | |
46 border: 3px dashed green; | |
47 border-top-color: green; | |
48 border-top-style: dashed; | |
49 border-top-width: 3px; | |
50 border-right-color: green; | |
51 border-right-style: dashed; | |
52 border-right-width: 3px; | |
53 border-bottom-color: green; | |
54 border-bottom-style: dashed; | |
55 border-bottom-width: 3px; | |
56 border-left-color: green; | |
57 border-left-style: dashed; | |
58 border-left-width: 3px; | |
59 | |
60 [expanded] | |
61 div { (user agent stylesheet) | |
62 display: block; | |
63 | |
64 | |
65 Running: testSetViaAncestorClass | |
66 <div id="child"></div> | |
67 [expanded] | |
68 element.style { () | |
69 | |
70 [expanded] | |
71 .red div:first-child { (styles-update-from-js.html:4 -> styles-update-from-js.h
tml:4:1) | |
72 background-color: red; | |
73 | |
74 [expanded] | |
75 div { (user agent stylesheet) | |
76 display: block; | |
77 | |
78 ======== Inherited from div#container.red ======== | |
79 [expanded] | |
80 Style Attribute { () | |
81 color: rgb(192, 255, 238); | |
82 | |
83 | |
84 Running: testSetViaSiblingAttr | |
85 <div id="childSibling"></div> | |
86 [expanded] | |
87 element.style { () | |
88 | |
89 [expanded] | |
90 div[foo="bar"] + div { (styles-update-from-js.html:8 -> styles-update-from-js.h
tml:8:1) | |
91 background-color: blue; | |
92 | |
93 [expanded] | |
94 div { (user agent stylesheet) | |
95 display: block; | |
96 | |
97 ======== Inherited from div#container.red ======== | |
98 [expanded] | |
99 Style Attribute { () | |
100 color: rgb(192, 255, 238); | |
101 | |
102 | |
OLD | NEW |