third_party/WebKit/LayoutTests/animations/interpolation/background-size-interpolation.html - Issue 1881333002: Use neutralKeyframe sentinal instead of '' for interpolation-test.js tests

Side by Side Diff: third_party/WebKit/LayoutTests/animations/interpolation/background-size-interpolation.html

Issue 1881333002: Use neutralKeyframe sentinal instead of '' for interpolation-test.js tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fix composition test code Created 4 years, 8 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/interpolation/background-position-origin-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/interpolation/border-color-interpolation.html » ('j') | no next file with comments »
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 .parent {	4 .parent {

5 background-size: 100px 100px;	5 background-size: 100px 100px;

6 }	6 }

7 .target {	7 .target {

8 width: 80px;	8 width: 80px;

9 height: 100px;	9 height: 100px;

10 display: inline-block;	10 display: inline-block;

(...skipping 10 matching lines...) Expand all Loading...
21 margin-right: 10px;	21 margin-right: 10px;

22 border-color: green;	22 border-color: green;

23 }	23 }

24 </style>	24 </style>

25 <body>	25 <body>

26 <script src="resources/interpolation-test.js"></script>	26 <script src="resources/interpolation-test.js"></script>

27 <script>	27 <script>

28 // neutral	28 // neutral

29 assertInterpolation({	29 assertInterpolation({

30 property: 'background-size',	30 property: 'background-size',

31 from: '',	31 from: neutralKeyframe,

32 to: '20px 20px, 0px 0px',	32 to: '20px 20px, 0px 0px',

33 }, [	33 }, [

34 {at: -0.25, is: ' 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px'},	34 {at: -0.25, is: ' 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px'},

35 {at: 0, is: '10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px'},	35 {at: 0, is: '10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px, 10.0px 10.0px'},

36 {at: 0.25, is: '12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px'},	36 {at: 0.25, is: '12.5px 12.5px, 7.5px 7.5px, 12.5px 12.5px, 7.5px 7.5px'},

37 {at: 0.5, is: '15.0px 15.0px, 5.0px 5.0px, 15.0px 15.0px, 5.0px 5.0px'},	37 {at: 0.5, is: '15.0px 15.0px, 5.0px 5.0px, 15.0px 15.0px, 5.0px 5.0px'},

38 {at: 0.75, is: '17.5px 17.5px, 2.5px 2.5px, 17.5px 17.5px, 2.5px 2.5px'},	38 {at: 0.75, is: '17.5px 17.5px, 2.5px 2.5px, 17.5px 17.5px, 2.5px 2.5px'},

39 {at: 1, is: '20.0px 20.0px, 0.0px 0.0px, 20.0px 20.0px, 0.0px 0.0px'},	39 {at: 1, is: '20.0px 20.0px, 0.0px 0.0px, 20.0px 20.0px, 0.0px 0.0px'},

40 {at: 1.25, is: '22.5px 22.5px, 0.0px 0.0px, 22.5px 22.5px, 0.0px 0.0px'},	40 {at: 1.25, is: '22.5px 22.5px, 0.0px 0.0px, 22.5px 22.5px, 0.0px 0.0px'},

41 ]);	41 ]);

(...skipping 82 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
124 {at: -0.25, is: ' 0px 0px, 80px 0px, 0px 0px, 90px 0px'},	124 {at: -0.25, is: ' 0px 0px, 80px 0px, 0px 0px, 90px 0px'},

125 {at: 0, is: ' 0px 0px, 80px 0px, 0px 0px, 80px 0px'},	125 {at: 0, is: ' 0px 0px, 80px 0px, 0px 0px, 80px 0px'},

126 {at: 0.25, is: '10px 10px, 80px 20px, 0px 20px, 70px 10px'},	126 {at: 0.25, is: '10px 10px, 80px 20px, 0px 20px, 70px 10px'},

127 {at: 0.5, is: '20px 20px, 80px 40px, 0px 40px, 60px 20px'},	127 {at: 0.5, is: '20px 20px, 80px 40px, 0px 40px, 60px 20px'},

128 {at: 0.75, is: '30px 30px, 80px 60px, 0px 60px, 50px 30px'},	128 {at: 0.75, is: '30px 30px, 80px 60px, 0px 60px, 50px 30px'},

129 {at: 1, is: '40px 40px, 80px 80px, 0px 80px, 40px 40px'},	129 {at: 1, is: '40px 40px, 80px 80px, 0px 80px, 40px 40px'},

130 {at: 1.25, is: '50px 50px, 80px 100px, 0px 100px, 30px 50px'},	130 {at: 1.25, is: '50px 50px, 80px 100px, 0px 100px, 30px 50px'},

131 ]);	131 ]);

132 </script>	132 </script>

133 </body>	133 </body>

OLD	NEW