50 lines
890 B
HTML
50 lines
890 B
HTML
<!DOCTYPE html>
|
|
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
|
|
<style>
|
|
div:before {
|
|
width: 100px;
|
|
content: "";
|
|
display: block;
|
|
-webkit-transition: width 1ms;
|
|
}
|
|
|
|
div {
|
|
padding: 10px;
|
|
-webkit-transition: padding 20ms;
|
|
}
|
|
|
|
.transition {
|
|
padding: 0px;
|
|
}
|
|
|
|
.transition:before {
|
|
width: 10px;
|
|
}
|
|
</style>
|
|
|
|
<p>Pseudo elements should not dispatch events.</p>
|
|
|
|
<div></div>
|
|
|
|
<script>
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
testRunner.waitUntilDone();
|
|
}
|
|
|
|
onload = function() {
|
|
var div = document.querySelector('div');
|
|
div.className = 'transition';
|
|
div.addEventListener('webkitTransitionEnd', function(event) {
|
|
window.event = event;
|
|
shouldBeEqualToString('event.target.tagName', 'DIV');
|
|
if (event.target == div) {
|
|
isSuccessfullyParsed();
|
|
testRunner.notifyDone();
|
|
}
|
|
});
|
|
}
|
|
</script>
|