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 /dom/tests/mochitest/bugs/test_bug1774135.html | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | dom/tests/mochitest/bugs/test_bug1774135.html | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/dom/tests/mochitest/bugs/test_bug1774135.html b/dom/tests/mochitest/bugs/test_bug1774135.html new file mode 100644 index 0000000000..6d511e75ec --- /dev/null +++ b/dom/tests/mochitest/bugs/test_bug1774135.html @@ -0,0 +1,114 @@ +<!DOCTYPE HTML> +<html> +<meta charset="utf-8"> +<title>Test for Bug 1774135</title> +<script src="/tests/SimpleTest/SimpleTest.js"></script> +<link rel="stylesheet" href="/tests/SimpleTest/test.css"/> +<style> + .split { + width: 299px; + display: flex; + background: red; /* so we can see if it's visible. It should NOT be visible */ + } + .split>* { + flex: 1 1 auto; + height: 50px; + } + .left { + background: pink; + } + .middle { + background: lightgreen; + } + .right { + background: lightblue; + } +</style> +<script> + function WidthTracker(observed) { + this._observer = new ResizeObserver(this._handleNotification.bind(this)); + this._observed = observed; + } + + WidthTracker.prototype = { + _handleNotification(entries) { + for (let entry of entries) { + this._elemToWidth.set( + entry.target, + entry.devicePixelContentBoxSize[0].inlineSize + ); + } + for (let elem of this._observed) { + if (!this._elemToWidth.has(elem)) { + return; + } + } + // Note(dshin): Wait a tick - we need to let the resize observer loop exit + // and avoid resize loop error. + const resolve = this._resolve; + const result = new Map(this._elemToWidth); + this._observer.disconnect(); + delete this._resolve; + delete this._elemToWidth; + window.requestAnimationFrame(function() { + resolve(result); + }); + }, + start() { + this._elemToWidth = new Map(); + for (const elem of this._observed) { + this._observer.observe(elem); + } + return new Promise(res => { this._resolve = res; }); + }, + }; + async function run_test(tracker, container, children, relativeZoom) { + SpecialPowers.setFullZoom(window, relativeZoom); + let result = await tracker.start(Array.from(children).concat([container])); + let observedChildrenWidths = 0; + for (const child of children) { + observedChildrenWidths += result.get(child); + } + let containerWidth = result.get(container); + is(observedChildrenWidths, containerWidth, "Combined widths of children == container width"); + } + + const originalZoom = SpecialPowers.getFullZoom(window); + let tracker; + let container; + let children; + + const zoomsToTest = [ + 300, + 240, + 200, + 170, + 150, + 133, + 120, + 110, + 100, + 90, + 80, + 67, + 50, + 30, + ]; + + add_task(async () => { + container = document.querySelector('.split'); + children = document.querySelectorAll('.split>*'); + tracker = new WidthTracker(Array.from(children).concat([container])); + }); + for (let i = 0; i < zoomsToTest.length; ++i) { + let relativeZoom = originalZoom * zoomsToTest[i] / 100; + add_task(async () => { await run_test(tracker, container, children, relativeZoom); }); + } + add_task(async () => { SpecialPowers.setFullZoom(window, originalZoom); }); +</script> +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1774135">Mozilla Bug 1774135</a> +<div class="split"> + <div class="left"></div> + <div class="middle"></div> + <div class="right"></div> +</div> |