LayoutTests/animations/interpolation/outline-width-interpolation.html - Issue 343563002: Web Animations API: Avoid style resolution when calling element.animate()

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: LayoutTests/animations/interpolation/outline-width-interpolation.html

Issue 343563002: Web Animations API: Avoid style resolution when calling element.animate() (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Removed FIXME Created 6 years, 6 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:

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: 50px;	5 width: 50px;

6 height: 50px;	6 height: 50px;

7 background-color: black;	7 background-color: black;

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

9 outline: 2px solid orange;	9 outline: 2px solid orange;

10 margin: 18px;	10 margin: 18px;

(...skipping 10 matching lines...) Expand all Loading...
21 from: '0px',	21 from: '0px',

22 to: '10px'	22 to: '10px'

23 }, [	23 }, [

24 {at: -0.3, is: '0px'}, // CSS outline-width can't be negative.	24 {at: -0.3, is: '0px'}, // CSS outline-width can't be negative.

25 {at: 0, is: '0px'},	25 {at: 0, is: '0px'},

26 {at: 0.3, is: '3px'},	26 {at: 0.3, is: '3px'},

27 {at: 0.6, is: '6px'},	27 {at: 0.6, is: '6px'},

28 {at: 1, is: '10px'},	28 {at: 1, is: '10px'},

29 {at: 1.5, is: '15px'}	29 {at: 1.5, is: '15px'}

30 ]);	30 ]);

	31 assertInterpolation({

	32 property: 'outline-width',

	33 from: 'thick',

	34 to: '15px'

	35 }, [

	36 {at: -2, is: '0px'}, // CSS outline-width can't be negative.

	37 {at: -0.3, is: '2px'},

	38 {at: 0, is: '5px'},

	39 {at: 0.3, is: '8px'},

	40 {at: 0.6, is: '11px'},

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

	42 {at: 1.5, is: '20px'}

	43 ]);

31 </script>	44 </script>

32 </body>	45 </body>

OLD	NEW