diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /gfx/layers/apz/test/mochitest/helper_hittest_bug1730606-1.html | |
parent | Initial commit. (diff) | |
download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'gfx/layers/apz/test/mochitest/helper_hittest_bug1730606-1.html')
-rw-r--r-- | gfx/layers/apz/test/mochitest/helper_hittest_bug1730606-1.html | 124 |
1 files changed, 124 insertions, 0 deletions
diff --git a/gfx/layers/apz/test/mochitest/helper_hittest_bug1730606-1.html b/gfx/layers/apz/test/mochitest/helper_hittest_bug1730606-1.html new file mode 100644 index 0000000000..b84cb6b634 --- /dev/null +++ b/gfx/layers/apz/test/mochitest/helper_hittest_bug1730606-1.html @@ -0,0 +1,124 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>A simple hit testing test that doesn't involve any transforms</title> + <script type="application/javascript" src="apz_test_utils.js"></script> + <script type="application/javascript" src="apz_test_native_event_utils.js"></script> + <script src="/tests/SimpleTest/paint_listener.js"></script> + <meta name="viewport" content="width=device-width"/> + <style> + body, html { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + } + .scrollable-content { + width: 200%; + height: 200%; + } + #layer1 { + position: absolute; + width: 100vw; + height: 100vh; + background: blue; + } + #layer2 { + position: absolute; + top: 100px; + left: 100px; + width: 100px; + height: 100px; + background: red; + } + #layer3 { + position: absolute; + top: 100px; + left: 100px; + width: 100px; + height: 100px; + background: green; + overflow: hidden; + } + #layer4 { + position: absolute; + top: 50px; + left: 50px; + width: 100px; + height: 100px; + background: yellow; + overflow: hidden; + } + </style> +</head> +<body> + <div id="layer1"></div> + <div id="layer2"></div> + <div id="layer3"> + <div class="scrollable-content"></div> + </div> + <div id="layer4"> + <div class="scrollable-content"></div> + </div> + <div class="scrollable-content"></div> +</body> +<script type="application/javascript"> + +async function test() { + var config = getHitTestConfig(); + var utils = config.utils; + + let subframeHitInfo = APZHitResultFlags.VISIBLE; + if (!config.activateAllScrollFrames) { + subframeHitInfo |= APZHitResultFlags.INACTIVE_SCROLLFRAME; + } + + // Initially, the only thing scrollable is the root. + checkHitResult(hitTest({x: 175, y: 175}), + APZHitResultFlags.VISIBLE, + utils.getViewId(document.scrollingElement), + utils.getLayersId(), + "root scroller"); + + // Make layer3 scrollable. + layer3.style.overflow = "auto"; + await promiseApzFlushedRepaints(); + checkHitResult(hitTest({x: 175, y: 175}), + subframeHitInfo, + (config.activateAllScrollFrames ? utils.getViewId(layer3) + : utils.getViewId(document.scrollingElement)), + utils.getLayersId(), + "subframe layer3"); + + // At (125, 125), layer4 obscures layer3. layer4 is not scrollable yet, + // so we hit the root. + checkHitResult(hitTest({x: 125, y: 125}), + APZHitResultFlags.VISIBLE, + utils.getViewId(document.scrollingElement), + utils.getLayersId(), + "root scroller"); + + // Make layer4 scrollable as well. Now (125, 125) should hit it. + layer4.style.overflow = "auto"; + await promiseApzFlushedRepaints(); + checkHitResult(hitTest({x: 125, y: 125}), + subframeHitInfo, + (config.activateAllScrollFrames ? utils.getViewId(layer4) + : utils.getViewId(document.scrollingElement)), + utils.getLayersId(), + "subframe layer4"); + + // Hit-test outside the reach of layer[3,4] but inside root. + checkHitResult(hitTest({x: 225, y: 225}), + APZHitResultFlags.VISIBLE, + utils.getViewId(document.scrollingElement), + utils.getLayersId(), + "root scroller"); +} + +waitUntilApzStable() +.then(test) +.then(subtestDone, subtestFailed); + +</script> +</html> |