Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(338)

Side by Side Diff: LayoutTests/animations/big-rotation.html

Issue 716963002: Remove property-specific handling in animation-test-helpers.js (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@animhelpercleanup
Patch Set: rm whitespace Created 6 years, 1 month 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
OLDNEW
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.or g/TR/html4/loose.dtd"> 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.or g/TR/html4/loose.dtd">
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 <title>Testing Rotations > 180 degrees</title> 5 <title>Testing Rotations > 180 degrees</title>
6 <style type="text/css" media="screen"> 6 <style type="text/css" media="screen">
7 #box { 7 #box {
8 //position: absolute; 8 //position: absolute;
9 height: 100px; 9 height: 100px;
10 width: 100px; 10 width: 100px;
11 background-color: blue; 11 background-color: blue;
12 -webkit-animation-duration: 3s; 12 -webkit-animation-duration: 3s;
13 -webkit-animation-timing-function: linear; 13 -webkit-animation-timing-function: linear;
14 -webkit-animation-name: rotate; 14 -webkit-animation-name: rotate;
15 -webkit-animation-fill-mode: forwards; 15 -webkit-animation-fill-mode: forwards;
16 } 16 }
17 @-webkit-keyframes rotate { 17 @-webkit-keyframes rotate {
18 from { transform: rotate(0); } 18 from { transform: rotate(0); }
19 to { transform: rotate(540deg); } 19 to { transform: rotate(540deg); }
20 } 20 }
21 </style> 21 </style>
22 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script> 22 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script>
23 <script type="text/javascript" charset="utf-8"> 23 <script type="text/javascript" charset="utf-8">
24 24
25 const expectedValues = [ 25 const expectedValues = [
26 // [time, element-id, property, expected-value, tolerance] 26 // [time, element-id, property, expected-value, tolerance]
27 [1, "box", "webkitTransform", [-1,0,0,-1], 0.2], 27 [1, "box", "webkitTransform", [-1,0,0,-1,0,0], 0.2],
28 [2, "box", "webkitTransform", [1,0,0,1], 0.2], 28 [2, "box", "webkitTransform", [1,0,0,1,0,0], 0.2],
29 [3, "box", "webkitTransform", [-1,0,0,-1], 0.2], 29 [3, "box", "webkitTransform", [-1,0,0,-1,0,0], 0.2],
30 ]; 30 ];
31 31
32 runAnimationTest(expectedValues); 32 runAnimationTest(expectedValues);
33 33
34 </script> 34 </script>
35 </head> 35 </head>
36 <body> 36 <body>
37 <p> 37 <p>
38 This test shows rotation of > 180 degrees. The box should make one and a half ro tations. 38 This test shows rotation of > 180 degrees. The box should make one and a half ro tations.
39 <div id="box"> 39 <div id="box">
40 </div> 40 </div>
41 <div id="result"> 41 <div id="result">
42 </div> 42 </div>
43 </body> 43 </body>
44 </html> 44 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698