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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/play-state.html

Issue 2518273002: Remove unnecessary webkit prefixes from animation layout tests (Closed)
Patch Set: remove trailing space Created 4 years 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/negative-delay-expected.txt ('k') | third_party/WebKit/LayoutTests/animations/play-state-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> 1 <!DOCTYPE html>
2 <head> 2 <head>
3 <title>Test of -webkit-animation-play-state</title> 3 <title>Test of animation-play-state</title>
4 <style> 4 <style>
5 .target { 5 .target {
6 height: 100px; 6 height: 100px;
7 width: 100px; 7 width: 100px;
8 -webkit-animation-duration: 40ms; 8 animation-duration: 40ms;
9 -webkit-animation-timing-function: linear; 9 animation-timing-function: linear;
10 } 10 }
11 #translate { 11 #translate {
12 background-color: blue; 12 background-color: blue;
13 -webkit-animation-name: move1; 13 animation-name: move1;
14 } 14 }
15 @-webkit-keyframes move1 { 15 @keyframes move1 {
16 from { transform: translateX(100px); } 16 from { transform: translateX(100px); }
17 to { transform: translateX(200px); } 17 to { transform: translateX(200px); }
18 } 18 }
19 #left { 19 #left {
20 position: relative; 20 position: relative;
21 background-color: red; 21 background-color: red;
22 -webkit-animation-name: move2; 22 animation-name: move2;
23 } 23 }
24 @-webkit-keyframes move2 { 24 @keyframes move2 {
25 from { left: 100px; } 25 from { left: 100px; }
26 to { left: 200px; } 26 to { left: 200px; }
27 } 27 }
28 .paused { 28 .paused {
29 -webkit-animation-play-state: paused; 29 animation-play-state: paused;
30 } 30 }
31 </style> 31 </style>
32 <script src="resources/animation-test-helpers.js" type="text/javascript"></scr ipt> 32 <script src="resources/animation-test-helpers.js" type="text/javascript"></scr ipt>
33 <script type="text/javascript"> 33 <script type="text/javascript">
34 if (window.testRunner) { 34 if (window.testRunner) {
35 testRunner.dumpAsText(); 35 testRunner.dumpAsText();
36 testRunner.waitUntilDone(); 36 testRunner.waitUntilDone();
37 } 37 }
38 38
39 function log(message) { 39 function log(message) {
40 var div = document.createElement('div'); 40 var div = document.createElement('div');
41 div.textContent = message; 41 div.textContent = message;
42 document.body.appendChild(div); 42 document.body.appendChild(div);
43 } 43 }
44 44
45 function logPassFail(expected, actual, id, description) { 45 function logPassFail(expected, actual, id, description) {
46 var didPass = expected === actual; 46 var didPass = expected === actual;
47 log((didPass ? 'PASS' : 'FAIL') + ': Element \'' + id + '\' had ' + (didPa ss ? 'correct' : 'incorrect') + ' style ' + description); 47 log((didPass ? 'PASS' : 'FAIL') + ': Element \'' + id + '\' had ' + (didPa ss ? 'correct' : 'incorrect') + ' style ' + description);
48 } 48 }
49 49
50 function togglePaused() { 50 function togglePaused() {
51 var targets = document.getElementsByClassName('target'); 51 var targets = document.getElementsByClassName('target');
52 for (var i = 0; i < targets.length; ++i) { 52 for (var i = 0; i < targets.length; ++i) {
53 targets[i].classList.toggle('paused'); 53 targets[i].classList.toggle('paused');
54 } 54 }
55 } 55 }
56 56
57 var start = function() { 57 var start = function() {
58 document.removeEventListener('webkitAnimationStart', start, false); 58 document.removeEventListener('animationstart', start, false);
59 setTimeout(pause, 20); 59 setTimeout(pause, 20);
60 } 60 }
61 61
62 var transform; 62 var transform;
63 var left; 63 var left;
64 function pause() { 64 function pause() {
65 togglePaused(); 65 togglePaused();
66 transform = getComputedStyle(document.getElementById('translate')).webkitT ransform; 66 transform = getComputedStyle(document.getElementById('translate')).transfo rm;
67 left = getComputedStyle(document.getElementById('left')).left; 67 left = getComputedStyle(document.getElementById('left')).left;
68 setTimeout(resume, 20); 68 setTimeout(resume, 20);
69 } 69 }
70 70
71 function resume() { 71 function resume() {
72 logPassFail(transform, getComputedStyle(document.getElementById('translate ')).webkitTransform, 'translate', 'when paused'); 72 logPassFail(transform, getComputedStyle(document.getElementById('translate ')).transform, 'translate', 'when paused');
73 logPassFail(left, getComputedStyle(document.getElementById('left')).left, 'left', 'when paused'); 73 logPassFail(left, getComputedStyle(document.getElementById('left')).left, 'left', 'when paused');
74 togglePaused(); 74 togglePaused();
75 setTimeout(end, 100); 75 setTimeout(end, 100);
76 } 76 }
77 77
78 function end() { 78 function end() {
79 logPassFail('none', getComputedStyle(document.getElementById('translate')) .webkitTransform, 'translate', 'at end'); 79 logPassFail('none', getComputedStyle(document.getElementById('translate')) .transform, 'translate', 'at end');
80 logPassFail('0px', getComputedStyle(document.getElementById('left')).left, 'left', 'at end'); 80 logPassFail('0px', getComputedStyle(document.getElementById('left')).left, 'left', 'at end');
81 if (window.testRunner) { 81 if (window.testRunner) {
82 testRunner.notifyDone(); 82 testRunner.notifyDone();
83 } 83 }
84 } 84 }
85 85
86 document.addEventListener('webkitAnimationStart', start, false); 86 document.addEventListener('animationstart', start, false);
87 </script> 87 </script>
88 </head> 88 </head>
89 <body> 89 <body>
90 <p> 90 <p>
91 This tests the operation of -webkit-animation-play-state. We test style 91 This tests the operation of animation-play-state. We test style
92 while the animations are paused and once unpaused. 92 while the animations are paused and once unpaused.
93 </p> 93 </p>
94 <div class="target" id="translate">transform</div> 94 <div class="target" id="translate">transform</div>
95 <div class="target" id="left">left</div> 95 <div class="target" id="left">left</div>
96 </body> 96 </body>
97 </html> 97 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/negative-delay-expected.txt ('k') | third_party/WebKit/LayoutTests/animations/play-state-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698