src/third_party/WebKit/LayoutTests/inspector/elements/styles/media-using-same-url.html

   1 <html>
   2 <head>
   3
   4 <style type="text/css" media="screen">
   5 @media not print {
   6 #main {
   7     background: blue;
   8 }
   9 }
  10 </style>
  11
  12 <style type="text/css" media="screen">
  13 @media not print {
  14 #main {
  15     color: white;
  16 }
  17 }
  18 </style>
  19
  20 <script src="../../../http/tests/inspector/inspector-test.js"></script>
  21 <script src="../../../http/tests/inspector/elements-test.js"></script>
  22 <script>
  23
  24 function test()
  25 {
  26     InspectorTest.selectNodeAndWaitForStyles("main", step1);
  27
  28     function step1()
  29     {
  30         InspectorTest.addResult("Main style:");
  31         InspectorTest.dumpSelectedElementStyles(true, false, true);
  32         InspectorTest.completeTest();
  33     }
  34 }
  35 </script>
  36 </head>
  37
  38 <body onload="runTest()">
  39 <p>
  40 Tests that media query stack is computed correctly when several stylesheets share the same URL.
  41 </p>
  42
  43 <div id="main"></div>
  44 </body>
  45 </html>