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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/animations/interpolation/widows-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
« no previous file with comments | « LayoutTests/animations/interpolation/webkit-text-stroke-color-interpolation.html ('k') | LayoutTests/animations/interpolation/width-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 <body> 2 <body>
3 <style> 3 <style>
4 .parent {
5 widows: 30;
6 }
4 .target { 7 .target {
5 width: 100px; 8 widows: 10;
6 height: 100px;
7 background-color: black;
8 display: inline-block;
9 } 9 }
10 </style> 10 </style>
11 <script src="resources/interpolation-test.js"></script> 11 <script src="resources/interpolation-test.js"></script>
12 <script> 12 <script>
13 assertInterpolation({ 13 assertInterpolation({
14 property: 'widows', 14 property: 'widows',
15 from: '',
16 to: '20',
17 }, [
18 {at: -3, is: '1'},
19 {at: -2.5, is: '1'},
20 {at: -0.5, is: '5'},
21 {at: 0, is: '10'},
22 {at: 0.3, is: '13'},
23 {at: 0.6, is: '16'},
24 {at: 1, is: '20'},
25 {at: 1.5, is: '25'},
26 ]);
27
28 assertInterpolation({
29 property: 'widows',
30 from: 'initial',
31 to: '20',
32 }, [
33 {at: -3, is: '1'},
34 {at: -2.5, is: '1'},
35 {at: -0.5, is: '1'},
36 {at: 0, is: '1'},
37 {at: 0.3, is: '7'},
38 {at: 0.6, is: '12'},
39 {at: 1, is: '20'},
40 {at: 1.5, is: '30'},
41 ]);
42
43 assertInterpolation({
44 property: 'widows',
45 from: 'inherit',
46 to: '20',
47 }, [
48 {at: -3, is: '60'},
49 {at: -2.5, is: '55'},
50 {at: -0.5, is: '35'},
51 {at: 0, is: '30'},
52 {at: 0.3, is: '27'},
53 {at: 0.6, is: '24'},
54 {at: 1, is: '20'},
55 {at: 1.5, is: '15'},
56 ]);
57
58 assertInterpolation({
59 property: 'widows',
60 from: 'unset',
61 to: '20',
62 }, [
63 {at: -3, is: '60'},
64 {at: -2.5, is: '55'},
65 {at: -0.5, is: '35'},
66 {at: 0, is: '30'},
67 {at: 0.3, is: '27'},
68 {at: 0.6, is: '24'},
69 {at: 1, is: '20'},
70 {at: 1.5, is: '15'},
71 ]);
72
73 assertInterpolation({
74 property: 'widows',
15 from: '10', 75 from: '10',
16 to: '20' 76 to: '20'
17 }, [ 77 }, [
18 {at: -3.0, is: '1'}, 78 {at: -3.0, is: '1'},
19 {at: -2.5, is: '1'}, 79 {at: -2.5, is: '1'},
20 {at: -0.5, is: '5'}, 80 {at: -0.5, is: '5'},
21 {at: 0, is: '10'}, 81 {at: 0, is: '10'},
22 {at: 0.3, is: '13'}, 82 {at: 0.3, is: '13'},
23 {at: 0.6, is: '16'}, 83 {at: 0.6, is: '16'},
24 {at: 1, is: '20'}, 84 {at: 1, is: '20'},
25 {at: 1.5, is: '25'} 85 {at: 1.5, is: '25'}
26 ]); 86 ]);
87
27 assertInterpolation({ 88 assertInterpolation({
28 property: 'widows', 89 property: 'widows',
29 from: '2', 90 from: '2',
30 to: '4' 91 to: '4'
31 }, [ 92 }, [
32 {at: -3.0, is: '1'}, 93 {at: -3.0, is: '1'},
33 {at: -2.5, is: '1'}, 94 {at: -2.5, is: '1'},
34 {at: -0.5, is: '1'}, 95 {at: -0.5, is: '1'},
35 {at: 0, is: '2'}, 96 {at: 0, is: '2'},
36 {at: 0.3, is: '3'}, 97 {at: 0.3, is: '3'},
37 {at: 0.6, is: '3'}, 98 {at: 0.6, is: '3'},
38 {at: 1, is: '4'}, 99 {at: 1, is: '4'},
39 {at: 1.5, is: '5'} 100 {at: 1.5, is: '5'}
40 ]); 101 ]);
41 </script> 102 </script>
OLDNEW
« no previous file with comments | « LayoutTests/animations/interpolation/webkit-text-stroke-color-interpolation.html ('k') | LayoutTests/animations/interpolation/width-interpolation.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698