LayoutTests/animations/interpolation/flex-interpolation.html - Issue 811993002: Animation: Implement DoubleStyleInterpolation in StringKeyframe

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/flex-interpolation.html

Issue 811993002: Animation: Implement DoubleStyleInterpolation in StringKeyframe (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created more layout tests Created 5 years, 10 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 | « no previous file | LayoutTests/animations/interpolation/flex-interpolation-expected.txt » ('j') | LayoutTests/animations/interpolation/shape-image-threshold.html » ('J')
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 .target {	4 .target {

5 height: 10px;	5 height: 10px;

6 background: black;	6 background: black;

7 }	7 }

8 .filler {	8 .filler {

9 height: 10px;	9 height: 10px;

10 -webkit-flex: 1 1 50%;	10 -webkit-flex: 1 1 50%;

(...skipping 32 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
43 from: '0 0 100%',	43 from: '0 0 100%',

44 to: '1 1 100%'	44 to: '1 1 100%'

45 }, [	45 }, [

46 {at: -0.3, is: '0 0 100%'},	46 {at: -0.3, is: '0 0 100%'},

47 {at: 0, is: '0 0 100%'},	47 {at: 0, is: '0 0 100%'},

48 {at: 0.4, is: '0 0 100%'},	48 {at: 0.4, is: '0 0 100%'},

49 {at: 0.6, is: '1 1 100%'},	49 {at: 0.6, is: '1 1 100%'},

50 {at: 1, is: '1 1 100%'},	50 {at: 1, is: '1 1 100%'},

51 {at: 1.5, is: '1 1 100%'}	51 {at: 1.5, is: '1 1 100%'}

52 ]);	52 ]);

	53 assertInterpolation({

	54 property: 'flex-shrink',

	55 from: '0',

	56 to: '1'

	57 }, [

	58 {at: -0.3, is: '0'},

	59 {at: 0, is: '0'},

	60 {at: 0.4, is: '0'},

	61 {at: 0.6, is: '1'},

	62 {at: 1, is: '1'},

	63 {at: 1.5, is: '1'}

	64 ]);

	65 assertInterpolation({

	66 property: 'flex-grow',

	67 from: '0',

	68 to: '1'

	69 }, [

	70 {at: -0.3, is: '0'},

	71 {at: 0, is: '0'},

	72 {at: 0.4, is: '0'},

	73 {at: 0.6, is: '1'},

	74 {at: 1, is: '1'},

	75 {at: 1.5, is: '1'}
	alancutter (OOO until 2018) 2015/02/04 20:24:37 This is incorrect, these are animatable as non-neg This is incorrect, these are animatable as non-negative numbers: http://dev.w3.org/csswg/css-flexbox-1/#flex-grow-property jadeg 2015/02/05 23:37:01 The CSSValues dont seem to conform to this though, Show quoted text On 2015/02/04 20:24:37, alancutter wrote: > This is incorrect, these are animatable as non-negative numbers: > http://dev.w3.org/csswg/css-flexbox-1/#flex-grow-property The CSSValues dont seem to conform to this though, so I added fail cases to the tests.
	76 ]);

53 </script>	77 </script>

54 </body>	78 </body>

OLD	NEW