| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 body { | 5 body { |
| 6 margin: 0; | 6 margin: 0; |
| 7 background: silver; | 7 background: silver; |
| 8 zoom: 1.25; | 8 zoom: 1.25; |
| 9 } | 9 } |
| 10 iframe { | 10 iframe { |
| 11 position: absolute; | 11 position: absolute; |
| 12 top: 50px; | 12 top: 50px; |
| 13 width: 200px; | 13 width: 200px; |
| 14 height: 200px; | 14 height: 200px; |
| 15 overflow: auto; | 15 overflow: auto; |
| 16 } | 16 } |
| 17 </style> | 17 </style> |
| 18 <script src="resources/text-based-repaint.js"></script> | 18 <script src="resources/text-based-repaint.js"></script> |
| 19 </head> | 19 </head> |
| 20 <body onload="runRepaintTest()"> | 20 <body onload="runRepaintAndPixelTest()"> |
| 21 <iframe src="javascript:void(0);"></iframe> | 21 <iframe src="javascript:void(0);"></iframe> |
| 22 <script> | 22 <script> |
| 23 var frame = window.frames[0]; | 23 var frame = window.frames[0]; |
| 24 var doc = frame.document; | 24 var doc = frame.document; |
| 25 doc.body.style.backgroundColor = 'white'; | 25 doc.body.style.backgroundColor = 'white'; |
| 26 doc.body.style.width = '2000px'; | 26 doc.body.style.width = '2000px'; |
| 27 doc.body.style.height = '2000px'; | 27 doc.body.style.height = '2000px'; |
| 28 doc.body.appendChild(doc.createTextNode('scroll me')); | 28 doc.body.appendChild(doc.createTextNode('scroll me')); |
| 29 frame.scrollBy(100, 100); | 29 frame.scrollBy(100, 100); |
| 30 </script> | 30 </script> |
| 31 <script> | 31 <script> |
| 32 window.testIsAsync = true; | 32 window.testIsAsync = true; |
| 33 function repaintTest() | 33 function repaintTest() |
| 34 { | 34 { |
| 35 frame.onscroll = function() { | 35 frame.onscroll = function() { |
| 36 finishRepaintTest(); | 36 finishRepaintTest(); |
| 37 }; | 37 }; |
| 38 frame.scrollBy(-90, -90); | 38 frame.scrollBy(-90, -90); |
| 39 } | 39 } |
| 40 </script> | 40 </script> |
| 41 </body> | 41 </body> |
| 42 </html> | 42 </html> |
| OLD | NEW |