third_party/WebKit/LayoutTests/animations/interpolation/webkit-mask-position-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-position-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-image-interpolation-expected.txt ('k') | third_party/WebKit/LayoutTests/animations/interpolation/webkit-mask-size-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 .container {	4 .container {

5 display: inline-block;	5 display: inline-block;

6 border: 2px solid black;	6 border: 2px solid black;

7 }	7 }

8 .parent {	8 .parent {

9 -webkit-mask-position: 30px 10px;	9 -webkit-mask-position: 30px 10px;

10 }	10 }

(...skipping 12 matching lines...) Expand all Loading...
23 <template id="target-template">	23 <template id="target-template">

24 <div class="container">	24 <div class="container">

25 <div class="target"></div>	25 <div class="target"></div>

26 </div>	26 </div>

27 </template>	27 </template>

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

29 <script>	29 <script>

30 // neutral	30 // neutral

31 assertInterpolation({	31 assertInterpolation({

32 property: '-webkit-mask-position',	32 property: '-webkit-mask-position',

33 from: '',	33 from: neutralKeyframe,

34 to: '20px 20px',	34 to: '20px 20px',

35 }, [	35 }, [

36 {at: -0.25, is: '7.5px 32.5px, 7.5px 32.5px, 7.5px 32.5px, 7.5px 32.5px'},	36 {at: -0.25, is: '7.5px 32.5px, 7.5px 32.5px, 7.5px 32.5px, 7.5px 32.5px'},

37 {at: 0, is: '10px 30px, 10px 30px, 10px 30px, 10px 30px'},	37 {at: 0, is: '10px 30px, 10px 30px, 10px 30px, 10px 30px'},

38 {at: 0.25, is: '12.5px 27.5px, 12.5px 27.5px, 12.5px 27.5px, 12.5px 27.5px'},	38 {at: 0.25, is: '12.5px 27.5px, 12.5px 27.5px, 12.5px 27.5px, 12.5px 27.5px'},

39 {at: 0.5, is: '15px 25px, 15px 25px, 15px 25px, 15px 25px'},	39 {at: 0.5, is: '15px 25px, 15px 25px, 15px 25px, 15px 25px'},

40 {at: 0.75, is: '17.5px 22.5px, 17.5px 22.5px, 17.5px 22.5px, 17.5px 22.5px'},	40 {at: 0.75, is: '17.5px 22.5px, 17.5px 22.5px, 17.5px 22.5px, 17.5px 22.5px'},

41 {at: 1, is: '20px 20px, 20px 20px, 20px 20px, 20px 20px'},	41 {at: 1, is: '20px 20px, 20px 20px, 20px 20px, 20px 20px'},

42 {at: 1.25, is: '22.5px 17.5px, 22.5px 17.5px, 22.5px 17.5px, 22.5px 17.5px'},	42 {at: 1.25, is: '22.5px 17.5px, 22.5px 17.5px, 22.5px 17.5px, 22.5px 17.5px'},

43 ]);	43 ]);

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

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

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

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

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

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

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

133 ]);	133 ]);

134 </script>	134 </script>

135 </body>	135 </body>

OLD	NEW