| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset="utf-8"> | 2 <meta charset="utf-8"> |
| 3 <style> | 3 <style> |
| 4 div { | 4 div { |
| 5 position: absolute; | 5 position: absolute; |
| 6 width: 100px; | 6 width: 100px; |
| 7 height: 100px; | 7 height: 100px; |
| 8 } | 8 } |
| 9 #target { | 9 #target { |
| 10 background: red; | 10 background: red; |
| (...skipping 19 matching lines...) Expand all Loading... |
| 30 return target.animate({opacity: ['1', '1']}, 1).ready; | 30 return target.animate({opacity: ['1', '1']}, 1).ready; |
| 31 } | 31 } |
| 32 | 32 |
| 33 waitForCompositor().then(() => { | 33 waitForCompositor().then(() => { |
| 34 target.style.transform = 'translateX(50px)'; | 34 target.style.transform = 'translateX(50px)'; |
| 35 }).then(waitForCompositor).then(() => { | 35 }).then(waitForCompositor).then(() => { |
| 36 if (window.testRunner) | 36 if (window.testRunner) |
| 37 testRunner.notifyDone(); | 37 testRunner.notifyDone(); |
| 38 }); | 38 }); |
| 39 </script> | 39 </script> |
| OLD | NEW |