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

Side by Side Diff: third_party/WebKit/LayoutTests/web-animations-api/non-animatable-property.html

Issue 2141713003: Clean up non-animatable-property.html test to match W3C (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Removed dupe test Created 4 years, 5 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 | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <script src="../resources/testharness.js"></script>
3 <script src="../resources/testharnessreport.js"></script>
4
5 <div id='e'></div>
6
7 <script>
8 var player;
9
10 function expectValue(time, property, expectation) {
11 player.currentTime = time;
12 assert_equals(getComputedStyle(e)[property], expectation);
13 }
14
15 test(function() {
16 player = e.animate(
17 [{float: 'left'}, {float: 'right'}],
18 {duration: 1, fill: 'both'});
19 player.pause();
20
21 expectValue(0, 'float', 'left');
22 expectValue(0.25, 'float', 'left');
23 expectValue(0.49, 'float', 'left');
24 expectValue(0.5, 'float', 'right');
25 expectValue(0.75, 'float', 'right');
26 expectValue(1, 'float', 'right');
27 }, 'Non-animatable property float should 50% flip between keyframe values via th e element.animate() API.');
28
29 test(function() {
30 player = e.animate([
31 {animationName: 'a', animationDuration: '1s', transitionProperty: 'left', transitionDuration: '1s', display: 'table'},
32 {animationName: 'b', animationDuration: '10s', transitionProperty: 'right' , transitionDuration: '10s', display: 'none'},
33 ], {duration: 1, fill: 'both'});
34 player.pause();
35
36 expectValue(0, 'animationName', 'none');
37 expectValue(0.25, 'animationName', 'none');
38 expectValue(0.5, 'animationName', 'none');
39 expectValue(0.75, 'animationName', 'none');
40 expectValue(1, 'animationName', 'none');
41
42 expectValue(0, 'animationDuration', '0s');
43 expectValue(0.25, 'animationDuration', '0s');
44 expectValue(0.5, 'animationDuration', '0s');
45 expectValue(0.75, 'animationDuration', '0s');
46 expectValue(1, 'animationDuration', '0s');
47
48 expectValue(0, 'transitionProperty', 'all');
49 expectValue(0.25, 'transitionProperty', 'all');
50 expectValue(0.5, 'transitionProperty', 'all');
51 expectValue(0.75, 'transitionProperty', 'all');
52 expectValue(1, 'transitionProperty', 'all');
53
54 expectValue(0, 'transitionDuration', '0s');
55 expectValue(0.25, 'transitionDuration', '0s');
56 expectValue(0.5, 'transitionDuration', '0s');
57 expectValue(0.75, 'transitionDuration', '0s');
58 expectValue(1, 'transitionDuration', '0s');
59
60 expectValue(0, 'display', 'block');
61 expectValue(0.25, 'display', 'block');
62 expectValue(0.5, 'display', 'block');
63 expectValue(0.75, 'display', 'block');
64 expectValue(1, 'display', 'block');
65 }, 'Animation related properties should not be animatable via element.animate(). ');
66 </script>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698