third_party/WebKit/LayoutTests/fast/ruby/line-break-ruby.html

   1 <!DOCTYPE html>
   2 <meta charset="utf-8">
   3 <script src="../../resources/testharness.js"></script>
   4 <script src="../../resources/testharnessreport.js"></script>
   5 <style>
   6 #container > div {
   7     line-height:2;
   8     margin-bottom:1em;
   9 }
  10 </style>
  11 <div id="container">
  12     <div title="ID+CL" style="width:2em;">あい）か</div>
  13     <div title="span+CL" style="width:2em;">あ<span>す</span>）か</div>
  14     <div title="ruby+CL" style="width:2em;">あ<ruby>べ<rt>る</rt></ruby>）か</div>
  15     <div title="OP+ID" style="width:2em;">あ（かき</div>
  16     <div title="OP+ruby" style="width:2em;">あ（<ruby>べ<rt>る</rt></ruby>か</div>
  17     <div title="OP+ruby+CL" style="width:3em;">あ（<ruby>べ<rt>る</rt></ruby>）か</div>
  18     <div title="OP+ruby+CL (overflow)" style="width:2em;">あ（<ruby>べ<rt>る</rt></ruby>）か</div>
  19 </div>
  20 <script>
  21 runTests();
  22 function runTests() {
  23     var lineHeight = parseFloat(getComputedStyle(container.firstElementChild).lineHeight);
  24     Array.prototype.forEach.call(container.children, function (element) {
  25         test(function () {
  26             var lineCount = element.offsetHeight / lineHeight;
  27             assert_equals(lineCount, 3);
  28         }, element.title);
  29     });
  30
  31     if (window.testRunner)
  32         container.style.display = "none";
  33 }
  34 </script>