<!doctype html>
<meta charset="utf-8">
<title>currentSrc is right even if underlying image is a shared blob</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1625786">
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<link rel="author" title="Mozilla" href="https://mozilla.org">
<img id="first">
<img id="second">
<script>
promise_test(async t => {
  let canvas = document.createElement("canvas");
  canvas.width = 100;
  canvas.height = 100;
  let ctx = canvas.getContext("2d");
  ctx.fillStyle = "green";
  ctx.rect(0, 0, 100, 100);
  ctx.fill();

  let blob = await new Promise(resolve => canvas.toBlob(resolve));

  let first = document.querySelector("#first");
  let second = document.querySelector("#second");

  let firstLoad = new Promise(resolve => {
    first.addEventListener("load", resolve, { once: true });
  });

  let secondLoad = new Promise(resolve => {
    second.addEventListener("load", resolve, { once: true });
  });

  let uri1 = URL.createObjectURL(blob);
  let uri2 = URL.createObjectURL(blob);
  first.src = uri1;
  second.src = uri2;

  await firstLoad;
  await secondLoad;

  assert_equals(first.src, first.currentSrc);
  assert_equals(second.src, second.currentSrc);
});
</script>
