| 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 |