layout/style/test/test_first_letter_restrictions.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=1382786
   5 -->
   6 <head>
   7   <meta charset="utf-8">
   8   <title>Test for Bug 1382786</title>
   9   <script src="/tests/SimpleTest/SimpleTest.js"></script>
  10   <script type="text/javascript" src="property_database.js"></script>
  11   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  12   <style id="s"></style>
  13 </head>
  14 <body>
  15 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1382786">Mozilla Bug 1382786</a>
  16 <p id="display"></p>
  17 <div id="content" style="display: none">
  18
  19 </div>
  20 <div id="test"></div>
  21 <div id="control"></div>
  22 <script type="application/javascript">
  23
  24 /** Test for Bug 1382786 **/
  25 var test = getComputedStyle($("test"), "::first-letter");
  26 var control = getComputedStyle($("control"), "::first-letter");
  27 for (let prop in gCSSProperties) {
  28   var info = gCSSProperties[prop];
  29   if (info.type == CSS_TYPE_TRUE_SHORTHAND) {
  30     // Can't get useful info out of getComputedStyle.
  31     continue;
  32   }
  33   let prereqs = "";
  34   if (info.prerequisites) {
  35     for (let name in info.prerequisites) {
  36       prereqs += `${name}: ${info.prerequisites[name]}; `;
  37     }
  38   }
  39   $("s").textContent = `
  40     #control::first-letter { ${prop}: ${info.initial_values[0]}; ${prereqs} }
  41     #test::first-letter { ${prop}: ${info.other_values[0]}; ${prereqs} }
  42   `;
  43   if (info.applies_to_first_letter) {
  44     isnot(get_computed_value(test, prop),
  45           get_computed_value(control, prop),
  46           `${prop} should apply to ::first-letter`);
  47   } else {
  48     is(get_computed_value(test, prop),
  49        get_computed_value(control, prop),
  50        `${prop} should not apply to ::first-letter`);
  51   }
  52 }
  53
  54 </script>
  55 </body>
  56 </html>