2018-05-10 02:07:34 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<head>
|
|
|
|
|
<script src="../resources/js-test.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<p id="description"></p>
|
|
|
|
|
|
|
|
|
|
<div style='border: 1px solid #000; height: 5000px;'>5000-pixel box</div>
|
|
|
|
|
|
2020-10-05 19:36:22 +00:00
|
|
|
<iframe id="frame" src="data:text/html,<body><button id='upper_target'>Upper Target</button><div style='border: 1px solid %23000; height: 5000px;'>5000-pixel box</div><button id='lower_target'>Lower Target</button></body>"></iframe>
|
2018-05-10 02:07:34 +00:00
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
<iframe id="frame2" src="./resources/iframe.html"></iframe>
|
|
|
|
|
|
|
|
|
|
<div id="console"></div>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
description("This tests that scrolling to make an element visible works properly when there's an iframe off screen.");
|
|
|
|
|
|
|
|
|
|
window.jsTestIsAsync = true;
|
|
|
|
|
|
|
|
|
|
function runTest() {
|
|
|
|
|
|
|
|
|
|
window.frame = document.getElementById("frame");
|
|
|
|
|
window.frameWindow = frame.contentWindow;
|
|
|
|
|
|
|
|
|
|
var upperTarget = frameWindow.document.getElementById("upper_target");
|
|
|
|
|
var lowerTarget = frameWindow.document.getElementById("lower_target");
|
|
|
|
|
|
|
|
|
|
var lowerTargetAccessibleObject;
|
|
|
|
|
var upperTargetAccessibleObject;
|
|
|
|
|
if (frameWindow.accessibilityController) {
|
|
|
|
|
lowerTargetAccessibleObject = frameWindow.accessibilityController.accessibleElementById("lower_target");
|
|
|
|
|
upperTargetAccessibleObject = frameWindow.accessibilityController.accessibleElementById("upper_target");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Initial state
|
|
|
|
|
debug("Test scrolling an offscreen iframe.");
|
|
|
|
|
window.scrollTo(0, 0);
|
|
|
|
|
shouldBeZero("window.pageYOffset");
|
|
|
|
|
|
|
|
|
|
// Scroll to make lower target visible and check.
|
|
|
|
|
debug("\nScroll lower target to visible.");
|
|
|
|
|
if (frameWindow.accessibilityController)
|
|
|
|
|
lowerTargetAccessibleObject.scrollToMakeVisible();
|
|
|
|
|
// The iframe should be scrolled into view.
|
|
|
|
|
debug("The iframe should be scrolled into view");
|
|
|
|
|
window.scrolledYOffset = window.pageYOffset;
|
|
|
|
|
shouldBeTrue("scrolledYOffset > 0");
|
|
|
|
|
// The content inside the iframe should be scrolled into view too
|
|
|
|
|
testScrolledIntoView(lowerTarget, frameWindow, "Test the lower target should be scrolled into view.")
|
|
|
|
|
|
|
|
|
|
// Scroll to make upper target visible and check.
|
|
|
|
|
debug("\nScroll upper target to visible.");
|
|
|
|
|
if (frameWindow.accessibilityController)
|
|
|
|
|
upperTargetAccessibleObject.scrollToMakeVisible();
|
|
|
|
|
// The iframe should be visible already
|
|
|
|
|
debug("The main window shouldn't scroll.");
|
|
|
|
|
shouldBeTrue("window.pageYOffset == scrolledYOffset");
|
|
|
|
|
// The content inside the iframe should be scrolled into view too
|
|
|
|
|
testScrolledIntoView(upperTarget, frameWindow, "Test the upper target should be scrolled into view.")
|
|
|
|
|
|
|
|
|
|
// Reset and test iframe inside iframe
|
|
|
|
|
debug("\nReset scrolling. Test scrolling in nested iframes.");
|
|
|
|
|
window.scrollTo(0, 0);
|
|
|
|
|
shouldBeZero("window.pageYOffset");
|
|
|
|
|
|
|
|
|
|
window.innerFrame = document.getElementById("frame2").contentWindow.document.getElementById("iframe");
|
|
|
|
|
window.innerFrameWindow = innerFrame.contentWindow;
|
|
|
|
|
var button = innerFrameWindow.document.getElementById("button");
|
|
|
|
|
var buttonAccessibleObject;
|
|
|
|
|
debug("\nScroll inner button to visible.");
|
|
|
|
|
if (innerFrameWindow.accessibilityController) {
|
|
|
|
|
buttonAccessibleObject = innerFrameWindow.accessibilityController.accessibleElementById("button");
|
|
|
|
|
buttonAccessibleObject.scrollToMakeVisible();
|
|
|
|
|
}
|
|
|
|
|
// The content inside the inner iframe should be scrolled into view too
|
|
|
|
|
testScrolledIntoView(button, innerFrameWindow, "Test the button inside the inner frame should be scrolled into view");
|
|
|
|
|
// Use outter frame to determine the inner frame is scrolled into view.
|
|
|
|
|
window.outterFrame = document.getElementById("frame2");
|
|
|
|
|
window.outterFrameWindow = outterFrame.contentWindow;
|
|
|
|
|
debug("The inner iframe should be scrolled into view");
|
|
|
|
|
shouldBeTrue("outterFrameWindow.pageYOffset > 0");
|
|
|
|
|
|
|
|
|
|
// Now make sure we can scroll back to the outter text above the inner iframe
|
|
|
|
|
var text = outterFrameWindow.document.getElementById("box").firstChild;
|
|
|
|
|
var textAccessibleObject;
|
|
|
|
|
debug("\nScroll outter text element to visible.");
|
|
|
|
|
if (outterFrameWindow.accessibilityController) {
|
|
|
|
|
textAccessibleObject = outterFrameWindow.accessibilityController.accessibleElementById("box").childAtIndex(0);
|
|
|
|
|
textAccessibleObject.scrollToMakeVisible();
|
|
|
|
|
}
|
|
|
|
|
debug("The Y offset of the outter iframe should be reset.")
|
|
|
|
|
shouldBeZero("outterFrameWindow.pageYOffset");
|
|
|
|
|
|
|
|
|
|
finishJSTest();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function testScrolledIntoView(object, testWindow, description) {
|
|
|
|
|
debug(description);
|
|
|
|
|
window.frameMinYOffset = object.offsetTop + object.offsetHeight - testWindow.innerHeight;
|
|
|
|
|
window.frameMaxYOffset = object.offsetTop;
|
|
|
|
|
window.scrolledIntoView = testWindow.pageYOffset >= frameMinYOffset && testWindow.pageYOffset <= frameMaxYOffset;
|
|
|
|
|
shouldBeTrue("scrolledIntoView");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
window.addEventListener("load", function() {
|
|
|
|
|
setTimeout(runTest, 0);
|
|
|
|
|
}, false);
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
