third_party/WebKit/LayoutTests/animations/transition-and-animation-2.html - Issue 2518273002: Remove unnecessary webkit prefixes from animation layout tests

Side by Side Diff: third_party/WebKit/LayoutTests/animations/transition-and-animation-2.html

Issue 2518273002: Remove unnecessary webkit prefixes from animation layout tests (Closed)

Patch Set: remove trailing space Created 4 years ago

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

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/transition-and-animation-1-expected.txt ('k') | third_party/WebKit/LayoutTests/animations/wrong-keyframe-name.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 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"	1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

2 "http://www.w3.org/TR/html4/loose.dtd">	2 "http://www.w3.org/TR/html4/loose.dtd">

3	3

4 <html lang="en">	4 <html lang="en">

5 <head>	5 <head>

6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">	6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

7 <title>Transition/Animation Test #2</title>	7 <title>Transition/Animation Test #2</title>

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

9 #box {	9 #box {

10 position: absolute;	10 position: absolute;

11 left: 0;	11 left: 0;

12 top: 100px;	12 top: 100px;

13 height: 100px;	13 height: 100px;

14 width: 100px;	14 width: 100px;

15 background-color: blue;	15 background-color: blue;

16 -webkit-animation-duration: 0.3s;	16 animation-duration: 0.3s;

17 -webkit-animation-timing-function: linear;	17 animation-timing-function: linear;

18 -webkit-animation-name: anim;	18 animation-name: anim;

19 -webkit-transition-property: -webkit-transform;	19 transition-property: transform;

20 -webkit-transition-duration: 10s;	20 transition-duration: 10s;

21 -webkit-transition-timing-function: linear;	21 transition-timing-function: linear;

22 }	22 }

23 @-webkit-keyframes anim {	23 @keyframes anim {

24 from { transform: translate(0,100px) }	24 from { transform: translate(0,100px) }

25 to { transform: translate(400px, 100px) }	25 to { transform: translate(400px, 100px) }

26 }	26 }

27 </style>	27 </style>

28 <script src="resources/animation-test-helpers.js" type="text/javascript" cha rset="utf-8"></script>	28 <script src="resources/animation-test-helpers.js" type="text/javascript" cha rset="utf-8"></script>

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

30	30

31 const expectedValues = [	31 const expectedValues = [

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

33 [0.4, "box", "transform", "none", 0],	33 [0.4, "box", "transform", "none", 0],

34 ];	34 ];

35	35

36 // FIXME: This doesn't get called so we don't trigger a transition...	36 // FIXME: This doesn't get called so we don't trigger a transition...

37 function setup()	37 function setup()

38 {	38 {

39 document.getElementById("box").style.webkitTransform = "translateX(400px )";	39 document.getElementById("box").style.transform = "translateX(400px)";

40 }	40 }

41	41

42 runAnimationTest(expectedValues, undefined, undefined, 'do-not-use-pause-api ');	42 runAnimationTest(expectedValues, undefined, undefined, 'do-not-use-pause-api ');

43	43

44 </script>	44 </script>

45 </head>	45 </head>

46 <body>	46 <body>

47 This test has a transition and animation on the same property (-webkit-transform ).	47 This test has a transition and animation on the same property (transform).

48 The animation starts and then the transition is triggered. The transition should start	48 The animation starts and then the transition is triggered. The transition should start

49 at the position before the animation started (the unanimated position), which is (0,0). If it	49 at the position before the animation started (the unanimated position), which is (0,0). If it

50 starts from the start point of the animation (0,100) then there is an error	50 starts from the start point of the animation (0,100) then there is an error

51 <div id="box">	51 <div id="box">

52 </div>	52 </div>

53 <div id="result">	53 <div id="result">

54 </div>	54 </div>

55 </body>	55 </body>

56 </html>	56 </html>

OLD	NEW