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 |