currentSrc-blob-cache.html (1376B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>currentSrc is right even if underlying image is a shared blob</title> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1625786"> 7 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 8 <link rel="author" title="Mozilla" href="https://mozilla.org"> 9 <img id="first"> 10 <img id="second"> 11 <script> 12 promise_test(async t => { 13 let canvas = document.createElement("canvas"); 14 canvas.width = 100; 15 canvas.height = 100; 16 let ctx = canvas.getContext("2d"); 17 ctx.fillStyle = "green"; 18 ctx.rect(0, 0, 100, 100); 19 ctx.fill(); 20 21 let blob = await new Promise(resolve => canvas.toBlob(resolve)); 22 23 let first = document.querySelector("#first"); 24 let second = document.querySelector("#second"); 25 26 let firstLoad = new Promise(resolve => { 27 first.addEventListener("load", resolve, { once: true }); 28 }); 29 30 let secondLoad = new Promise(resolve => { 31 second.addEventListener("load", resolve, { once: true }); 32 }); 33 34 let uri1 = URL.createObjectURL(blob); 35 let uri2 = URL.createObjectURL(blob); 36 first.src = uri1; 37 second.src = uri2; 38 39 await firstLoad; 40 await secondLoad; 41 42 assert_equals(first.src, first.currentSrc); 43 assert_equals(second.src, second.currentSrc); 44 }); 45 </script>