<!DOCTYPE html>
<script src="../../../../resources/testharness.js"></script>
<script src="../../../../resources/testharnessreport.js"></script>
<script src="../../../../resources/gesture-util.js"></script>
<style type="text/css">
::-webkit-scrollbar {
width: 0px;
height: 0px;
}
#bluebox {
width: 100px;
height: 100px;
background: blue;
padding: 0px;
margin: 0px;
}
#outerdiv {
width: 200px;
height: 200px;
overflow-y: scroll;
overflow-x: scroll;
}
td {
padding: 0px;
}
</style>
<body style="margin:0" >
<div id="outerdiv">
<table border="0" cellspacing="0px" >
<tr><td>
<iframe style="display: block;" frameBorder="0" id="touchtargetiframe"
src="resources/scroll-inside-editable-iframe-promise-resolve-on-load.html"></iframe>
</td></tr>
<tr><td>
<div id="bluebox"></div>
</td></tr>
</table>
</div>
</body>
<script type="text/javascript">
var movedbox = document.getElementById("outerdiv");
var touchtarget = document.getElementById("touchtargetiframe");
var iframe;
var iframeScrollingElement;
var expectedGesturesTotal = 1;
var gesturesOccurred = 0;
var scrollAmountX = [0];
var scrollAmountY = [50];
var scrolledElement = movedbox;
var scrollEventsOccurred = 0;
var expectedScrollEventsOccurred = 1;
promise_test (async () => {
await iframeOnLoadPromise;
touchtarget.contentDocument.addEventListener("scroll", recordScroll);
iframe = touchtarget;
iframeScrollingElement = iframe.contentDocument.scrollingElement;
var amountToScroll = iframeScrollingElement.scrollHeight - iframe.clientHeight;
iframeScrollingElement.scrollTop = amountToScroll;
// Sanity - make sure the iframe is actually fully scrolled
assert_equals(iframeScrollingElement.scrollHeight -
iframeScrollingElement.scrollTop, iframe.clientHeight,
"iframe must be fully scrolled");
var x = 10;
var y = 72;
// scroll for 63 pixels or till the outer div is fully scrolled.
scrollAmountY[0] = Math.min(movedbox.scrollHeight - movedbox.clientHeight, 63);
await smoothScroll(63, x, y, GestureSourceType.TOUCH_INPUT, "down");
// Wait for layout.
await waitFor(checkScrollOffset);
assert_equals(scrollEventsOccurred, expectedScrollEventsOccurred);
}, 'This tests that a scroll gesture sent to an iframe with no remaining ' +
'scroll offset is correctly targeting the parent container.');
</script>
Codebase Browser
chromium