Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(359)

Side by Side Diff: LayoutTests/transitions/webkit-clip-path-equality.html

Issue 1113173003: Web Animations: Update naming to reflect spec changes (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Use new API in layout tests Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698