| 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 |