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_doubletap_zoom_gencon.html | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'gfx/layers/apz/test/mochitest/helper_doubletap_zoom_gencon.html')
-rw-r--r-- | gfx/layers/apz/test/mochitest/helper_doubletap_zoom_gencon.html | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/gfx/layers/apz/test/mochitest/helper_doubletap_zoom_gencon.html b/gfx/layers/apz/test/mochitest/helper_doubletap_zoom_gencon.html new file mode 100644 index 0000000000..01b1f060d8 --- /dev/null +++ b/gfx/layers/apz/test/mochitest/helper_doubletap_zoom_gencon.html @@ -0,0 +1,101 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=2100"/> + <title>Check that on generated content works</title> + <script type="application/javascript" src="apz_test_native_event_utils.js"></script> + <script type="application/javascript" src="apz_test_utils.js"></script> + <script src="/tests/SimpleTest/paint_listener.js"></script> + <script type="application/javascript"> + +async function test() { + let useTouchpad = (location.search == "?touchpad"); + + let resolution = await getResolution(); + let initial_resolution = resolution; + ok(resolution > 0, + "The initial_resolution is " + resolution + ", which is some sane value"); + + let target = document.getElementById("target"); + + info("tar " + target.getBoundingClientRect().width); + + // Check that first double tap zooms in + info("sending first double tap"); + await doubleTapOn(target, 10, 10, useTouchpad); + let prev_resolution = resolution; + resolution = await getResolution(); + ok(resolution > prev_resolution, "After double-tap the resolution has increased to " + resolution); + + // Check that second double tap zooms out + info("sending second double tap"); + await doubleTapOn(target, 10, 10, useTouchpad); + prev_resolution = resolution; + resolution = await getResolution(); + ok(resolution < prev_resolution, "After double-tap the resolution has decreased to " + resolution); + ok(resolution == initial_resolution, "After double-tap the resolution has decreased to initial_resolution"); + + info(" window.innerWidth " + window.innerWidth); + + // Check that third double tap zooms in + info("sending third double tap"); + await doubleTapOn(document.getElementById("placeholder"), 10, 10, useTouchpad); + prev_resolution = resolution; + resolution = await getResolution(); + ok(resolution > prev_resolution, "After double-tap the resolution has increased to " + resolution); + + info(" window.innerWidth " + window.innerWidth); + + // Check that fourth double tap zooms out + info("sending forth double tap"); + await doubleTapOn(document.getElementById("placeholder"), 10, 10, useTouchpad); + prev_resolution = resolution; + resolution = await getResolution(); + ok(resolution < prev_resolution, "After double-tap the resolution has decreased to " + resolution); + ok(resolution == initial_resolution, "After double-tap the resolution has decreased to initial_resolution"); + +} + +waitUntilApzStable() +.then(test) +.then(subtestDone, subtestFailed); + + </script> + <style> +body, html { + margin: 0; +} +.withafter { + width: 200px; + height: 200px; + left: 0; + background: green; + position: relative; +} +.withafter::after { + width: 20vw; + height: 100px; + background: blue; + position: absolute; + left: 80vw; + content: 'after'; +} +.placeholder { + width: 20vw; + height: 100px; + background: blue; + position: absolute; + left: 80vw; + top:0; + z-index: -10; +} +</style> +</head> +<body> + +<div id="target" class="withafter">some text</div> +<div id="placeholder" class="placeholder"></div> + +</body> +</html> |