third_party/WebKit/LayoutTests/animations/keyframe-timing-functions-multiple-animations.html - Issue 2979503002: Move animation timing tests to subdirectory

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/keyframe-timing-functions-multiple-animations.html

Issue 2979503002: Move animation timing tests to subdirectory (Closed)

Patch Set: Created 3 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 <html>

3 <head>

4 <style type="text/css" media="screen">

5 div#target {

6 animation-name: animation1, animation2;

7 animation-duration: 2s;

8 animation-timing-function: steps(2);

9 background-color: red;

10 position: relative;

11 width: 100px;

12 height: 100px;

13 }

14 @keyframes animation1 {

15 from {

16 left: 0px;

17 animation-timing-function: linear;

18 }

19 to {

20 left: 200px;

21 }

22 }

23 @keyframes animation2 {

24 from {

25 top: 0px;

26 animation-timing-function: linear;

27 }

28 to {

29 top: 200px;

30 }

31 }

32 </style>

33 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script>

34 <script type="text/javascript" charset="utf-8">

35

36 const expectedValues = [

37 // [time, element-id, property, expected-value, tolerance]

38 [0.5, "target", "left", 50, 5],

39 [0.5, "target", "top", 50, 5],

40 [1.5, "target", "left", 150, 5],

41 [1.5, "target", "top", 150, 5],

42 ];

43

44 runAnimationTest(expectedValues);

45 </script>

46 </head>

47 <body>

48 <p>Tests that per-keyframe timing functions are applied correctly when an elemen t is targeted by multiple animations. The red block should move smoothly from to p-left to bottom-right. See <a href="http://crbug.com/288540">crbug.com/288540</ a>.</p>

49 <div id="target"></div>

50 <div id="result"></div>

51 </body>

52 </html>

OLD	NEW