| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #flexbox { | 3 #flexbox { |
| 4 display: -webkit-flex; | 4 display: -webkit-flex; |
| 5 -webkit-flex-flow: column; | 5 -webkit-flex-flow: column; |
| 6 height: 300px; | 6 height: 300px; |
| 7 width: 200px; | 7 width: 200px; |
| 8 } | 8 } |
| 9 #left { | 9 #left { |
| 10 -webkit-flex: 1; | 10 -webkit-flex: 1; |
| (...skipping 18 matching lines...) Expand all Loading... |
| 29 // this test fails. | 29 // this test fails. |
| 30 function setFlex(value) | 30 function setFlex(value) |
| 31 { | 31 { |
| 32 document.getElementById("content").style.webkitFlex = value; | 32 document.getElementById("content").style.webkitFlex = value; |
| 33 } | 33 } |
| 34 | 34 |
| 35 window.testIsAsync = true; | 35 window.testIsAsync = true; |
| 36 window.onload = runRepaintTest; | 36 window.onload = runRepaintTest; |
| 37 | 37 |
| 38 function repaintTest() { | 38 function repaintTest() { |
| 39 setTimeout(function() { | 39 requestAnimationFrame(function() { |
| 40 setFlex(4.6); | 40 setFlex(4.6); |
| 41 setTimeout(function() { | 41 requestAnimationFrame(function() { |
| 42 setFlex(5); | 42 setFlex(5); |
| 43 finishRepaintTest(); | 43 finishRepaintTest(); |
| 44 }) | 44 }) |
| 45 }) | 45 }) |
| 46 }; | 46 }; |
| 47 </script> | 47 </script> |
| 48 <div style="height: 60px"></div> | 48 <div style="height: 60px"></div> |
| 49 <div id="flexbox" dir="rtl"> | 49 <div id="flexbox" dir="rtl"> |
| 50 <div id="left"></div> | 50 <div id="left"></div> |
| 51 <div id="content"><div></div></div> | 51 <div id="content"><div></div></div> |
| 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