LayoutTests/animations/interpolation/non-animatable-interpolation.html - Issue 1217983003: Allow animation of non-interpolable properties in CSS Animations

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

Issue 1217983003: Allow animation of non-interpolable properties in CSS Animations (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Rebased Created 5 years, 5 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
	(Empty)
1 <!DOCTYPE html>

2 <meta charset="UTF-8">

3 <style>

4 .expected { color: green; }

5 </style>

6 <body>

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

8 <template id="target-template">float</template>

9 <script>

10 assertInterpolation({

11 method: 'CSS Animations',

12 property: 'float',

13 from: 'left',

14 to: 'right'

15 }, [

16 {at: -0.3, is: 'none'},

17 {at: 0, is: 'none'},

18 {at: 0.3, is: 'none'},

19 {at: 0.6, is: 'none'},

20 {at: 1, is: 'none'},

21 {at: 1.5, is: 'none'},

22 ]);

23 assertInterpolation({

24 method: 'CSS Transitions',

25 property: 'float',

26 from: 'left',

27 to: 'right'

28 }, [

29 {at: -0.3, is: 'right'},

30 {at: 0, is: 'right'},

31 {at: 0.3, is: 'right'},

32 {at: 0.6, is: 'right'},

33 {at: 1, is: 'right'},

34 {at: 1.5, is: 'right'},

35 ]);

36 assertInterpolation({

37 method: 'Web Animations',

38 property: 'float',

39 from: 'left',

40 to: 'right'

41 }, [

42 {at: -0.3, is: 'left'},

43 {at: 0, is: 'left'},

44 {at: 0.3, is: 'left'},

45 {at: 0.6, is: 'right'},

46 {at: 1, is: 'right'},

47 {at: 1.5, is: 'right'},

48 ]);

49 </script>

50 </body>

OLD	NEW