third_party/WebKit/LayoutTests/animations/keyframes-iteration-count-non-integer.html - Issue 2522123002: CSS Animations: Remove unnecessary webkit prefixes from layout tests

Side by Side Diff: third_party/WebKit/LayoutTests/animations/keyframes-iteration-count-non-integer.html

Issue 2522123002: CSS Animations: Remove unnecessary webkit prefixes from layout tests (Closed)

Patch Set: 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/keyframes-invalid-keys.html ('k') | third_party/WebKit/LayoutTests/animations/keyframes-out-of-order.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>Keyframes test</title>	7 <title>Keyframes test</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: 2s;	16 animation-duration: 2s;

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

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

19 -webkit-animation-iteration-count: 0.3;	19 animation-iteration-count: 0.3;

20 }	20 }

21 @-webkit-keyframes anim {	21 @keyframes anim {

22 from { left: 50px; }	22 from { left: 50px; }

23 20% { left: 100px; }	23 20% { left: 100px; }

24 40% { left: 100px; }	24 40% { left: 100px; }

25 60% { left: 200px; }	25 60% { left: 200px; }

26 80% { left: 200px; }	26 80% { left: 200px; }

27 to { left: 300px; }	27 to { left: 300px; }

28 }	28 }

29 </style>	29 </style>

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

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

32	32

33 if (window.testRunner) {	33 if (window.testRunner) {

34 testRunner.dumpAsText();	34 testRunner.dumpAsText();

35 testRunner.waitUntilDone();	35 testRunner.waitUntilDone();

36 }	36 }

37	37

38 document.addEventListener("webkitAnimationEnd", function(event){	38 document.addEventListener("animationend", function(event){

39 var result;	39 var result;

40 if (event.elapsedTime > 0 && event.elapsedTime < 1)	40 if (event.elapsedTime > 0 && event.elapsedTime < 1)

41 result = "PASS end of animation";	41 result = "PASS end of animation";

42 else	42 else

43 result = "FAIL end of animation";	43 result = "FAIL end of animation";

44 document.getElementById('result').innerHTML = result;	44 document.getElementById('result').innerHTML = result;

45	45

46 if (window.testRunner)	46 if (window.testRunner)

47 testRunner.notifyDone();	47 testRunner.notifyDone();

48 }, false);	48 }, false);

49	49

50 </script>	50 </script>

51 </head>	51 </head>

52 <body>	52 <body>

53 This test performs an animation of the left property with a non integer iteratio n count.	53 This test performs an animation of the left property with a non integer iteratio n count.

54 <div id="box">	54 <div id="box">

55 </div>	55 </div>

56 <div id="result">	56 <div id="result">

57 </div>	57 </div>

58 </body>	58 </body>

59 </html>	59 </html>

OLD	NEW