LayoutTests/mathml/presentation/semantics-href.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8"/>
 <title>href on a semantics element</title>
 <script type="text/javascript">
   function test()
   {
     var event = new MouseEvent('click', {bubbles: true, cancelable: true});
     document.getElementById('link').dispatchEvent(event);
   }
 </script>
 </head>
 <body onload="test()">

   <p>This test passes if you see a green square.</p>

   <div style="width: 150px; height: 150px; overflow: hidden">
     <math>
       <semantics id="link" href="#target">
         <mspace id="space" width="150px" height="150px" mathbackground="red"/>
         <annotation>red square</annotation>
       </semantics>
     </math>
     <div style="height: 500px;"></div>
     <math id="target">
       <mspace width="150px" height="150px" mathbackground="green"/>
     </math>
   </div>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>href on a semantics element</title>
	<script type="text/javascript">
	function test()
	{
	var event = new MouseEvent('click', {bubbles: true, cancelable: true});
	document.getElementById('link').dispatchEvent(event);
	}
	</script>
	</head>
	<body onload="test()">

	<p>This test passes if you see a green square.</p>

	<div style="width: 150px; height: 150px; overflow: hidden">
	<math>
	<semantics id="link" href="#target">
	<mspace id="space" width="150px" height="150px" mathbackground="red"/>
	<annotation>red square</annotation>
	</semantics>
	</math>
	<div style="height: 500px;"></div>
	<math id="target">
	<mspace width="150px" height="150px" mathbackground="green"/>
	</math>
	</div>

	</body>
	</html>