third_party/WebKit/LayoutTests/fast/repaint/text-line-clamp-truncation.html

   1 <!DOCTYPE html>
   2 <head>
   3 <script src="resources/text-based-repaint.js"></script>
   4 <script>
   5   function repaintTest() {
   6     document.getElementById('container').classList.toggle('folded');
   7   }
   8
   9   if (window.testRunner)
  10     testRunner.dumpAsTextWithPixelResults();
  11
  12 </script>
  13
  14 <style>
  15 div {
  16   width: 285px;
  17   display: -webkit-box;
  18   -webkit-box-orient: vertical;
  19   line-height: 1.5em;
  20   overflow: hidden;
  21 }
  22
  23 .folded {
  24   -webkit-line-clamp: 1;
  25   max-height: 1.5em;
  26 }
  27 </style>
  28 </head>
  29
  30 <body onload="runRepaintAndPixelTest()">
  31   <div id="container" class="folded">
  32     ___these_two_lines_should_be_identical___
  33     ___these_two_lines_should_be_identical___
  34   </div>
  35 </body>