| 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) | 10 @media screen and (max-device-width: 100000px) |
| 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:17) |
| 12 /-- overloaded --/ color: blue; | 12 /-- overloaded --/ color: blue; |
| 13 | 13 |
| 14 [expanded] | 14 [expanded] |
| 15 @media screen and (max-device-width: 100000px) | 15 @media screen and (max-device-width: 100000px) |
| 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:17) |
| 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 === After valid media text modification === | 23 === After valid media text modification === |
| 24 [expanded] | 24 [expanded] |
| 25 element.style { () | 25 element.style { () |
| 26 color: red; | 26 color: red; |
| 27 | 27 |
| 28 [expanded] | 28 [expanded] |
| 29 @media screen and (max-device-width: 99999px) | 29 @media screen and (max-device-width: 99999px) |
| 30 #inspected { (edit-media-text.html:8 -> edit-media-text.html:8:5) | 30 #inspected { (edit-media-text.html:8 -> edit-media-text.html:8:17) |
| 31 /-- overloaded --/ color: blue; | 31 /-- overloaded --/ color: blue; |
| 32 | 32 |
| 33 [expanded] | 33 [expanded] |
| 34 @media screen and (max-device-width: 99999px) | 34 @media screen and (max-device-width: 99999px) |
| 35 #inspected { (edit-media-text.html:5 -> edit-media-text.html:5:5) | 35 #inspected { (edit-media-text.html:5 -> edit-media-text.html:5:17) |
| 36 /-- overloaded --/ color: green; | 36 /-- overloaded --/ color: green; |
| 37 | 37 |
| 38 [expanded] | 38 [expanded] |
| 39 div { (user agent stylesheet) | 39 div { (user agent stylesheet) |
| 40 display: block; | 40 display: block; |
| 41 | 41 |
| 42 === After invalid media text modification === | 42 === After invalid media text modification === |
| 43 [expanded] | 43 [expanded] |
| 44 element.style { () | 44 element.style { () |
| 45 color: red; | 45 color: red; |
| 46 | 46 |
| 47 [expanded] | 47 [expanded] |
| 48 #inspected { (edit-media-text.html:8 -> edit-media-text.html:8:5) | 48 #inspected { (edit-media-text.html:8 -> edit-media-text.html:8:17) |
| 49 /-- overloaded --/ color: blue; | 49 /-- overloaded --/ color: blue; |
| 50 | 50 |
| 51 [expanded] | 51 [expanded] |
| 52 #inspected { (edit-media-text.html:5 -> edit-media-text.html:5:5) | 52 #inspected { (edit-media-text.html:5 -> edit-media-text.html:5:17) |
| 53 /-- overloaded --/ color: green; | 53 /-- overloaded --/ color: green; |
| 54 | 54 |
| 55 [expanded] | 55 [expanded] |
| 56 div { (user agent stylesheet) | 56 div { (user agent stylesheet) |
| 57 display: block; | 57 display: block; |
| 58 | 58 |
| 59 | 59 |
| OLD | NEW |