third_party/WebKit/LayoutTests/animations/direction-and-fill/animation-direction-reverse-hardware.html - Issue 2975723002: Move direction and fill tests to subdirectory

Side by Side Diff: third_party/WebKit/LayoutTests/animations/direction-and-fill/animation-direction-reverse-hardware.html

Issue 2975723002: Move direction and fill 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/animations/direction-and-fill/animation-direction-reverse-fill-mode-hardware-expected.txt ('k') | third_party/WebKit/LayoutTests/animations/direction-and-fill/animation-direction-reverse-hardware-expected.txt » ('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 animation-direction on composited elements</title>	4 <title>Test of 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 40 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
51 to { transform: translateX(200px); }	51 to { transform: translateX(200px); }

52 }	52 }

53	53

54 @keyframes move2 {	54 @keyframes move2 {

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

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

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

58 100% { 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", "transform", [1,0,0,1, 20,0], 20],	65 [0.2, "box1", "transform", [1,0,0,1, 20,0], 20],

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

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

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

69 [2.2, "box1", "transform", [1,0,0,1, 20,0], 20],	69 [2.2, "box1", "transform", [1,0,0,1, 20,0], 20],

70 [2.2, "box2", "transform", [1,0,0,1, 180,0], 20],	70 [2.2, "box2", "transform", [1,0,0,1, 180,0], 20],

71 [2.2, "box3", "transform", [1,0,0,1, 180,0], 20],	71 [2.2, "box3", "transform", [1,0,0,1, 180,0], 20],

(...skipping 18 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