LayoutTests/animations/animation-direction-reverse-timing-functions-hardware.html - Issue 637763002: Unprefix usage of -webkit-transform in tests

Side by Side Diff: LayoutTests/animations/animation-direction-reverse-timing-functions-hardware.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 2 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 | « LayoutTests/animations/animation-direction-reverse-hardware.html ('k') | LayoutTests/animations/animation-end-event-destroy-renderer.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>	1 <!doctype html>

2 <html lang="en">	2 <html lang="en">

3 <head>	3 <head>

4 <title>Test of -webkit-animation-direction timing functions on composited elem ents</title>	4 <title>Test of -webkit-animation-direction timing functions on composited elem ents</title>

5 <style>	5 <style>

6 body {	6 body {

7 margin: 0;	7 margin: 0;

8 }	8 }

9	9

10 .box {	10 .box {

(...skipping 24 matching lines...) Expand all Loading...
35	35

36 .reverse {	36 .reverse {

37 -webkit-animation-direction: reverse;	37 -webkit-animation-direction: reverse;

38 }	38 }

39	39

40 .alternate-reverse {	40 .alternate-reverse {

41 -webkit-animation-direction: alternate-reverse;	41 -webkit-animation-direction: alternate-reverse;

42 }	42 }

43	43

44 @-webkit-keyframes move1 {	44 @-webkit-keyframes move1 {

45 from { -webkit-transform: translateX(0px); }	45 from { transform: translateX(0px); }

46 to { -webkit-transform: translateX(200px); }	46 to { transform: translateX(200px); }

47 }	47 }

48 </style>	48 </style>

49 <script src="resources/animation-test-helpers.js"></script>	49 <script src="resources/animation-test-helpers.js"></script>

50 <script>	50 <script>

51 const expectedValues = [	51 const expectedValues = [

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

53 [0.2, "box1", "webkitTransform", [1,0,0,1, 18, 0], 10],	53 [0.2, "box1", "webkitTransform", [1,0,0,1, 18, 0], 10],

54 [0.2, "box2", "webkitTransform", [1,0,0,1, 18, 0], 10],	54 [0.2, "box2", "webkitTransform", [1,0,0,1, 18, 0], 10],

55 [0.2, "box3", "webkitTransform", [1,0,0,1, 198, 0], 10],	55 [0.2, "box3", "webkitTransform", [1,0,0,1, 198, 0], 10],

56 [0.2, "box4", "webkitTransform", [1,0,0,1, 198, 0], 10],	56 [0.2, "box4", "webkitTransform", [1,0,0,1, 198, 0], 10],

57 [2.2, "box1", "webkitTransform", [1,0,0,1, 18, 0], 10],	57 [2.2, "box1", "webkitTransform", [1,0,0,1, 18, 0], 10],

58 [2.2, "box2", "webkitTransform", [1,0,0,1, 198, 0], 10],	58 [2.2, "box2", "webkitTransform", [1,0,0,1, 198, 0], 10],

59 [2.2, "box3", "webkitTransform", [1,0,0,1, 198, 0], 10],	59 [2.2, "box3", "webkitTransform", [1,0,0,1, 198, 0], 10],

60 [2.2, "box4", "webkitTransform", [1,0,0,1, 18, 0], 10],	60 [2.2, "box4", "webkitTransform", [1,0,0,1, 18, 0], 10],

61 ];	61 ];

62	62

63 runAnimationTest(expectedValues);	63 runAnimationTest(expectedValues);

64	64

65 </script>	65 </script>

66 </head>	66 </head>

67 <body>	67 <body>

68 <div id="box1" class="box move1 normal">normal</div>	68 <div id="box1" class="box move1 normal">normal</div>

69 <div id="box2" class="box move1 alternate">alternate</div>	69 <div id="box2" class="box move1 alternate">alternate</div>

70 <div id="box3" class="box move1 reverse">reverse</div>	70 <div id="box3" class="box move1 reverse">reverse</div>

71 <div id="box4" class="box move1 alternate-reverse">alternate-reverse</div>	71 <div id="box4" class="box move1 alternate-reverse">alternate-reverse</div>

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

73 </div>	73 </div>

74 </body>	74 </body>

75 </html>	75 </html>

OLD	NEW