third_party/WebKit/LayoutTests/fast/text/line-breaks-after-ideographic-comma-or-full-stop.html

   1 <html>
   2     <head>
   3         <title>Line breaks after ideographic comma or full stop</title>
   4     </head>
   5     <body>
   6         These are good:
   7         <div style="font-family:'Lucida Grande'; font-size:16pt; text-decoration:underline; width:5em;">
   8             <p style="border:solid green 1px;">
   9                 &#x3046;&#x3001;<br>texttexttexttext
  10             </p>
  11             <p style="border:solid green 1px;">
  12                 &#x3046;&#x3002;<br>texttexttexttext
  13             </p>
  14         </div>
  15         The following two should look like &ldquo;good&rdquo;:
  16         <div style="font-family:'Lucida Grande'; font-size:16pt; text-decoration:underline; width:5em;">
  17             <p style="border:solid blue 1px;">
  18                 &#x3046;&#x3001;texttexttexttext
  19             </p>
  20             <p style="border:solid blue 1px;">
  21                 &#x3046;&#x3002;texttexttexttext
  22             </p>
  23         </div>
  24         These are bad:
  25         <div style="font-family:'Lucida Grande'; font-size:16pt; text-decoration:underline; width:5em;">
  26             <p style="border:solid red 1px;">
  27                 <nobr>&#x3046;&#x3001;texttexttexttext</nobr>
  28             </p>
  29             <p style="border:solid red 1px;">
  30                 <nobr>&#x3046;&#x3002;texttexttexttext</nobr>
  31             </p>
  32         </div>
  33         <div id=result></div>
  34         <script>
  35             if (window.testRunner)
  36                 testRunner.dumpAsText();
  37
  38             function paragraphHeight(paragraphNumber) {
  39                 return document.defaultView.getComputedStyle(document.getElementsByTagName("p")[paragraphNumber], null).getPropertyValue("height")
  40             }
  41
  42             document.getElementById("result").innerHTML = (paragraphHeight(0) == paragraphHeight(2) && paragraphHeight(1) == paragraphHeight(3)) ? "PASS" : "FAIL";
  43         </script>
  44     </body>
  45 </html>