summaryrefslogtreecommitdiffstats
path: root/dom/svg/test/test_hit-testing-and-viewbox.xhtml
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
commit36d22d82aa202bb199967e9512281e9a53db42c9 (patch)
tree105e8c98ddea1c1e4784a60a5a6410fa416be2de /dom/svg/test/test_hit-testing-and-viewbox.xhtml
parentInitial commit. (diff)
downloadfirefox-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 'dom/svg/test/test_hit-testing-and-viewbox.xhtml')
-rw-r--r--dom/svg/test/test_hit-testing-and-viewbox.xhtml81
1 files changed, 81 insertions, 0 deletions
diff --git a/dom/svg/test/test_hit-testing-and-viewbox.xhtml b/dom/svg/test/test_hit-testing-and-viewbox.xhtml
new file mode 100644
index 0000000000..6ab83e54be
--- /dev/null
+++ b/dom/svg/test/test_hit-testing-and-viewbox.xhtml
@@ -0,0 +1,81 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<!--
+https://bugzilla.mozilla.org/show_bug.cgi?id=1486952
+-->
+<head>
+ <title>Test that hit-testing works after a viewBox update</title>
+
+ <style>
+ :hover { fill: lime; }
+ </style>
+
+ <script src="/tests/SimpleTest/SimpleTest.js"></script>
+ <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
+</head>
+
+<body onload="run()">
+<script class="testbody" type="text/javascript">
+<![CDATA[
+
+SimpleTest.waitForExplicitFinish();
+
+function run() {
+ const div = $("div");
+ const offsetX = div.offsetLeft;
+ const offsetY = div.offsetTop;
+ const outerRect = $("outerRect");
+ const innerRect = $("innerRect");
+ const outerSVG = $("outerSVG");
+ const innerSVG = $("innerSVG");
+ let got;
+
+ // Update the inner SVG viewBox to "move" the inner rectangle off its current
+ // position on screen:
+ innerSVG.setAttribute("viewBox", "-25 0 50 50");
+ got = document.elementFromPoint(offsetX + 150, offsetY + 25);
+ is(got, innerRect, "Should hit inner rectangle (1)");
+
+ // Update the inner SVG viewBox again. (At the time of writing, a reflow is
+ // triggered the first time you change viewBox on an inner svg, so the
+ // previous test is expected to always pass. This next test will fail if we're
+ // updating overflows on the inner svg frame instead of its children).
+ innerSVG.setAttribute("viewBox", "0 -25 50 50");
+ got = document.elementFromPoint(offsetX + 100, offsetY + 75);
+ is(got, innerRect, "Should hit inner rectangle (2)");
+
+ // Now update the outer SVG viewBox and confirm that both rectangles are
+ // registered. (Note that in this case the overflow rectangle of the inner
+ // svg is the inner svg's viewport, so be sure to "move" the outer svg so that
+ // the "new" outer rectangle and inner svg are off the current outerRect
+ // union inner svg viewport - hit testing still works in that union.)
+ outerSVG.setAttribute("viewBox", "-200 0 400 100");
+ // Outer:
+ got = document.elementFromPoint(offsetX + 250, offsetY + 50);
+ is(got, outerRect, "Should hit outer rectangle");
+ // Inner:
+ got = document.elementFromPoint(offsetX + 300, offsetY + 75);
+ is(got, innerRect, "Should hit inner rectangle (3)");
+
+ SimpleTest.finish();
+}
+
+]]>
+</script>
+<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1486952">Mozilla Bug 1486952</a>
+<p id="display"></p>
+<div id="content">
+
+ <div width="100%" height="1" id="div"></div>
+ <svg xmlns="http://www.w3.org/2000/svg" id="outerSVG" width="400" height="100"
+ viewBox="0 0 400 100">
+ <rect x="25" y="25" width="50" height="50" fill="red" id="outerRect" />
+ <svg x="75" width="100" height="100" viewBox="0 0 50 50" id="innerSVG">
+ <rect width="25" height="25" fill="red" id="innerRect" />
+ </svg>
+ </svg>
+
+</div>
+<pre id="test">
+</pre>
+</body>
+</html>