| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 #clipper { | 4 #clipper { |
| 5 width: 550px; | 5 width: 550px; |
| 6 height: 550px; | 6 height: 550px; |
| 7 overflow:hidden; | 7 overflow:hidden; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #trigger { | 10 #trigger { |
| (...skipping 30 matching lines...) Expand all Loading... |
| 41 background-color: blue; | 41 background-color: blue; |
| 42 top: 200px; | 42 top: 200px; |
| 43 left: -200px; | 43 left: -200px; |
| 44 width: 50px; | 44 width: 50px; |
| 45 height: 50px; | 45 height: 50px; |
| 46 } | 46 } |
| 47 | 47 |
| 48 </style> | 48 </style> |
| 49 <script> | 49 <script> |
| 50 if (window.testRunner) | 50 if (window.testRunner) |
| 51 testRunner.dumpAsText(true); | 51 testRunner.dumpAsTextWithPixelResults(); |
| 52 | 52 |
| 53 function doTest() | 53 function doTest() |
| 54 { | 54 { |
| 55 if (window.testRunner) | 55 if (window.testRunner) |
| 56 testRunner.display(); | 56 testRunner.display(); |
| 57 | 57 |
| 58 document.getElementById("stretch").style.left = "-100px"; | 58 document.getElementById("stretch").style.left = "-100px"; |
| 59 } | 59 } |
| 60 | 60 |
| 61 window.addEventListener('load', doTest, false); | 61 window.addEventListener('load', doTest, false); |
| 62 </script> | 62 </script> |
| 63 </head> | 63 </head> |
| 64 <body> | 64 <body> |
| 65 <div id="trigger"></div> | 65 <div id="trigger"></div> |
| 66 <div id="clipper"> | 66 <div id="clipper"> |
| 67 <div id="container"> | 67 <div id="container"> |
| 68 <img id="contents"> | 68 <img id="contents"> |
| 69 <div id="stretch"></div> | 69 <div id="stretch"></div> |
| 70 <div id="negative"></div> | 70 <div id="negative"></div> |
| 71 </div> | 71 </div> |
| 72 </div> | 72 </div> |
| 73 </body> | 73 </body> |
| OLD | NEW |