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;