layout/style/test/test_condition_text.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=814907
   5 -->
   6 <head>
   7   <title>Test for Bug 814907</title>
   8   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   9   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  10   <style id="style">
  11     @media all {}
  12     @media only color {}
  13     @media (color ) {}
  14     @media color \0061ND ( monochrome ) {}
  15     @media (max-width: 200px), (color) {}
  16
  17     @supports(color: green){}
  18     @supports (color: green) {}
  19     @supports ((color: green)) {}
  20     @supports (color: green) and (color: blue) {}
  21     @supports ( Font:  20px serif ! Important)  {}
  22   </style>
  23 </head>
  24 <body>
  25 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=814907">Mozilla Bug 814907</a>
  26 <p id="display"></p>
  27 <div id="content" style="display: none">
  28
  29 </div>
  30 <pre id="test">
  31 <script type="application/javascript">
  32
  33 /** Test for Bug 814907 **/
  34
  35 function runTest()
  36 {
  37   // re-parse the style sheet with the pref turned on
  38   var style = document.getElementById("style");
  39   style.textContent += " ";
  40
  41   var sheet = style.sheet;
  42
  43   var conditions = [
  44     "all",
  45     "only color",
  46     "(color)",
  47     "color and (monochrome)",
  48     "(max-width: 200px), (color)",
  49     "(color: green)",
  50     "(color: green)",
  51     "((color: green))",
  52     "(color: green) and (color: blue)",
  53     "( Font:  20px serif ! Important)"
  54   ];
  55
  56   is(sheet.cssRules.length, conditions.length);
  57
  58   for (var i = 0; i < sheet.cssRules.length; i++) {
  59     var rule = sheet.cssRules[i];
  60     is(rule.conditionText, conditions[i], "rule " + i + " has expected conditionText");
  61     if (rule.type == CSSRule.MEDIA_RULE) {
  62       is(rule.conditionText, rule.media.mediaText, "rule " + i + " conditionText matches media.mediaText");
  63     }
  64   }
  65
  66   SimpleTest.finish();
  67 }
  68
  69 SimpleTest.waitForExplicitFinish();
  70 runTest();
  71 </script>
  72 </pre>
  73 </body>
  74 </html>