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

Side by Side Diff: LayoutTests/animations/interpolation/flex-shrink-interpolation.html

Issue 1265873002: Add test coverage for interpolations using CSS wide keywords and neutral keyframes (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebased Created 5 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 | Annotate | Revision Log
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <meta charset="UTF-8">
3 <style>
4 .parent {
5 flex-shrink: 3;
6 }
7 .target {
8 flex-shrink: 1.5;
9 }
10 </style>
11 <body>
12 <script src="resources/interpolation-test.js"></script>
13 <script>
14 assertInterpolation({
15 property: 'flex-shrink',
16 from: '',
17 to: '2',
18 }, [
19 {at: -0.3, is: '1.35'},
20 {at: 0, is: '1.5'},
21 {at: 0.3, is: '1.65'},
22 {at: 0.6, is: '1.8'},
23 {at: 1, is: '2'},
24 {at: 1.5, is: '2.25'},
25 ]);
26
27 assertInterpolation({
28 property: 'flex-shrink',
29 from: 'initial',
30 to: '2',
31 }, [
32 {at: -0.3, is: '0.7'},
33 {at: 0, is: '1'},
34 {at: 0.3, is: '1.3'},
35 {at: 0.6, is: '1.6'},
36 {at: 1, is: '2'},
37 {at: 1.5, is: '2.5'},
38 ]);
39
40 assertInterpolation({
41 property: 'flex-shrink',
42 from: 'inherit',
43 to: '2',
44 }, [
45 {at: -0.3, is: '3.3'},
46 {at: 0, is: '3'},
47 {at: 0.3, is: '2.7'},
48 {at: 0.6, is: '2.4'},
49 {at: 1, is: '2'},
50 {at: 1.5, is: '1.5'},
51 ]);
52
53 assertInterpolation({
54 property: 'flex-shrink',
55 from: 'unset',
56 to: '2',
57 }, [
58 {at: -0.3, is: '0.7'},
59 {at: 0, is: '1'},
60 {at: 0.3, is: '1.3'},
61 {at: 0.6, is: '1.6'},
62 {at: 1, is: '2'},
63 {at: 1.5, is: '2.5'},
64 ]);
65
66 assertInterpolation({
67 property: 'flex-shrink',
68 from: '1',
69 to: '2',
70 }, [
71 {at: -5, is: '0'},
72 {at: -0.3, is: '0.7'},
73 {at: 0, is: '1'},
74 {at: 0.3, is: '1.3'},
75 {at: 0.6, is: '1.6'},
76 {at: 1, is: '2'},
77 {at: 1.5, is: '2.5'}
78 ]);
79
80 assertNoInterpolation({
81 property: 'flex-shrink',
82 from: '0',
83 to: '1',
84 });
85 </script>
86 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698