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>Test timing functions</title> | 7 <title>Test timing functions</title> |
8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
9 .box { | 9 .box { |
10 position: relative; | 10 position: relative; |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
73 * (where they are deprecated) and should behave like 'ease'. | 73 * (where they are deprecated) and should behave like 'ease'. |
74 */ | 74 */ |
75 #middlebox1 { | 75 #middlebox1 { |
76 animation-timing-function: steps(3, middle); | 76 animation-timing-function: steps(3, middle); |
77 } | 77 } |
78 #middlebox2 { | 78 #middlebox2 { |
79 animation-timing-function: step-middle; | 79 animation-timing-function: step-middle; |
80 } | 80 } |
81 | 81 |
82 </style> | 82 </style> |
83 <script src="resources/animation-test-helpers.js" type="text/javascript" chars
et="utf-8"></script> | 83 <script src="../resources/animation-test-helpers.js" type="text/javascript" ch
arset="utf-8"></script> |
84 <script type="text/javascript" charset="utf-8"> | 84 <script type="text/javascript" charset="utf-8"> |
85 | 85 |
86 const expectedValues = [ | 86 const expectedValues = [ |
87 // [time, element-id, property, expected-value, tolerance] | 87 // [time, element-id, property, expected-value, tolerance] |
88 [0.25, "box1", "left", 141, 5], | 88 [0.25, "box1", "left", 141, 5], |
89 [0.50, "box1", "left", 180, 5], | 89 [0.50, "box1", "left", 180, 5], |
90 [0.75, "box1", "left", 196, 5], | 90 [0.75, "box1", "left", 196, 5], |
91 [0.25, "box2", "left", 141, 5], | 91 [0.25, "box2", "left", 141, 5], |
92 [0.50, "box2", "left", 180, 5], | 92 [0.50, "box2", "left", 180, 5], |
93 [0.75, "box2", "left", 196, 5], | 93 [0.75, "box2", "left", 196, 5], |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
146 <div class="box" id="box9"> | 146 <div class="box" id="box9"> |
147 </div> | 147 </div> |
148 <div class="box-step-middle" id="middlebox1"> | 148 <div class="box-step-middle" id="middlebox1"> |
149 </div> | 149 </div> |
150 <div class="box-step-middle" id="middlebox2"> | 150 <div class="box-step-middle" id="middlebox2"> |
151 </div> | 151 </div> |
152 <div id="result"> | 152 <div id="result"> |
153 </div> | 153 </div> |
154 </body> | 154 </body> |
155 </html> | 155 </html> |
OLD | NEW |