third_party/WebKit/LayoutTests/animations/interpolation/webkit-mask-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/webkit-mask-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/webkit-mask-position-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/interpolation/webkit-text-stroke-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 -webkit-mask-size: 300px 300px;	5 -webkit-mask-size: 300px 300px;

6 }	6 }

7 .target {	7 .target {

8 width: 100px;	8 width: 100px;

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

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

(...skipping 10 matching lines...) Expand all Loading...
21 .expected {	21 .expected {

22 background-color: green;	22 background-color: green;

23 margin-right: 100px;	23 margin-right: 100px;

24 }	24 }

25 </style>	25 </style>

26 <body>	26 <body>

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

28 <script>	28 <script>

29 assertInterpolation({	29 assertInterpolation({

30 property: '-webkit-mask-size',	30 property: '-webkit-mask-size',

31 from: '',	31 from: neutralKeyframe,

32 to: '200px 250px',	32 to: '200px 250px',

33 }, [	33 }, [

34 {at: -0.25, is: '75px 62.5px, 75px 62.5px, 75px 62.5px, 75px 62.5px'},	34 {at: -0.25, is: '75px 62.5px, 75px 62.5px, 75px 62.5px, 75px 62.5px'},

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

36 {at: 0.25, is: '125px 137.5px, 125px 137.5px, 125px 137.5px, 125px 137.5px'},	36 {at: 0.25, is: '125px 137.5px, 125px 137.5px, 125px 137.5px, 125px 137.5px'},

37 {at: 0.5, is: '150px 175px, 150px 175px, 150px 175px, 150px 175px'},	37 {at: 0.5, is: '150px 175px, 150px 175px, 150px 175px, 150px 175px'},

38 {at: 0.75, is: '175px 212.5px, 175px 212.5px, 175px 212.5px, 175px 212.5px'},	38 {at: 0.75, is: '175px 212.5px, 175px 212.5px, 175px 212.5px, 175px 212.5px'},

39 {at: 1, is: '200px 250px, 200px 250px, 200px 250px, 200px 250px'},	39 {at: 1, is: '200px 250px, 200px 250px, 200px 250px, 200px 250px'},

40 {at: 1.25, is: '225px 287.5px, 225px 287.5px, 225px 287.5px, 225px 287.5px'},	40 {at: 1.25, is: '225px 287.5px, 225px 287.5px, 225px 287.5px, 225px 287.5px'},

41 ]);	41 ]);

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

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

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

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

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

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

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

126 ]);	126 ]);

127 </script>	127 </script>

128 </body>	128 </body>

OLD	NEW