gfx/tests/reftest/709477-1.html
author Jean-Yves Avenard <jyavenard@mozilla.com>
Thu, 06 Aug 2015 10:58:35 +1000
changeset 256477 c32cd64adb3745e4bfb5c44739c2417e1ff845fc
parent 102608 95977d7f113d14cab2cbd53f0981792e0266a314
child 329662 7b434711753b98a87603453caaa0945791ffe12b
permissions -rw-r--r--
Bug 1190258: P1. Use getter to access MediaRawData mData and mSize member. r=cpearce

<!DOCTYPE html>
<html class="reftest-wait">
<head>
  <title>glyph clipping (test)</title>
  <style>
    #clip { position: absolute;
            overflow: hidden;
            font-size: 16px;
            width: 500px;
            height: 300px;}
    /* Offsets keep the text far enough away from clip boundaries so that
       cairo knows the text is within the clip.  Non-unit alpha color makes
       the bug show even without antialiasing.  */
    #text { position: absolute;
            left: 100px;
            top: 100px;
            color: rgba(0,0,0,0.4)}
    #cover { position: absolute;
             top: 90px;
             left: 120px;
             height: 50px;
             width: 60px;
             background: green; }
    #mod { position: absolute;
             top: 400px;
             left: 0px;
             height: 2000px;
             width: 600px;
             background: green; }
  </style>
  <script>

function doPaint()
{
  window.addEventListener("MozAfterPaint", doScroll, false);
  var cover = document.getElementById("cover");
  cover.style.background = "transparent";
  var mod = document.getElementById("mod");
  mod.style.background = "transparent";
}

function doScroll()
{
  window.removeEventListener("MozAfterPaint", doScroll, false);
  window.addEventListener("MozAfterPaint", endTest, false);
  scrollTo(0,1);
}

function endTest()
{
  document.documentElement.removeAttribute("class");
}

document.addEventListener("MozReftestInvalidate", doPaint, false);
  </script>
</head>
<body>
  <div id="clip">
    <div id="text">
    Some text that was</br>
    initially partially covered.</br>
    </div>
  </div>
  <div id="cover">
  </div>
  <div id="mod">
  </div>
</body>
</html>