| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <style> |
| #container > div { |
| line-height:2; |
| margin-bottom:1em; |
| font-family: "Kochi Mincho", "Heiti SC", "MS Mincho", serif; |
| } |
| </style> |
| <div id="container"> |
| <div title="ID+CL" style="width:2em;">あい）か</div> |
| <div title="span+CL" style="width:2em;">あ<span>す</span>）か</div> |
| <div title="ruby+CL" style="width:2em;">あ<ruby>べ<rt>る</rt></ruby>）か</div> |
| <div title="OP+ID" style="width:2em;">あ（かき</div> |
| <div title="OP+ruby" style="width:2em;">あ（<ruby>べ<rt>る</rt></ruby>か</div> |
| <div title="OP+ruby+CL" style="width:3em;">あ（<ruby>べ<rt>る</rt></ruby>）か</div> |
| <div title="OP+ruby+CL (overflow)" style="width:2em;">あ（<ruby>べ<rt>る</rt></ruby>）か</div> |
| </div> |
| <script> |
| runTests(); |
| function runTests() { |
| var lineHeight = parseFloat(getComputedStyle(container.firstElementChild).lineHeight); |
| Array.prototype.forEach.call(container.children, function (element) { |
| test(function () { |
| var lineCount = element.offsetHeight / lineHeight; |
| assert_equals(lineCount, 3); |
| }, element.title); |
| }); |
| |
| if (window.testRunner) |
| container.style.display = "none"; |
| } |
| </script> |
