layout/reftests/image-element/element-paint-multiple-backgrounds-01c.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/image-element/element-paint-multiple-backgrounds-01c.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,45 @@
     1.4 +<!--
     1.5 +     Any copyright is dedicated to the Public Domain.
     1.6 +     http://creativecommons.org/licenses/publicdomain/
     1.7 +     Dynamic repaint with multiple -moz-element background images
     1.8 +-->
     1.9 +<!DOCTYPE html>
    1.10 +<html class="reftest-wait">
    1.11 +<head>
    1.12 +<style>
    1.13 +
    1.14 +#box {
    1.15 +  height: 100px;
    1.16 +  width: 200px;
    1.17 +  background: -moz-element(#darkred) top left no-repeat,
    1.18 +              -moz-element(#black) top right no-repeat red;
    1.19 +}
    1.20 +
    1.21 +div > div {
    1.22 +  width: 100px;
    1.23 +  height: 100px;
    1.24 +}
    1.25 +
    1.26 +</style>
    1.27 +</head>
    1.28 +<body style="margin:0">
    1.29 +<div id="box"></div>
    1.30 +
    1.31 +<div style="overflow:hidden; height:0">
    1.32 +  <div id="darkred" style="background-color: darkred"></div>
    1.33 +  <div id="black" style="background-color: black"></div>
    1.34 +  <div id="lime" style="background-color: lime"></div>
    1.35 +  <div id="green" style="background-color: green"></div>
    1.36 +</div>
    1.37 +
    1.38 +<script>
    1.39 +
    1.40 +window.addEventListener("MozReftestInvalidate", function () {
    1.41 +  document.getElementById("box").style.backgroundImage = "-moz-element(#lime), -moz-element(#green)";
    1.42 +  document.documentElement.className = "";
    1.43 +}, false);
    1.44 +
    1.45 +</script>
    1.46 +
    1.47 +</body>
    1.48 +</html>

mercurial