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

Side by Side Diff: LayoutTests/animations/animation-direction-reverse-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-fill-mode-hardware.html ('k') | LayoutTests/animations/animation-direction-reverse-timing-functions-hardware.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>	2 <html>

3 <head>	3 <head>

4 <title>Test of -webkit-animation-direction on composited elements</title>	4 <title>Test of -webkit-animation-direction on composited elements</title>

5 <style>	5 <style>

6 body {	6 body {

7 margin: 0;	7 margin: 0;

8 }	8 }

9	9

10 .box {	10 .box {

(...skipping 29 matching lines...) Expand all Loading...
40	40

41 .reverse {	41 .reverse {

42 -webkit-animation-direction: reverse;	42 -webkit-animation-direction: reverse;

43 }	43 }

44	44

45 .alternate-reverse {	45 .alternate-reverse {

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

47 }	47 }

48	48

49 @-webkit-keyframes move1 {	49 @-webkit-keyframes move1 {

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

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

52 }	52 }

53	53

54 @-webkit-keyframes move2 {	54 @-webkit-keyframes move2 {

55 0% { -webkit-transform: translateX(0px); }	55 0% { transform: translateX(0px); }

56 40% { -webkit-transform: translateX(160px); }	56 40% { transform: translateX(160px); }

57 60% { -webkit-transform: translateX(120px); }	57 60% { transform: translateX(120px); }

58 100% { -webkit-transform: translateX(200px); }	58 100% { transform: translateX(200px); }

59 }	59 }

60 </style>	60 </style>

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

62 <script>	62 <script>

63 const expectedValues = [	63 const expectedValues = [

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

65 [0.2, "box1", "webkitTransform", [1,0,0,1, 20,0], 20],	65 [0.2, "box1", "webkitTransform", [1,0,0,1, 20,0], 20],

66 [0.2, "box2", "webkitTransform", [1,0,0,1, 20,0], 20],	66 [0.2, "box2", "webkitTransform", [1,0,0,1, 20,0], 20],

67 [0.2, "box3", "webkitTransform", [1,0,0,1, 180,0], 20],	67 [0.2, "box3", "webkitTransform", [1,0,0,1, 180,0], 20],

68 [0.2, "box4", "webkitTransform", [1,0,0,1, 180,0], 20],	68 [0.2, "box4", "webkitTransform", [1,0,0,1, 180,0], 20],

(...skipping 21 matching lines...) Expand all Loading...
90 <div id="box3" class="box move1 reverse">2 keyframes: reverse</div>	90 <div id="box3" class="box move1 reverse">2 keyframes: reverse</div>

91 <div id="box4" class="box move1 alternate-reverse">2 keyframes: alternate-revers e</div>	91 <div id="box4" class="box move1 alternate-reverse">2 keyframes: alternate-revers e</div>

92 <div id="box5" class="box move2 normal">4 keyframes: normal</div>	92 <div id="box5" class="box move2 normal">4 keyframes: normal</div>

93 <div id="box6" class="box move2 alternate">4 keyframes: alternate</div>	93 <div id="box6" class="box move2 alternate">4 keyframes: alternate</div>

94 <div id="box7" class="box move2 reverse">4 keyframes: reverse</div>	94 <div id="box7" class="box move2 reverse">4 keyframes: reverse</div>

95 <div id="box8" class="box move2 alternate-reverse">4 keyframes: alternate-revers e</div>	95 <div id="box8" class="box move2 alternate-reverse">4 keyframes: alternate-revers e</div>

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

97 </div>	97 </div>

98 </body>	98 </body>

99 </html>	99 </html>

OLD	NEW