LayoutTests/legacy-animation-engine/fast/css-generated-content/pseudo-element-events.html - WebKit - Git at Google

 <!DOCTYPE html><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=false ] -->

 <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>
	<!DOCTYPE html><!-- webkit-test-runner [ experimental:WebAnimationsCSSIntegrationEnabled=false ] -->

	<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>