| <!DOCTYPE html> |
| |
| <style> |
| html { |
| font-size: 20px; |
| } |
| |
| body { |
| font-size: 2rem; |
| } |
| </style> |
| |
| <body> |
| This should be 40px tall. |
| <p id="result"></p> |
| </body> |
| |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| // Can't use js-test.js since it causes style recalcs which make this test not |
| // test the bug with calling styleForElement inside Document::inheritHtmlAndBodyElementStyles. |
| var result = document.getElementById("result"); |
| if (getComputedStyle(document.body).fontSize === "40px") |
| result.textContent = "PASS"; |
| else |
| result.textContent = "FAIL"; |
| </script> |
