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