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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/simultaneous-start-transform.html

Issue 2970883003: Separate out animations tests with prefixing (Closed)
Patch Set: Rebaseline virtual/threaded version of test too 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:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/prefixed/string-keyframes-identifier-unprefixed.html ('k') | third_party/WebKit/LayoutTests/animations/simultaneous-start-transform-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 simultaneous starting of two animations</title> 7 <title>Test simultaneous starting of two animations</title>
8 <style type="text/css" media="screen"> 8 <style type="text/css" media="screen">
9 .box { 9 .box {
10 position: absolute; 10 position: absolute;
11 top: 40px; 11 top: 40px;
12 height: 100px; 12 height: 100px;
13 width: 100px; 13 width: 100px;
14 background-color: blue; 14 background-color: blue;
15 -webkit-animation-duration: 10s; 15 animation-duration: 10s;
16 -webkit-animation-timing-function: linear; 16 animation-timing-function: linear;
17 -webkit-animation-name: anim; 17 animation-name: anim;
18 } 18 }
19 @-webkit-keyframes anim { 19 @keyframes anim {
20 from { transform: rotate(0deg); } 20 from { transform: rotate(0deg); }
21 to { transform: rotate(360deg); } 21 to { transform: rotate(360deg); }
22 } 22 }
23 #box1 { 23 #box1 {
24 left: 40px; 24 left: 40px;
25 background-color: blue; 25 background-color: blue;
26 } 26 }
27 #box2 { 27 #box2 {
28 left: 160px; 28 left: 160px;
29 background-color: red; 29 background-color: red;
30 } 30 }
31 </style> 31 </style>
32 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script> 32 <script src="resources/animation-test-helpers.js" type="text/javascript" chars et="utf-8"></script>
33 <script type="text/javascript" charset="utf-8"> 33 <script type="text/javascript" charset="utf-8">
34 34
35 const expectedValues = [ 35 const expectedValues = [
36 // [time, element-id, property, expected-value, tolerance] 36 // [time, element-id, property, expected-value, tolerance]
37 [2, "box1", "webkitTransform", [ 0.309017, 0.951057, -0.951057, 0.309017, 0, 0 ], 0.05], 37 [2, "box1", "transform", [ 0.309017, 0.951057, -0.951057, 0.309017, 0, 0 ] , 0.05],
38 [2, "box2", "webkitTransform", [ 0.309017, 0.951057, -0.951057, 0.309017, 0, 0 ], 0.05], 38 [2, "box2", "transform", [ 0.309017, 0.951057, -0.951057, 0.309017, 0, 0 ] , 0.05],
39 [2, ["box1", "box2"], "webkitTransform", "", 0], 39 [2, ["box1", "box2"], "transform", "", 0],
40 [5, "box1", "webkitTransform", [ -1, 0, 0, -1, 0, 0 ], 0.05], 40 [5, "box1", "transform", [ -1, 0, 0, -1, 0, 0 ], 0.05],
41 [5, "box2", "webkitTransform", [ -1, 0, 0, -1, 0, 0 ], 0.05], 41 [5, "box2", "transform", [ -1, 0, 0, -1, 0, 0 ], 0.05],
42 [5, ["box1", "box2"], "webkitTransform", "", 0], 42 [5, ["box1", "box2"], "transform", "", 0],
43 [8, "box1", "webkitTransform", [ 0.309017, -0.951057, 0.951057, 0.309017, 0, 0 ], 0.05], 43 [8, "box1", "transform", [ 0.309017, -0.951057, 0.951057, 0.309017, 0, 0 ] , 0.05],
44 [8, "box2", "webkitTransform", [ 0.309017, -0.951057, 0.951057, 0.309017, 0, 0 ], 0.05], 44 [8, "box2", "transform", [ 0.309017, -0.951057, 0.951057, 0.309017, 0, 0 ] , 0.05],
45 [8, ["box1", "box2"], "webkitTransform", "", 0], 45 [8, ["box1", "box2"], "transform", "", 0],
46 ]; 46 ];
47 47
48 runAnimationTest(expectedValues); 48 runAnimationTest(expectedValues);
49 49
50 </script> 50 </script>
51 </head> 51 </head>
52 <body> 52 <body>
53 This test performs an animation of the transform property. It animates over 10 s econds. 53 This test performs an animation of the transform property. It animates over 10 s econds.
54 It takes 3 snapshots and expects each result to be within a specified range. 54 It takes 3 snapshots and expects each result to be within a specified range.
55 <div id="box1" class="box"> 55 <div id="box1" class="box">
56 </div> 56 </div>
57 <div id="box2" class="box"> 57 <div id="box2" class="box">
58 </div> 58 </div>
59 <div id="result" style="position:absolute; top:150px"> 59 <div id="result" style="position:absolute; top:150px">
60 </div> 60 </div>
61 </body> 61 </body>
62 </html> 62 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/prefixed/string-keyframes-identifier-unprefixed.html ('k') | third_party/WebKit/LayoutTests/animations/simultaneous-start-transform-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698