third_party/WebKit/LayoutTests/fast/media/mq-js-media-forward-syntax.html

   1 <html>
   2 <head>
   3     <title>CSS3 media query test: stylesheet media.mediaText = parsing, media descriptor fallback in document.StyleSheet.media.mediaText</title>
   4 <link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/">
   5
   6 <!-- the media property of stylesheet below will be manipulated, and the manipulation should fail. -->
   7 <style type="text/css">
   8
   9 p#result { color: blue }
  10
  11 @media screen and resolution > 40dpi {
  12 /* media query with syntax error should fail */
  13 p#result { color: red }
  14
  15 }
  16 </style>
  17 <script>
  18 function test() {
  19    document.styleSheets[0].media.mediaText = "screen and resolution > 40dpi";
  20    document.getElementById("result").innerHTML = "This text should neither be blue nor red.";
  21 }
  22 </script>
  23
  24
  25 </head>
  26 <body onload="test()">
  27 <p id="result">Failure: test not run</p>
  28 </body>
  29 </html>