try createImageBitmap for integration tests

Author: Aditi-1400

test/integration/viewer_spec.mjs

@@ -482,17 +482,18 @@ describe("PDF viewer", () => {
       };
     }
 
-    function extractCanvases(pageNumber) {
+    async function extractCanvases(pageNumber) {
       const pageOne = document.querySelector(
         `.page[data-page-number='${pageNumber}']`
       );
-      function getContextFromCanvas(canvas) {
+      async function getContextFromCanvas(canvas) {
         try {
           return canvas.getContext("2d", { willReadFrequently: true });
         } catch {
           // Can happen when the canvas has been transferred to OffscreenCanvas.
         }
 
+        const bitmap = await createImageBitmap(canvas);
         let tempCanvas;
         if (typeof OffscreenCanvas === "function") {
           tempCanvas = new OffscreenCanvas(canvas.width, canvas.height);
@@ -504,26 +505,30 @@ describe("PDF viewer", () => {
         const tempCtx = tempCanvas.getContext("2d", {
           willReadFrequently: true,
         });
-        tempCtx.drawImage(canvas, 0, 0);
+        tempCtx.drawImage(bitmap, 0, 0);
+        bitmap.close();
         return tempCtx;
       }
 
       if (!pageOne) {
         return [];
       }
 
-      return Array.from(pageOne.querySelectorAll("canvas"), canvas => {
+      const canvases = pageOne.querySelectorAll("canvas");
+      const results = [];
+      for (const canvas of canvases) {
         const { width, height } = canvas;
         if (width === 0 || height === 0) {
-          return {
+          results.push({
             size: 0,
             width,
             height,
             topLeft: null,
             bottomRight: null,
-          };
+          });
+          continue;
         }
-        const ctx = getContextFromCanvas(canvas);
+        const ctx = await getContextFromCanvas(canvas);
         const topLeft = ctx.getImageData(
           Math.min(2, width - 1),
           Math.min(2, height - 1),
@@ -536,14 +541,15 @@ describe("PDF viewer", () => {
           1,
           1
         ).data;
-        return {
+        results.push({
           size: width * height,
           width,
           height,
           topLeft: globalThis.pdfjsLib.Util.makeHexColor(...topLeft),
           bottomRight: globalThis.pdfjsLib.Util.makeHexColor(...bottomRight),
-        };
-      });
+        });
+      }
+      return results;
     }
 
     function waitForDetailRendered(page) {