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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1300323003: Make flex-grow and flex-shrink interpolation continuous with 0 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Update test 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
« no previous file with comments | « no previous file | LayoutTests/animations/interpolation/flex-shrink-interpolation.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 <style> 3 <style>
4 .parent { 4 .parent {
5 display: flex; 5 display: flex;
6 flex-grow: 3; 6 flex-grow: 3;
7 } 7 }
8 .target { 8 .target {
9 height: 10px; 9 height: 10px;
10 background: black; 10 background: black;
(...skipping 22 matching lines...) Expand all
33 to: '2', 33 to: '2',
34 }, [ 34 }, [
35 {at: -0.3, is: '0.7'}, 35 {at: -0.3, is: '0.7'},
36 {at: 0, is: '1'}, 36 {at: 0, is: '1'},
37 {at: 0.3, is: '1.3'}, 37 {at: 0.3, is: '1.3'},
38 {at: 0.6, is: '1.6'}, 38 {at: 0.6, is: '1.6'},
39 {at: 1, is: '2'}, 39 {at: 1, is: '2'},
40 {at: 1.5, is: '2.5'}, 40 {at: 1.5, is: '2.5'},
41 ]); 41 ]);
42 42
43 assertNoInterpolation({ 43 assertInterpolation({
44 property: 'flex-grow', 44 property: 'flex-grow',
45 from: 'initial', 45 from: 'initial',
46 to: '2', 46 to: '2',
47 }); 47 }, [
48 {at: -0.3, is: '0'},
49 {at: 0, is: '0'},
50 {at: 0.3, is: '0.6'},
51 {at: 0.6, is: '1.2'},
52 {at: 1, is: '2'},
53 {at: 1.5, is: '3'},
54 ]);
48 55
49 assertInterpolation({ 56 assertInterpolation({
50 property: 'flex-grow', 57 property: 'flex-grow',
51 from: 'inherit', 58 from: 'inherit',
52 to: '2', 59 to: '2',
53 }, [ 60 }, [
54 {at: -0.3, is: '3.3'}, 61 {at: -0.3, is: '3.3'},
55 {at: 0, is: '3'}, 62 {at: 0, is: '3'},
56 {at: 0.3, is: '2.7'}, 63 {at: 0.3, is: '2.7'},
57 {at: 0.6, is: '2.4'}, 64 {at: 0.6, is: '2.4'},
58 {at: 1, is: '2'}, 65 {at: 1, is: '2'},
59 {at: 1.5, is: '1.5'}, 66 {at: 1.5, is: '1.5'},
60 ]); 67 ]);
61 68
62 assertNoInterpolation({ 69 assertInterpolation({
63 property: 'flex-grow', 70 property: 'flex-grow',
64 from: 'unset', 71 from: 'unset',
65 to: '2', 72 to: '2',
66 }); 73 }, [
74 {at: -0.3, is: '0'},
75 {at: 0, is: '0'},
76 {at: 0.3, is: '0.6'},
77 {at: 0.6, is: '1.2'},
78 {at: 1, is: '2'},
79 {at: 1.5, is: '3'},
80 ]);
67 81
68 assertInterpolation({ 82 assertInterpolation({
69 property: 'flex-grow', 83 property: 'flex-grow',
70 from: '1', 84 from: '1',
71 to: '2', 85 to: '2',
72 }, [ 86 }, [
73 {at: -5, is: '0'}, 87 {at: -5, is: '0'},
74 {at: -0.3, is: '0.7'}, 88 {at: -0.3, is: '0.7'},
75 {at: 0, is: '1'}, 89 {at: 0, is: '1'},
76 {at: 0.3, is: '1.3'}, 90 {at: 0.3, is: '1.3'},
77 {at: 0.6, is: '1.6'}, 91 {at: 0.6, is: '1.6'},
78 {at: 1, is: '2'}, 92 {at: 1, is: '2'},
79 {at: 1.5, is: '2.5'} 93 {at: 1.5, is: '2.5'},
80 ]); 94 ]);
81 95
82 assertNoInterpolation({ 96 assertInterpolation({
83 property: 'flex-grow', 97 property: 'flex-grow',
84 from: '0', 98 from: '0',
85 to: '1', 99 to: '1',
86 }); 100 }, [
101 {at: -5, is: '0'},
102 {at: -0.3, is: '0'},
103 {at: 0, is: '0'},
104 {at: 0.3, is: '0.3'},
105 {at: 0.6, is: '0.6'},
106 {at: 1, is: '1'},
107 {at: 1.5, is: '1.5'},
108 ]);
87 </script> 109 </script>
88 </body> 110 </body>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/animations/interpolation/flex-shrink-interpolation.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698