src/third_party/WebKit/LayoutTests/inspector/elements/styles/media-queries.html

   1 <html>
   2 <head>
   3
   4 <style type="text/css" media="screen">
   5 @media not print {
   6     #main { background:blue; }
   7 }
   8
   9 @media print {
  10     #main { background: transparent; }
  11 }
  12 </style>
  13
  14 <link rel="stylesheet" href="resources/media-queries.css" media="all">
  15 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  16 <script src="../../../http/tests/inspector/elements-test.js"></script>
  17 <script>
  18
  19 function test()
  20 {
  21     InspectorTest.selectNodeAndWaitForStyles("main", step1);
  22
  23     function step1()
  24     {
  25         InspectorTest.addResult("Main style:");
  26         InspectorTest.dumpSelectedElementStyles(true, false, true);
  27         InspectorTest.completeTest();
  28     }
  29 }
  30 </script>
  31 </head>
  32
  33 <body onload="runTest()">
  34 <p>
  35 Tests that media query stack is rendered for associated rules.
  36 </p>
  37
  38 <div id="main"></div>
  39 </body>
  40 </html>