third_party/WebKit/LayoutTests/fast/text/descent-clip-in-scaled-page.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     /* Use a fake font family for all of the text that we draw.
   6        The setTextSubpixelPositioning() call changes a global text style
   7        setting.  It gets reset after we're dumped, but if we run first, our
   8        style would be cached and would affect other tests, and if we run after
   9        another test, we'd use its cached style and subpixel positioning won't be
  10        enabled. */
  11     body {
  12         font-family: SubpixelPositioning;
  13     }
  14     div {
  15         font-family: SubpixelPositioningAhem;
  16         overflow: hidden; /* the only difference between the test the the ref html */
  17         border: solid thin blue;
  18     }
  19     ::-webkit-scrollbar {
  20         width: 0px;
  21         height: 0px;
  22     }
  23 </style>
  24 <script>
  25     if (window.testRunner && window.testRunner.setTextSubpixelPositioning)
  26         window.testRunner.setTextSubpixelPositioning(true);
  27     if (window.internals)
  28         window.internals.setPageScaleFactor(1.7);
  29 </script>
  30 </head>
  31 <body>
  32     Tests if the bottom of the text is truncated when the page is scaled by a fractional factor.
  33     If success, the text in the "overflow: hidden" div (the test case) should be displayed
  34     the same as in a normal div (the ref html).
  35     'p' is the character in ahem font with only the descent part.
  36     <br><br>
  37     <div style="font-size: 13px">&nbsp;pppp&nbsp;</div>
  38     <div style="font-size: 14px">&nbsp;pppp&nbsp;</div>
  39     <div style="font-size: 15px">&nbsp;pppp&nbsp;</div>
  40     <div style="font-size: 16px">&nbsp;pppp&nbsp;</div>
  41     <div style="font-size: 17px">&nbsp;pppp&nbsp;</div>
  42     <div style="font-size: 18px">&nbsp;pppp&nbsp;</div>
  43 </body>
  44 </html>