| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>CSSOM View Module test:MediaQueryList</title> | 4 <title>CSSOM View Module test:MediaQueryList</title> |
| 5 <link rel="author" title="unbug" href="mailto:tidelgl@gmail.com" /> | 5 <link rel="author" title="unbug" href="mailto:tidelgl@gmail.com" /> |
| 6 <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-mediaquerylist-i
nterface"> | 6 <link rel="help" href="http://www.w3.org/TR/cssom-view/#the-mediaquerylist-i
nterface"> |
| 7 <script src="/resources/testharness.js"></script> | 7 <script src="/resources/testharness.js"></script> |
| 8 <script src="/resources/testharnessreport.js"></script> | 8 <script src="/resources/testharnessreport.js"></script> |
| 9 <style type="text/css"> | 9 <style type="text/css"> |
| 10 </style> | 10 </style> |
| 11 </head> | 11 </head> |
| 12 <body> | 12 <body> |
| 13 <p>This case tests the MediaQueryList | 13 <p>This case tests the MediaQueryList</p> |
| 14 <p>The test passes if the value is 1280/800</p> | |
| 15 <div id="log"></div> | 14 <div id="log"></div> |
| 16 <script> | 15 <script> |
| 17 test(function(){ | 16 test(function(){ |
| 18 assert_equals(window.matchMedia('(device-aspect-ratio: 1280/800)').m
atches, true, "Expected value for device-aspect-ratio is 1280/800"); | 17 assert_equals(window.matchMedia('(min-width: 1px)').matches, true, "
Expected any device to match min-width: 1px"); |
| 19 },'matchMedia'); | 18 },'matchMedia'); |
| 20 </script> | 19 </script> |
| 21 </body> | 20 </body> |
| 22 </html> | 21 </html> |
| OLD | NEW |