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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/composition/box-shadow-composition.html

Issue 2844213002: Fix behaviour of shadow interpolation with mismatched list lengths (Closed)
Patch Set: Revert transition test to old behaviour Created 3 years, 7 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 | third_party/WebKit/LayoutTests/animations/composition/text-shadow-composition.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 .target { 4 .target {
5 width: 40px; 5 width: 40px;
6 height: 40px; 6 height: 40px;
7 background-color: black; 7 background-color: black;
8 } 8 }
9 .expected { 9 .expected {
10 background-color: green; 10 background-color: green;
(...skipping 27 matching lines...) Expand all
38 {at: 1, is: 'rgb(200, 200, 200) 20px 40px 60px 80px inset'}, 38 {at: 1, is: 'rgb(200, 200, 200) 20px 40px 60px 80px inset'},
39 {at: 1.5, is: 'rgb(250, 250, 250) 25px 50px 75px 100px inset'}, 39 {at: 1.5, is: 'rgb(250, 250, 250) 25px 50px 75px 100px inset'},
40 ]); 40 ]);
41 41
42 assertComposition({ 42 assertComposition({
43 property: 'box-shadow', 43 property: 'box-shadow',
44 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px' , 44 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px' ,
45 addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px', 45 addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px',
46 addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px', 46 addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
47 }, [ 47 }, [
48 {at: -0.3, is: 'rgb(80, 90, 100) 8px 16px 24px 32px, rgb(90, 110, 130) 9px 18p x 27px 36px'}, 48 {at: -0.3, is: 'rgb(80, 90, 100) 8px 16px 24px 32px, rgb(20, 40, 60) 2px 4px 6 px 8px'},
49 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px 44px, rgb(120, 140, 160) 12px 2 4px 36px 48px'}, 49 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px 44px, rgb(20, 40, 60) 2px 4px 6 px 8px'},
50 {at: 0.5, is: 'rgb(160, 170, 180) 16px 32px 48px 64px, rgb(170, 190, 210) 17px 34px 51px 68px'}, 50 {at: 0.5, is: 'rgb(160, 170, 180) 16px 32px 48px 64px, rgb(20, 40, 60) 2px 4px 6px 8px'},
51 {at: 1, is: 'rgb(210, 220, 230) 21px 42px 63px 84px, rgb(220, 240, 255) 22px 4 4px 66px 88px'}, 51 {at: 1, is: 'rgb(210, 220, 230) 21px 42px 63px 84px, rgb(20, 40, 60) 2px 4px 6 px 8px'},
52 {at: 1.5, is: 'rgb(255, 255, 255) 26px 52px 78px 104px, rgb(255, 255, 255) 27p x 54px 81px 108px'}, 52 {at: 1.5, is: 'rgb(255, 255, 255) 26px 52px 78px 104px, rgb(20, 40, 60) 2px 4p x 6px 8px'},
53 ]); 53 ]);
54 54
55 assertComposition({ 55 assertComposition({
56 property: 'box-shadow',
57 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px',
58 addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px, rgb(100, 100, 100) 10px 20px 30px 40px inset',
59 addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px, rgb(200, 200, 200) 20px 40px 6 0px 80px inset',
60 }, [
61 {at: -0.3, is: 'rgb(80, 90, 100) 8px 16px 24px 32px, rgb(70, 70, 70) 7px 14px 21px 28px inset'},
62 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px 44px, rgb(100, 100, 100) 10px 2 0px 30px 40px inset'},
63 {at: 0.5, is: 'rgb(160, 170, 180) 16px 32px 48px 64px, rgb(150, 150, 150) 15px 30px 45px 60px inset'},
64 {at: 1, is: 'rgb(210, 220, 230) 21px 42px 63px 84px, rgb(200, 200, 200) 20px 4 0px 60px 80px inset'},
65 {at: 1.5, is: 'rgb(255, 255, 255) 26px 52px 78px 104px, rgb(250, 250, 250) 25p x 50px 75px 100px inset'},
66 ]);
67
68 assertComposition({
56 property: 'box-shadow', 69 property: 'box-shadow',
57 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px' , 70 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px' ,
58 addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px', 71 addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px',
59 replaceTo: 'rgb(200, 200, 200) 20px 40px 60px 80px', 72 replaceTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
60 }, [ 73 }, [
61 {at: -0.3, is: 'rgb(83, 96, 109) 8.3px 16.6px 24.9px 33.2px, rgb(96, 122, 148) 9.6px 19.2px 28.8px 38.4px'}, 74 {at: -0.3, is: 'rgb(83, 96, 109) 8.3px 16.6px 24.9px 33.2px, rgb(26, 52, 78) 2 .6px 5.2px 7.8px 10.4px'},
62 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px 44px, rgb(120, 140, 160) 12px 2 4px 36px 48px'}, 75 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px 44px, rgb(20, 40, 60) 2px 4px 6 px 8px'},
63 {at: 0.5, is: 'rgb(155, 160, 165) 15.5px 31px 46.5px 62px, rgb(160, 170, 180) 16px 32px 48px 64px'}, 76 {at: 0.5, is: 'rgb(155, 160, 165) 15.5px 31px 46.5px 62px, rgba(20, 40, 60, 0. 5) 1px 2px 3px 4px'},
64 {at: 1, is: 'rgb(200, 200, 200) 20px 40px 60px 80px'}, 77 {at: 1, is: 'rgb(200, 200, 200) 20px 40px 60px 80px'},
65 {at: 1.5, is: 'rgba(255, 255, 255, 0.5) 24.5px 49px 73.5px 98px, rgba(255, 255 , 255, 0.5) 24px 48px 72px 96px'}, 78 {at: 1.5, is: 'rgba(255, 255, 255, 0.5) 24.5px 49px 73.5px 98px, rgba(0, 0, 0, 0) -1px -2px 0px -4px'},
66 ]); 79 ]);
67 80
68 assertComposition({ 81 assertComposition({
69 property: 'box-shadow', 82 property: 'box-shadow',
70 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px' , 83 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px' ,
71 replaceFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px', 84 replaceFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px',
72 addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px', 85 addTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
73 }, [ 86 }, [
74 {at: -0.3, is: 'rgba(96, 91, 87, 0.701961) 6.7px 13.4px 20.1px 26.8px, rgba(91 , 83, 74, 0.701961) 6.4px 12.8px 19.2px 25.6px'}, 87 {at: -0.3, is: 'rgba(96, 91, 87, 0.7) 6.7px 13.4px 20.1px 26.8px, rgba(0, 0, 0 , 0) -0.6px -1.2px 0px -2.4px'},
75 {at: 0, is: 'rgb(100, 100, 100) 10px 20px 30px 40px'}, 88 {at: 0, is: 'rgb(100, 100, 100) 10px 20px 30px 40px'},
76 {at: 0.5, is: 'rgb(155, 160, 165) 15.5px 31px 46.5px 62px, rgb(160, 170, 180) 16px 32px 48px 64px'}, 89 {at: 0.5, is: 'rgb(155, 160, 165) 15.5px 31px 46.5px 62px, rgba(20, 40, 60, 0. 5) 1px 2px 3px 4px'},
77 {at: 1, is: 'rgb(210, 220, 230) 21px 42px 63px 84px, rgb(220, 240, 255) 22px 4 4px 66px 88px'}, 90 {at: 1, is: 'rgb(210, 220, 230) 21px 42px 63px 84px, rgb(20, 40, 60) 2px 4px 6 px 8px'},
78 {at: 1.5, is: 'rgb(255, 255, 255) 26.5px 53px 79.5px 106px, rgb(255, 255, 255) 28px 56px 84px 112px'}, 91 {at: 1.5, is: 'rgb(255, 255, 255) 26.5px 53px 79.5px 106px, rgb(30, 60, 90) 3p x 6px 9px 12px'},
79 ]); 92 ]);
80 93
81 assertComposition({ 94 assertComposition({
82 property: 'box-shadow', 95 property: 'box-shadow',
83 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px', 96 underlying: 'rgb(10, 20, 30) 1px 2px 3px 4px, rgb(20, 40, 60) 2px 4px 6px 8px, rgb(40, 80, 120) 4px 8px 12px 16px',
84 addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px', 97 addFrom: 'rgb(100, 100, 100) 10px 20px 30px 40px, rgb(200, 200, 200) 20px 40px 60px 80px',
85 replaceTo: 'rgb(200, 200, 200) 20px 40px 60px 80px', 98 replaceTo: 'rgb(200, 200, 200) 20px 40px 60px 80px',
86 }, [ 99 }, [
87 {at: -0.3, is: 'rgb(83, 96, 109) 8.3px 16.6px 24.9px 33.2px, rgb(226, 252, 255 ) 22.6px 45.2px 67.8px 90.4px, rgb(122, 174, 226) 12.2px 24.4px 36.6px 48.8px, r gb(213, 226, 239) 21.3px 42.6px 63.9px 85.2px, rgb(96, 122, 148) 9.6px 19.2px 28 .8px 38.4px, rgb(252, 255, 255) 25.2px 50.4px 75.6px 100.8px'}, 100 {at: -0.3, is: 'rgb(83, 96, 109) 8.3px 16.6px 24.9px 33.2px, rgb(255, 255, 255 ) 28.6px 57.2px 85.8px 114.4px, rgb(52, 104, 156) 5.2px 10.4px 15.6px 20.8px'},
88 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px 44px, rgb(220, 240, 255) 22px 4 4px 66px 88px, rgb(140, 180, 220) 14px 28px 42px 56px, rgb(210, 220, 230) 21px 4 2px 63px 84px, rgb(120, 140, 160) 12px 24px 36px 48px, rgb(240, 255, 255) 24px 4 8px 72px 96px'}, 101 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px 44px, rgb(220, 240, 255) 22px 4 4px 66px 88px, rgb(40, 80, 120) 4px 8px 12px 16px'},
89 {at: 0.5, is: 'rgb(155, 160, 165) 15.5px 31px 46.5px 62px, rgb(210, 220, 230) 21px 42px 63px 84px, rgb(170, 190, 210) 17px 34px 51px 68px, rgb(205, 210, 215) 20.5px 41px 61.5px 82px, rgb(160, 170, 180) 16px 32px 48px 64px, rgb(220, 240, 2 55) 22px 44px 66px 88px'}, 102 {at: 0.5, is: 'rgb(155, 160, 165) 15.5px 31px 46.5px 62px, rgb(110, 120, 130) 11px 22px 33px 44px, rgba(40, 80, 120, 0.5) 2px 4px 6px 8px'},
90 {at: 1, is: 'rgb(200, 200, 200) 20px 40px 60px 80px'}, 103 {at: 1, is: 'rgb(200, 200, 200) 20px 40px 60px 80px'},
91 {at: 1.5, is: 'rgba(255, 255, 255, 0.5) 24.5px 49px 73.5px 98px, rgba(255, 255 , 255, 0.5) 19px 38px 57px 76px, rgba(255, 255, 255, 0.5) 23px 46px 69px 92px, r gba(255, 255, 255, 0.5) 19.5px 39px 58.5px 78px, rgba(255, 255, 255, 0.5) 24px 4 8px 72px 96px, rgba(255, 255, 255, 0.5) 18px 36px 54px 72px'}, 104 {at: 1.5, is: 'rgba(255, 255, 255, 0.5) 24.5px 49px 73.5px 98px, rgba(0, 0, 0, 0) -11px -22px 0px -44px, rgba(0, 0, 0, 0) -2px -4px 0px -8px'},
92 ]); 105 ]);
93 </script> 106 </script>
94 </body> 107 </body>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/animations/composition/text-shadow-composition.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698