LayoutTests/accessibility/dynamic-changes-update-position.html - WebKit - Git at Google

 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
 <html>
 <head>
 <script src="../resources/js-test.js"></script>
 <script src="../resources/accessibility-helper.js"></script>
 </head>
 <body>

 <div id="content">
     <div id="div" role="group">
     </div>

     <a href="https://apple.com" id="link">apple.com</a>
 </div>

 <script>
     description("This test ensures that an AX element's position is updated after a dynamic page change.");

     if (window.accessibilityController) {
         window.jsTestIsAsync = true;

         var link = accessibilityController.accessibleElementById("link");
         var startY = link.y;
         var endY;
         setTimeout(async function() {
             document.getElementById("div").innerHTML = `
                 foo bar foo bar foo bar foo bar
                 <br>
                 foo bar foo bar foo bar foo bar
                 <br>
                 foo bar foo bar foo bar foo bar
                 <br>
                 foo bar foo bar foo bar foo bar
                 <br>
                 foo bar foo bar foo bar foo bar
             `;
             await waitFor(() => {
                 endY = link.y;
                 return startY !== endY;
             });

             debug(`PASS: Link moved ${Math.abs(startY - endY)}px in response to dynamic page change.`);
             document.getElementById("content").style.visibility = "hidden";
             finishJSTest();
         }, 0);
     }
 </script>
 </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
	<html>
	<head>
	<script src="../resources/js-test.js"></script>
	<script src="../resources/accessibility-helper.js"></script>
	</head>
	<body>

	<div id="content">
	<div id="div" role="group">
	</div>

	<a href="https://apple.com" id="link">apple.com</a>
	</div>

	<script>
	description("This test ensures that an AX element's position is updated after a dynamic page change.");

	if (window.accessibilityController) {
	window.jsTestIsAsync = true;

	var link = accessibilityController.accessibleElementById("link");
	var startY = link.y;
	var endY;
	setTimeout(async function() {
	document.getElementById("div").innerHTML = `
	foo bar foo bar foo bar foo bar
	<br>
	foo bar foo bar foo bar foo bar
	<br>
	foo bar foo bar foo bar foo bar
	<br>
	foo bar foo bar foo bar foo bar
	<br>
	foo bar foo bar foo bar foo bar
	`;
	await waitFor(() => {
	endY = link.y;
	return startY !== endY;
	});

	debug(`PASS: Link moved ${Math.abs(startY - endY)}px in response to dynamic page change.`);
	document.getElementById("content").style.visibility = "hidden";
	finishJSTest();
	}, 0);
	}
	</script>
	</body>
	</html>