third_party/WebKit/LayoutTests/fast/css/rem-units-body.html

   1 <!DOCTYPE html>
   2
   3 <style>
   4         html {
   5                 font-size: 20px;
   6         }
   7
   8         body {
   9                 font-size: 2rem;
  10         }
  11 </style>
  12
  13 <body>
  14     This should be 40px tall.
  15     <p id="result"></p>
  16 </body>
  17
  18 <script>
  19     if (window.testRunner)
  20         testRunner.dumpAsText();
  21
  22     // Can't use js-test.js since it causes style recalcs which make this test not
  23     // test the bug with calling styleForElement inside Document::inheritHtmlAndBodyElementStyles.
  24     var result = document.getElementById("result");
  25     if (getComputedStyle(document.body).fontSize === "40px")
  26         result.textContent = "PASS";
  27     else
  28         result.textContent = "FAIL";
  29 </script>