1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/image-element/mozsetimageelement-01.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,44 @@
1.4 +<!--
1.5 + Any copyright is dedicated to the Public Domain.
1.6 + http://creativecommons.org/licenses/publicdomain/
1.7 +
1.8 + Test document.mozSetImageElement() DOM API and check if ID targets are
1.9 + correctly overridden.
1.10 +-->
1.11 +<html>
1.12 + <head>
1.13 + <style>
1.14 + div {
1.15 + width: 10px;
1.16 + height: 10px;
1.17 + }
1.18 + </style>
1.19 + </head>
1.20 +<body style="margin:0">
1.21 + <div style="background:-moz-element(#d1);"></div>
1.22 + <div style="background:-moz-element(#d2);"></div>
1.23 + <div style="background:-moz-element(#d3);"></div>
1.24 +
1.25 + <div style="overflow:hidden; height:0;">
1.26 + <div id="d1" style="background:red;"></div>
1.27 + <div id="d2" style="background:blue;"></div>
1.28 + <!-- two elements with the same ID: the former one will be used -->
1.29 + <div id="d3" style="background:black;"></div>
1.30 + <div id="d3" style="background:yellow;"></div>
1.31 + </div>
1.32 +
1.33 + <script>
1.34 + var d1 = document.getElementById("d1");
1.35 + var d2 = document.getElementById("d2");
1.36 + var d3 = document.getElementById("d3");
1.37 + document.mozSetImageElement("d1", d3);
1.38 + document.mozSetImageElement("d2", null);
1.39 + document.mozSetImageElement("d3", d1);
1.40 + document.mozSetImageElement("d3", null);
1.41 + document.mozSetImageElement("d4", d1);
1.42 + document.mozSetImageElement("", d1);
1.43 + d1.id = "d2";
1.44 + d2.id = "d1";
1.45 + </script>
1.46 +</body>
1.47 +</html>
