<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Test for drawSnapshot</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script src="/tests/SimpleTest/WindowSnapshot.js"></script>
  <script type="application/javascript" src="file_drawWindow_common.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  <script type="application/javascript">

  SimpleTest.waitForExplicitFinish();
  window.addEventListener("load", runTests);

  async function runTests(event) {
    let snapshot = async function(context, x, y, width, height, bg) {
      let elem = document.getElementById("source");

      var rect = new window.DOMRect(x, y, width, height);

      let image = await SpecialPowers.snapshotContext(elem, rect, bg);
      context.drawImage(image, 0, 0);
    }

    // Run the tests with the source document in an <iframe> within this
    // page, which we expect to have transparency.
    await runDrawWindowTests(snapshot, true);

    SimpleTest.finish();
  }

  </script>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=">Mozilla Bug </a>
<iframe id="source" src="file_drawWindow_source.html" width="200" height="100"></iframe>
</body>
</html>