| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 .box { | 3 .box { |
| 4 -webkit-animation: inset-anim 2s linear | 4 animation: inset-anim 2s linear |
| 5 } | 5 } |
| 6 | 6 |
| 7 @-webkit-keyframes inset-anim { | 7 @keyframes inset-anim { |
| 8 from { -webkit-clip-path: inset(0); } | 8 from { clip-path: inset(0); } |
| 9 to { -webkit-clip-path: inset(20%);</style> | 9 to { clip-path: inset(20%);</style> |
| 10 </style> | 10 </style> |
| 11 <script src="../../resources/run-after-layout-and-paint.js"></script> | 11 <script src="../../resources/run-after-layout-and-paint.js"></script> |
| 12 <script> | 12 <script> |
| 13 if (window.testRunner) { | 13 if (window.testRunner) { |
| 14 testRunner.dumpAsText(); | 14 testRunner.dumpAsText(); |
| 15 testRunner.waitUntilDone(); | 15 testRunner.waitUntilDone(); |
| 16 } | 16 } |
| 17 onload = function() { | 17 onload = function() { |
| 18 runAfterLayoutAndPaint(function() { | 18 runAfterLayoutAndPaint(function() { |
| 19 if (window.testRunner) | 19 if (window.testRunner) |
| 20 testRunner.notifyDone(); | 20 testRunner.notifyDone(); |
| 21 }); | 21 }); |
| 22 }; | 22 }; |
| 23 </script> | 23 </script> |
| 24 <div class="box"></div> | 24 <div class="box"></div> |
| 25 This test passes if it doesn't crash. | 25 This test passes if it doesn't crash. |
| OLD | NEW |