third_party/WebKit/LayoutTests/fast/text/line-breaks-after-closing-punctuations.html

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