| OLD | NEW |
| (Empty) |
| 1 Tests that emulated CSS media is reflected in the Styles pane. | |
| 2 | |
| 3 Original style: | |
| 4 [expanded] | |
| 5 element.style { () | |
| 6 | |
| 7 [expanded] | |
| 8 #main { (media-emulation.html:5 -> media-emulation.html:5:1) | |
| 9 color: red; | |
| 10 | |
| 11 [expanded] | |
| 12 div { (user agent stylesheet) | |
| 13 display: block; | |
| 14 | |
| 15 print media emulated: | |
| 16 [expanded] | |
| 17 element.style { () | |
| 18 | |
| 19 [expanded] | |
| 20 @media print (media-emulation.html:7 -> media-emulation.html:7:8) | |
| 21 #main { (media-emulation.html:8 -> media-emulation.html:8:1) | |
| 22 color: black; | |
| 23 | |
| 24 [expanded] | |
| 25 #main { (media-emulation.html:5 -> media-emulation.html:5:1) | |
| 26 /-- overloaded --/ color: red; | |
| 27 | |
| 28 [expanded] | |
| 29 div { (user agent stylesheet) | |
| 30 display: block; | |
| 31 | |
| 32 [expanded] | |
| 33 * { (user agent stylesheet) | |
| 34 -webkit-column-width: auto; | |
| 35 -webkit-column-count: auto; | |
| 36 | |
| 37 tty media emulated: | |
| 38 [expanded] | |
| 39 element.style { () | |
| 40 | |
| 41 [expanded] | |
| 42 @media tty (media-emulation.html:11 -> media-emulation.html:11:8) | |
| 43 #main { (media-emulation.html:12 -> media-emulation.html:12:1) | |
| 44 color: green; | |
| 45 | |
| 46 [expanded] | |
| 47 #main { (media-emulation.html:5 -> media-emulation.html:5:1) | |
| 48 /-- overloaded --/ color: red; | |
| 49 | |
| 50 [expanded] | |
| 51 div { (user agent stylesheet) | |
| 52 display: block; | |
| 53 | |
| 54 No media emulated: | |
| 55 [expanded] | |
| 56 element.style { () | |
| 57 | |
| 58 [expanded] | |
| 59 #main { (media-emulation.html:5 -> media-emulation.html:5:1) | |
| 60 color: red; | |
| 61 | |
| 62 [expanded] | |
| 63 div { (user agent stylesheet) | |
| 64 display: block; | |
| 65 | |
| 66 | |
| OLD | NEW |