blob: e33e5dab21075a33c5ab44778590dc2b5630bc27 [file] [log] [blame]
<!DOCTYPE html> <!-- webkit-test-runner [ internal:useMockScrollbars=false internal:AsyncOverflowScrollingEnabled=true internal:AsyncFrameScrollingEnabled=true ] -->
<html>
<head>
<style>
body {
height: 1000px;
}
iframe {
width: 400px;
height: 250px;
border: 1px solid gray;
}
</style>
<script src="../../../../resources/js-test-pre.js"></script>
<script src="../../../../resources/ui-helper.js"></script>
<script>
jsTestIsAsync = true;
if (window.internals)
internals.setUsesOverlayScrollbars(true);
async function doTest()
{
description('Test maybegin and cancelled on overflow inside an iframe');
const iframe = document.getElementsByTagName('iframe')[0];
const iframeWindow = iframe.contentWindow;
const iframeBounds = iframe.getBoundingClientRect();
const scroller = iframe.contentDocument.querySelector('.scroller');
const scrollerBounds = scroller.getBoundingClientRect();
const x = iframeBounds.left + scrollerBounds.right - 8;
const y = iframeBounds.top + scrollerBounds.top + 10;
if (!window.internals) {
finishJSTest();
return;
}
iframeWindow.internals.setUsesOverlayScrollbars(true);
debug('Initial state');
debug(iframeWindow.internals.verticalScrollbarState(scroller));
debug('Hovering vertical scrollbar should show expanded scrollbar');
await UIHelper.mouseWheelScrollAt(x, y);
await UIHelper.waitForCondition(() => {
let state = iframeWindow.internals.verticalScrollbarState(scroller);
let expanded = state.indexOf('expanded') != -1;
if (expanded)
testPassed('Scrollbar state: ' + state);
return expanded;
});
debug('Unhovering vertical scrollbar should hide it');
await UIHelper.moveMouseAndWaitForFrame(x - 10, y);
await UIHelper.moveMouseAndWaitForFrame(x - 20, y);
await UIHelper.waitForCondition(() => {
let state = iframeWindow.internals.verticalScrollbarState(scroller);
let thumbHidden = state.indexOf('visible_thumb') == -1;
let trackHidden = state.indexOf('visible_track') == -1;
if (thumbHidden && trackHidden)
testPassed('Thumb and track hidden');
return thumbHidden && trackHidden;
});
finishJSTest();
}
window.addEventListener('load', () => {
doTest();
}, false);
</script>
</head>
<body>
<iframe srcdoc="
<style>
body {
height: 1000px;
}
.scroller {
margin: 10px;
width: 200px;
height: 200px;
border: 1px solid black;
overflow: auto;
}
.contents {
width: 100%;
height: 200%;
}
</style>
<div class='scroller'>
<div class='contents'></div>
</div>
"></iframe>
<div id="console"></div>
<script src="../../../../resources/js-test-post.js"></script>
</body>
</html>