src/third_party/WebKit/LayoutTests/fast/text-autosizing/inline-width.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4
   5 <meta name="viewport" content="width=800">
   6 <style>
   7 body, html {
   8     overflow: hidden;
   9 }
  10 html {
  11     font-size: small;
  12 }
  13 .inline {
  14     display: inline;
  15     font-weight: normal;
  16     font-style: normal;
  17     background-color: green;
  18 }
  19 i.inline {
  20     background-color: blue;
  21 }
  22 b {
  23     font-weight: normal;
  24     font-style: normal;
  25     background-color: purple;
  26 }
  27 </style>
  28
  29 <script src="resources/autosizingTest.js"></script>
  30 </head>
  31 <body>
  32 This test passes if all lines have the same width.<br/>
  33 <div class="inline">
  34     AutosizeAutosizeAutosizeAutosize<br/>
  35     AutosizeAutosizeAutosizeAutosize<br/>
  36     AutosizeAutosizeAutosizeAutosize<br/>
  37     AutosizeAutosizeAutosizeAutosize<br/>
  38
  39 <i class="inline">AutosizeAutosizeAutosizeAutosize</i><br/>
  40 AutosizeAutosizeAutosizeAutosize<br/>
  41 AutosizeAutosizeAutosizeAutosize<br/>
  42 AutosizeAutosizeAutosizeAutosize<br/>
  43 <b><b><b><i class="inline"><b><b><b>AutosizeAutosizeAutosizeAutosize</b></b></b></i></b></b></b><br/>
  44 AutosizeAutosizeAutosizeAutosize<br/>
  45 AutosizeAutosizeAutosizeAutosize<br/>
  46 AutosizeAutosizeAutosizeAutosize<br/>
  47 AutosizeAutosizeAutosizeAutosize<br/>
  48 AutosizeAutosizeAutosizeAutosize<br/>
  49 AutosizeAutosizeAutosizeAutosize<br/>
  50 AutosizeAutosizeAutosizeAutosize<br/>
  51 AutosizeAutosizeAutosizeAutosize<br/>
  52 AutosizeAutosizeAutosizeAutosize
  53 </div>
  54
  55 <script>
  56 if (window.testRunner)
  57     testRunner.dumpAsText();
  58 var pass = true;
  59 var inlines = document.getElementsByClassName('inline');
  60 var referenceWidth = inlines[0].offsetWidth;
  61 for (var i = 1; i < inlines.length; i++) {
  62     if (inlines[i].offsetWidth != referenceWidth)
  63         pass = false;
  64 }
  65 if (pass)
  66     document.body.innerText = 'PASS: All inlines have the same width.';
  67 else
  68     document.body.innerText = 'FAIL: All inlines do not have the same width.';
  69 </script>
  70 </body>
  71 </html>