| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #target { | 3 #target { |
| 4 -webkit-clip-path: circle(0px at 1px 2px); | 4 -webkit-clip-path: circle(0px at 1px 2px); |
| 5 transition: -webkit-clip-path 1s; | 5 transition: -webkit-clip-path 1s; |
| 6 } | 6 } |
| 7 </style> | 7 </style> |
| 8 This test must be run under the test harness. | 8 This test must be run under the test harness. |
| 9 <div id="target"></div> | 9 <div id="target"></div> |
| 10 <script> | 10 <script> |
| 11 if (window.testRunner) { | 11 if (window.testRunner) { |
| 12 testRunner.dumpAsText(); | 12 testRunner.dumpAsText(); |
| 13 testRunner.waitUntilDone(); | 13 testRunner.waitUntilDone(); |
| 14 } | 14 } |
| 15 var target = document.getElementById('target'); | 15 var target = document.getElementById('target'); |
| 16 var result = ''; | 16 var result = ''; |
| 17 onload = function() { | 17 onload = function() { |
| 18 target.style.webkitClipPath = getComputedStyle(target).webkitClipPath; | 18 target.style.webkitClipPath = getComputedStyle(target).webkitClipPath; |
| 19 requestAnimationFrame(step1); | 19 requestAnimationFrame(step1); |
| 20 }; | 20 }; |
| 21 function step1() { | 21 function step1() { |
| 22 target.offsetTop; | 22 target.offsetTop; |
| 23 result = document.timeline.getAnimationPlayers().length == 0 ? | 23 result = document.timeline.getAnimations().length == 0 ? |
| 24 'PASS - No transition started.' : | 24 'PASS - No transition started.' : |
| 25 'FAIL - Unexpected transition started.'; | 25 'FAIL - Unexpected transition started.'; |
| 26 target.style.webkitClipPath = 'circle(200px at 0px 0px)'; | 26 target.style.webkitClipPath = 'circle(200px at 0px 0px)'; |
| 27 requestAnimationFrame(step2); | 27 requestAnimationFrame(step2); |
| 28 } | 28 } |
| 29 function step2() { | 29 function step2() { |
| 30 result += document.timeline.getAnimationPlayers().length == 1 ? | 30 result += document.timeline.getAnimations().length == 1 ? |
| 31 '\nPASS - Transition started.' : | 31 '\nPASS - Transition started.' : |
| 32 '\nFAIL - Transition did not start.'; | 32 '\nFAIL - Transition did not start.'; |
| 33 document.documentElement.style.whiteSpace = 'pre'; | 33 document.documentElement.style.whiteSpace = 'pre'; |
| 34 document.documentElement.textContent = result; | 34 document.documentElement.textContent = result; |
| 35 if (window.testRunner) { | 35 if (window.testRunner) { |
| 36 testRunner.notifyDone(); | 36 testRunner.notifyDone(); |
| 37 } | 37 } |
| 38 } | 38 } |
| 39 </script> | 39 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1113173003:
Web Animations: Update naming to reflect spec changes (Closed)
Base URL: svn://svn.chromium.org/blink/trunk