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

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/animations/interpolation/svg-stroke-width-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/svg-stroke-opacity-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/interpolation/text-decoration-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 stroke-width: 30px;	5 stroke-width: 30px;

6 }	6 }

7 .target {	7 .target {

8 display: inline-block;	8 display: inline-block;

9 stroke: black;	9 stroke: black;

10 fill: none;	10 fill: none;

11 stroke-width: 10px;	11 stroke-width: 10px;

12 }	12 }

13 .expected {	13 .expected {

14 stroke: green;	14 stroke: green;

15 }	15 }

16 </style>	16 </style>

17 <body>	17 <body>

18 <template id="target-template">	18 <template id="target-template">

19 <svg width="100" height="100">	19 <svg width="100" height="100">

20 <rect x="0" y="0" width="100" height="100"/>	20 <rect x="0" y="0" width="100" height="100"/>

21 </svg>	21 </svg>

22 </template>	22 </template>

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

24 <script>	24 <script>

25 assertInterpolation({	25 assertInterpolation({

26 property: 'stroke-width',	26 property: 'stroke-width',

27 from: '',	27 from: neutralKeyframe,

28 to: '20px',	28 to: '20px',

29 }, [	29 }, [

30 {at: -0.3, is: '7px'},	30 {at: -0.3, is: '7px'},

31 {at: 0, is: '10px'},	31 {at: 0, is: '10px'},

32 {at: 0.3, is: '13px'},	32 {at: 0.3, is: '13px'},

33 {at: 0.6, is: '16px'},	33 {at: 0.6, is: '16px'},

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

35 {at: 1.5, is: '25px'},	35 {at: 1.5, is: '25px'},

36 ]);	36 ]);

37	37

(...skipping 91 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
129 }, [	129 }, [

130 {at: -0.3, is: '199px'},	130 {at: -0.3, is: '199px'},

131 {at: 0, is: '10em'},	131 {at: 0, is: '10em'},

132 {at: 0.3, is: '121px'},	132 {at: 0.3, is: '121px'},

133 {at: 0.6, is: '82px'},	133 {at: 0.6, is: '82px'},

134 {at: 1, is: '30px'},	134 {at: 1, is: '30px'},

135 {at: 1.5, is: '0px'},	135 {at: 1.5, is: '0px'},

136 ]);	136 ]);

137 </script>	137 </script>

138 </body>	138 </body>

OLD	NEW