<!DOCTYPE HTML>
<meta charset="utf-8">
<body>
  <script type="application/javascript">

  function ok(expect, msg) {
    window.parent.postMessage({"type": "status", status: !!expect, msg}, "*");
  }

  window.onmessage = function(event) {
    ok(!!event.data.bitmap1, "Get the 1st ImageBitmap from the main script.");
    ok(!!event.data.bitmap2, "Get the 2st ImageBitmap from the main script.");

    // send the first original ImageBitmap back to the main window
    window.parent.postMessage({"type":"bitmap1", "bitmap":event.data.bitmap1}, "*");

    // create a new ImageBitmap from the 2nd original ImageBitmap
    // and then send the newly created ImageBitmap back to the main window
    var promise = createImageBitmap(event.data.bitmap2);
    promise.then(
      function(bitmap) {
        ok(true, "Successfully create a new ImageBitmap from the 2nd original bitmap in worker.");

        // send the newly created ImageBitmap back to the main window
        window.parent.postMessage({"type":"bitmap2", "bitmap":bitmap}, "*");

        // finish the test
        window.parent.postMessage({"type": "finish"}, "*");
      },
      function() {
        ok(false, "Cannot create a new bitmap from the original bitmap in worker.");
      }
    );
  }


  </script>
</body>