| OLD | NEW |
| (Empty) |
| 1 Tests that editing media text updates element styles. | |
| 2 | |
| 3 Text | |
| 4 === Before media text modification === | |
| 5 [expanded] | |
| 6 element.style { () | |
| 7 color: red; | |
| 8 | |
| 9 [expanded] | |
| 10 @media screen and (max-device-width: 100000px) (edit-media-text.html:4 -> edit-m
edia-text.html:4:8) | |
| 11 #inspected { (edit-media-text.html:8 -> edit-media-text.html:8:5) | |
| 12 /-- overloaded --/ color: blue; | |
| 13 | |
| 14 [expanded] | |
| 15 @media screen and (max-device-width: 100000px) (edit-media-text.html:4 -> edit-m
edia-text.html:4:8) | |
| 16 #inspected { (edit-media-text.html:5 -> edit-media-text.html:5:5) | |
| 17 /-- overloaded --/ color: green; | |
| 18 | |
| 19 [expanded] | |
| 20 div { (user agent stylesheet) | |
| 21 display: block; | |
| 22 | |
| 23 === After valid media text modification === | |
| 24 [expanded] | |
| 25 element.style { () | |
| 26 color: red; | |
| 27 | |
| 28 [expanded] | |
| 29 @media screen and (max-device-width: 99999px) (edit-media-text.html:4 -> edit-me
dia-text.html:4:8) | |
| 30 #inspected { (edit-media-text.html:8 -> edit-media-text.html:8:5) | |
| 31 /-- overloaded --/ color: blue; | |
| 32 | |
| 33 [expanded] | |
| 34 @media screen and (max-device-width: 99999px) (edit-media-text.html:4 -> edit-me
dia-text.html:4:8) | |
| 35 #inspected { (edit-media-text.html:5 -> edit-media-text.html:5:5) | |
| 36 /-- overloaded --/ color: green; | |
| 37 | |
| 38 [expanded] | |
| 39 div { (user agent stylesheet) | |
| 40 display: block; | |
| 41 | |
| 42 === After invalid media text modification === | |
| 43 [expanded] | |
| 44 element.style { () | |
| 45 color: red; | |
| 46 | |
| 47 [expanded] | |
| 48 @media not all (edit-media-text.html:4 -> edit-media-text.html:4:8) | |
| 49 #inspected { (edit-media-text.html:8 -> edit-media-text.html:8:5) | |
| 50 /-- overloaded --/ color: blue; | |
| 51 | |
| 52 [expanded] | |
| 53 @media not all (edit-media-text.html:4 -> edit-media-text.html:4:8) | |
| 54 #inspected { (edit-media-text.html:5 -> edit-media-text.html:5:5) | |
| 55 /-- overloaded --/ color: green; | |
| 56 | |
| 57 [expanded] | |
| 58 div { (user agent stylesheet) | |
| 59 display: block; | |
| 60 | |
| 61 | |
| OLD | NEW |