Tests that editing media text updates element styles.
=== Before media text modification ===
[expanded]
element.style { ()
color: red;
[expanded]
@media screen and (max-device-width: 100000px) {
#inspected { (<style>)
/-- overloaded --/ color: blue;
[expanded]
@media screen and (max-device-width: 100000px) {
#inspected { (<style>)
/-- overloaded --/ color: green;
[expanded]
div { (user agent stylesheet)
display: block;
unicode-bidi: isolate;
=== After valid media text modification ===
[expanded]
element.style { ()
color: red;
[expanded]
@media screen and (max-device-width: 99999px) {
#inspected { (<style>)
/-- overloaded --/ color: blue;
[expanded]
@media screen and (max-device-width: 99999px) {
#inspected { (<style>)
/-- overloaded --/ color: green;
[expanded]
div { (user agent stylesheet)
display: block;
unicode-bidi: isolate;
=== After invalid media text modification ===
[expanded]
element.style { ()
color: red;
[expanded]
#inspected { (<style>)
/-- overloaded --/ color: blue;
[expanded]
#inspected { (<style>)
/-- overloaded --/ color: green;
[expanded]
div { (user agent stylesheet)
display: block;
unicode-bidi: isolate;