| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <script src="../../resources/js-test.js"></script> | 3 <script src="../../resources/js-test.js"></script> |
| 4 | 4 |
| 5 <style> | 5 <style> |
| 6 div:before { | 6 div:before { |
| 7 width: 100px; | 7 width: 100px; |
| 8 content: ""; | 8 content: ""; |
| 9 display: block; | 9 display: block; |
| 10 -webkit-transition: width 1ms; | 10 transition: width 1ms; |
| 11 } | 11 } |
| 12 | 12 |
| 13 div { | 13 div { |
| 14 padding: 10px; | 14 padding: 10px; |
| 15 -webkit-transition: padding 20ms; | 15 transition: padding 20ms; |
| 16 } | 16 } |
| 17 | 17 |
| 18 .transition { | 18 .transition { |
| 19 padding: 0px; | 19 padding: 0px; |
| 20 } | 20 } |
| 21 | 21 |
| 22 .transition:before { | 22 .transition:before { |
| 23 width: 10px; | 23 width: 10px; |
| 24 } | 24 } |
| 25 </style> | 25 </style> |
| 26 | 26 |
| 27 <p>Pseudo elements should not dispatch events.</p> | 27 <p>Pseudo elements should not dispatch events.</p> |
| 28 | 28 |
| 29 <div></div> | 29 <div></div> |
| 30 | 30 |
| 31 <script> | 31 <script> |
| 32 if (window.testRunner) { | 32 if (window.testRunner) { |
| 33 testRunner.dumpAsText(); | 33 testRunner.dumpAsText(); |
| 34 testRunner.waitUntilDone(); | 34 testRunner.waitUntilDone(); |
| 35 } | 35 } |
| 36 | 36 |
| 37 onload = function() { | 37 onload = function() { |
| 38 var div = document.querySelector('div'); | 38 var div = document.querySelector('div'); |
| 39 div.className = 'transition'; | 39 div.className = 'transition'; |
| 40 div.addEventListener('webkitTransitionEnd', function(event) { | 40 div.addEventListener('transitionend', function(event) { |
| 41 window.event = event; | 41 window.event = event; |
| 42 shouldBeEqualToString('event.target.tagName', 'DIV'); | 42 shouldBeEqualToString('event.target.tagName', 'DIV'); |
| 43 if (event.target == div) { | 43 if (event.target == div) { |
| 44 isSuccessfullyParsed(); | 44 isSuccessfullyParsed(); |
| 45 testRunner.notifyDone(); | 45 testRunner.notifyDone(); |
| 46 } | 46 } |
| 47 }); | 47 }); |
| 48 } | 48 } |
| 49 </script> | 49 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2518943002:
CSS Transitions: Reduce usage of webkit prefix in layout tests (Closed)
