third_party/WebKit/LayoutTests/fast/text/sub-pixel/text-scaling-vertical.html

   1 <!DOCTYPE>
   2 <html>
   3     <head>
   4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5         <link rel="stylesheet" type="text/css" href="resources/text-scaling.css">
   6         <script src="resources/text-scaling.js"></script>
   7         <script src="../../../resources/js-test.js"></script>
   8         <style>
   9             section > div {
  10                 -webkit-writing-mode: vertical-rl;
  11                 writing-mode: vertical-rl;
  12             }
  13             section > div > div.header {
  14                 border-width: 0 0 0 1px;
  15             }
  16             section > div > div > div {
  17                 width: auto;
  18                 height: 12ex;
  19                 padding: 0 0 1ex 0;
  20             }
  21         </style>
  22     </head>
  23     <body>
  24         <section>
  25             <h1>Font Size Scaling (vertical-rl, Latin)</h1>
  26             <p>
  27                 Size of the text should scale smoothly.
  28                 Reported height (logical width) should be within 0.02px
  29                 of that of the highlighted reference row.
  30             </p>
  31             <div id="test"></div>
  32         </section>
  33         <script>
  34             if (window.testRunner && window.testRunner.setTextSubpixelPositioning)
  35                 window.testRunner.setTextSubpixelPositioning(true);
  36
  37             var PANGRAM = 'Flygande bäckasiner söka hwila på mjuka tuvor.';
  38             var results = runTest(document.getElementById('test'), PANGRAM, 'vertical');
  39
  40             if (results == PASS) {
  41                 testPassed('Size of text scales smoothly and logical width scales with font size as expected.');
  42
  43                 // Hide text if test passes as the actual numbers are
  44                 // different across platforms and would require platform
  45                 // specific baselines.
  46                 if (window.testRunner)
  47                     document.getElementById('test').style.display = 'none';
  48             } else {
  49                 testFailed('Size of text does not scale smoothly, reported logical widths highlighted in red do not match reference row.');
  50             }
  51         </script>
  52     </body>
  53 </html>