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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/AnimationEffectTiming/easing.html

Issue 2212873003: W3C auto test importer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 4 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
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/Animation/constructor.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/AnimationEffectTiming/getComputedStyle.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <meta charset=utf-8> 2 <meta charset=utf-8>
3 <title>easing tests</title> 3 <title>easing tests</title>
4 <link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffect timing-easing"> 4 <link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffect timing-easing">
5 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharness.js"></script>
6 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/testharnessreport.js"></script>
7 <script src="../../testcommon.js"></script> 7 <script src="../../testcommon.js"></script>
8 <script src="../../resources/effect-easing-tests.js"></script> 8 <script src="../../resources/effect-easing-tests.js"></script>
9 <body> 9 <body>
10 <div id="log"></div> 10 <div id="log"></div>
(...skipping 10 matching lines...) Expand all
21 easingFunction(portion) + ' at ' + currentTime + 'ms'); 21 easingFunction(portion) + ' at ' + currentTime + 'ms');
22 } 22 }
23 23
24 gEffectEasingTests.forEach(function(options) { 24 gEffectEasingTests.forEach(function(options) {
25 test(function(t) { 25 test(function(t) {
26 var target = createDiv(t); 26 var target = createDiv(t);
27 var anim = target.animate([ { opacity: 0 }, { opacity: 1 } ], 27 var anim = target.animate([ { opacity: 0 }, { opacity: 1 } ],
28 { duration: 1000 * MS_PER_SEC, 28 { duration: 1000 * MS_PER_SEC,
29 fill: 'forwards' }); 29 fill: 'forwards' });
30 anim.effect.timing.easing = options.easing; 30 anim.effect.timing.easing = options.easing;
31 assert_equals(anim.effect.timing.easing, options.easing); 31 assert_equals(anim.effect.timing.easing,
32 options.serialization || options.easing);
32 33
33 var easing = options.easingFunction; 34 var easing = options.easingFunction;
34 assert_progress(anim, 0, easing); 35 assert_progress(anim, 0, easing);
35 assert_progress(anim, 250 * MS_PER_SEC, easing); 36 assert_progress(anim, 250 * MS_PER_SEC, easing);
36 assert_progress(anim, 500 * MS_PER_SEC, easing); 37 assert_progress(anim, 500 * MS_PER_SEC, easing);
37 assert_progress(anim, 750 * MS_PER_SEC, easing); 38 assert_progress(anim, 750 * MS_PER_SEC, easing);
38 assert_progress(anim, 1000 * MS_PER_SEC, easing); 39 assert_progress(anim, 1000 * MS_PER_SEC, easing);
39 }, options.desc); 40 }, options.desc);
40 }); 41 });
41 42
42 test(function(t) { 43 gInvalidEasingTests.forEach(function(options) {
43 var div = createDiv(t); 44 test(function(t) {
44 var anim = div.animate({ opacity: [ 0, 1 ] }, 100 * MS_PER_SEC); 45 var div = createDiv(t);
45 assert_throws({ name: 'TypeError' }, 46 var anim = div.animate({ opacity: [ 0, 1 ] }, 100 * MS_PER_SEC);
46 function() { 47 assert_throws({ name: 'TypeError' },
47 anim.effect.timing.easing = ''; 48 function() {
48 }); 49 anim.effect.timing.easing = options.easing;
49 assert_throws({ name: 'TypeError' }, 50 });
50 function() { 51 }, 'Invalid effect easing value test: \'' + options.easing + '\'');
51 anim.effect.timing.easing = 'test'; 52 });
52 });
53 }, 'Test invalid easing value');
54 53
55 test(function(t) { 54 test(function(t) {
56 var delay = 1000 * MS_PER_SEC; 55 var delay = 1000 * MS_PER_SEC;
57 56
58 var target = createDiv(t); 57 var target = createDiv(t);
59 var anim = target.animate([ { opacity: 0 }, { opacity: 1 } ], 58 var anim = target.animate([ { opacity: 0 }, { opacity: 1 } ],
60 { duration: 1000 * MS_PER_SEC, 59 { duration: 1000 * MS_PER_SEC,
61 fill: 'both', 60 fill: 'both',
62 delay: delay, 61 delay: delay,
63 easing: 'steps(2, start)' }); 62 easing: 'steps(2, start)' });
(...skipping 11 matching lines...) Expand all
75 'easing replace to steps(2, start) at active phase'); 74 'easing replace to steps(2, start) at active phase');
76 75
77 anim.currentTime = delay + 1500 * MS_PER_SEC; 76 anim.currentTime = delay + 1500 * MS_PER_SEC;
78 anim.effect.timing.easing = 'steps(2, end)'; 77 anim.effect.timing.easing = 'steps(2, end)';
79 assert_equals(anim.effect.getComputedTiming().progress, 1, 78 assert_equals(anim.effect.getComputedTiming().progress, 1,
80 'easing replace to steps(2, end) again at after phase'); 79 'easing replace to steps(2, end) again at after phase');
81 }, 'Change the easing while the animation is running'); 80 }, 'Change the easing while the animation is running');
82 81
83 </script> 82 </script>
84 </body> 83 </body>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/Animation/constructor.html ('k') | third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/AnimationEffectTiming/getComputedStyle.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698