third_party/WebKit/LayoutTests/animations/composition/text-shadow-composition.html - Issue 1379263002: Don't use pairwise keyframe interpolation at fractions 0 and 1.

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

Issue 1379263002: Don't use pairwise keyframe interpolation at fractions 0 and 1. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@_listInterpolationFunctions

Patch Set: Created 5 years, 2 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 | « third_party/WebKit/LayoutTests/animations/composition/box-shadow-composition.html ('k') | third_party/WebKit/LayoutTests/animations/interpolation/box-shadow-interpolation.html » ('j') | third_party/WebKit/Source/core/animation/InvalidatableStyleInterpolation.h » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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 56 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
67	67

68 assertComposition({	68 assertComposition({

69 property: 'text-shadow',	69 property: 'text-shadow',

70 underlying: 'rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px',	70 underlying: 'rgb(10, 20, 30) 1px 2px 3px, rgb(20, 40, 60) 2px 4px 6px, rgb(40, 80, 120) 4px 8px 12px',

71 addFrom: 'rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px ',	71 addFrom: 'rgb(100, 100, 100) 10px 20px 30px, rgb(200, 200, 200) 20px 40px 60px ',

72 replaceTo: 'rgb(200, 200, 200) 20px 40px 60px',	72 replaceTo: 'rgb(200, 200, 200) 20px 40px 60px',

73 }, [	73 }, [

74 {at: -0.3, is: 'rgb(83, 96, 109) 8.3px 16.6px 24.9px, rgb(226, 252, 255) 22.6p x 45.2px 67.8px, rgb(122, 174, 226) 12.2px 24.4px 36.6px, rgb(213, 226, 239) 21. 3px 42.6px 63.9px, rgb(96, 122, 148) 9.6px 19.2px 28.8px, rgb(252, 255, 255) 25. 2px 50.4px 75.6px'},	74 {at: -0.3, is: 'rgb(83, 96, 109) 8.3px 16.6px 24.9px, rgb(226, 252, 255) 22.6p x 45.2px 67.8px, rgb(122, 174, 226) 12.2px 24.4px 36.6px, rgb(213, 226, 239) 21. 3px 42.6px 63.9px, rgb(96, 122, 148) 9.6px 19.2px 28.8px, rgb(252, 255, 255) 25. 2px 50.4px 75.6px'},

75 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px, rgb(220, 240, 255) 22px 44px 6 6px, rgb(140, 180, 220) 14px 28px 42px, rgb(210, 220, 230) 21px 42px 63px, rgb(1 20, 140, 160) 12px 24px 36px, rgb(240, 255, 255) 24px 48px 72px'},	75 {at: 0, is: 'rgb(110, 120, 130) 11px 22px 33px, rgb(220, 240, 255) 22px 44px 6 6px, rgb(140, 180, 220) 14px 28px 42px, rgb(210, 220, 230) 21px 42px 63px, rgb(1 20, 140, 160) 12px 24px 36px, rgb(240, 255, 255) 24px 48px 72px'},

76 {at: 0.5, is: 'rgb(155, 160, 165) 15.5px 31px 46.5px, rgb(210, 220, 230) 21px 42px 63px, rgb(170, 190, 210) 17px 34px 51px, rgb(205, 210, 215) 20.5px 41px 61. 5px, rgb(160, 170, 180) 16px 32px 48px, rgb(220, 240, 255) 22px 44px 66px'},	76 {at: 0.5, is: 'rgb(155, 160, 165) 15.5px 31px 46.5px, rgb(210, 220, 230) 21px 42px 63px, rgb(170, 190, 210) 17px 34px 51px, rgb(205, 210, 215) 20.5px 41px 61. 5px, rgb(160, 170, 180) 16px 32px 48px, rgb(220, 240, 255) 22px 44px 66px'},

77 {at: 1, is: 'rgb(200, 200, 200) 20px 40px 60px, rgb(200, 200, 200) 20px 40px 6 0px'},	77 {at: 1, is: 'rgb(200, 200, 200) 20px 40px 60px'},

78 {at: 1.5, is: 'rgba(255, 255, 255, 0.501961) 24.5px 49px 73.5px, rgba(255, 255 , 255, 0.501961) 19px 38px 57px, rgba(255, 255, 255, 0.501961) 23px 46px 69px, r gba(255, 255, 255, 0.501961) 19.5px 39px 58.5px, rgba(255, 255, 255, 0.501961) 2 4px 48px 72px, rgba(255, 255, 255, 0.501961) 18px 36px 54px'},	78 {at: 1.5, is: 'rgba(255, 255, 255, 0.501961) 24.5px 49px 73.5px, rgba(255, 255 , 255, 0.501961) 19px 38px 57px, rgba(255, 255, 255, 0.501961) 23px 46px 69px, r gba(255, 255, 255, 0.501961) 19.5px 39px 58.5px, rgba(255, 255, 255, 0.501961) 2 4px 48px 72px, rgba(255, 255, 255, 0.501961) 18px 36px 54px'},

79 ]);	79 ]);

80 </script>	80 </script>

81 </body>	81 </body>

OLD	NEW