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