summaryrefslogtreecommitdiffstats
path: root/layout/reftests/image-element/mozsetimageelement-01.html
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 /layout/reftests/image-element/mozsetimageelement-01.html
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 'layout/reftests/image-element/mozsetimageelement-01.html')
-rw-r--r--layout/reftests/image-element/mozsetimageelement-01.html44
1 files changed, 44 insertions, 0 deletions
diff --git a/layout/reftests/image-element/mozsetimageelement-01.html b/layout/reftests/image-element/mozsetimageelement-01.html
new file mode 100644
index 0000000000..f1ac067c0d
--- /dev/null
+++ b/layout/reftests/image-element/mozsetimageelement-01.html
@@ -0,0 +1,44 @@
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/licenses/publicdomain/
+
+ Test document.mozSetImageElement() DOM API and check if ID targets are
+ correctly overridden.
+-->
+<html>
+ <head>
+ <style>
+ div {
+ width: 10px;
+ height: 10px;
+ }
+ </style>
+ </head>
+<body style="margin:0">
+ <div style="background:-moz-element(#d1);"></div>
+ <div style="background:-moz-element(#d2);"></div>
+ <div style="background:-moz-element(#d3);"></div>
+
+ <div style="overflow:hidden; height:0;">
+ <div id="d1" style="background:red;"></div>
+ <div id="d2" style="background:blue;"></div>
+ <!-- two elements with the same ID: the former one will be used -->
+ <div id="d3" style="background:black;"></div>
+ <div id="d3" style="background:yellow;"></div>
+ </div>
+
+ <script>
+ var d1 = document.getElementById("d1");
+ var d2 = document.getElementById("d2");
+ var d3 = document.getElementById("d3");
+ document.mozSetImageElement("d1", d3);
+ document.mozSetImageElement("d2", null);
+ document.mozSetImageElement("d3", d1);
+ document.mozSetImageElement("d3", null);
+ document.mozSetImageElement("d4", d1);
+ document.mozSetImageElement("", d1);
+ d1.id = "d2";
+ d2.id = "d1";
+ </script>
+</body>
+</html>