| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 #flexbox { | 5 #flexbox { |
| 6 display: -webkit-flex; | 6 display: -webkit-flex; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #left { | 9 #left { |
| 10 -webkit-flex: 1; | 10 -webkit-flex: 1; |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 function setFlex(id, animationPercentage, start, end) { | 26 function setFlex(id, animationPercentage, start, end) { |
| 27 var flexValue = start + ((end - start) * animationPercentage); | 27 var flexValue = start + ((end - start) * animationPercentage); |
| 28 document.getElementById(id).style.webkitFlex = flexValue + " 0 0px"; | 28 document.getElementById(id).style.webkitFlex = flexValue + " 0 0px"; |
| 29 } | 29 } |
| 30 | 30 |
| 31 function step(count) { | 31 function step(count) { |
| 32 var animationPercentage = count ? 1 : .9; | 32 var animationPercentage = count ? 1 : .9; |
| 33 setFlex("content", animationPercentage, 1, 5); | 33 setFlex("content", animationPercentage, 1, 5); |
| 34 | 34 |
| 35 if (!count) | 35 if (!count) |
| 36 setTimeout(step.bind(null, 1)); | 36 requestAnimationFrame(step.bind(null, 1)); |
| 37 else if (window.testRunner) { | 37 else if (window.testRunner) { |
| 38 finishRepaintTest(); | 38 finishRepaintTest(); |
| 39 } | 39 } |
| 40 } | 40 } |
| 41 | 41 |
| 42 window.testIsAsync = true; | 42 window.testIsAsync = true; |
| 43 window.onload = runRepaintTest; | 43 window.onload = runRepaintTest; |
| 44 | 44 |
| 45 function repaintTest() { | 45 function repaintTest() { |
| 46 window.startTime = Date.now(); | 46 window.startTime = Date.now(); |
| 47 setTimeout(step.bind(null, 0), 0); | 47 requestAnimationFrame(step.bind(null, 0)); |
| 48 } | 48 } |
| 49 </script> | 49 </script> |
| 50 </head> | 50 </head> |
| 51 <body> | 51 <body> |
| 52 <br><br><br><br><br><br> | 52 <br><br><br><br><br><br> |
| 53 <div id="flexbox"> | 53 <div id="flexbox"> |
| 54 <div id="left"></div> | 54 <div id="left"></div> |
| 55 <div id="content"> | 55 <div id="content"> |
| 56 <p style="margin: 0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ae
nean laoreet dolor id urna eleifend aliquet. Nulla vel dolor ipsum. Aliquam ut t
urpis nisl, in vulputate sapien. Cum sociis natoque penatibus et magnis dis part
urient montes, nascetur ridiculus mus. Sed congue magna vitae dolor feugiat vehi
cula. Sed volutpat, tellus vel varius vestibulum, purus quam mollis sapien, in c
ondimentum leo neque sed nulla. Nunc quis porta elit. Pellentesque erat lectus,
ultricies a lobortis id, faucibus id quam.</p> | 56 <p style="margin: 0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ae
nean laoreet dolor id urna eleifend aliquet. Nulla vel dolor ipsum. Aliquam ut t
urpis nisl, in vulputate sapien. Cum sociis natoque penatibus et magnis dis part
urient montes, nascetur ridiculus mus. Sed congue magna vitae dolor feugiat vehi
cula. Sed volutpat, tellus vel varius vestibulum, purus quam mollis sapien, in c
ondimentum leo neque sed nulla. Nunc quis porta elit. Pellentesque erat lectus,
ultricies a lobortis id, faucibus id quam.</p> |
| 57 </div> | 57 </div> |
| 58 </body> | 58 </body> |
| 59 </html> | 59 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 615033002:
Refactor of various layout tests to use RAF (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master