fix: increase res

packages/app-tests/e2e/envelopes/envelope-alignment.spec.ts

@@ -193,15 +193,17 @@ async function renderPdfToImage(pdfBytes: Uint8Array) {
   const pdf = await loadingTask.promise;
 
   // Increase for higher resolution
-  const scale = 2;
+  const scale = 4;
 
   return await Promise.all(
     Array.from({ length: pdf.numPages }, async (_, index) => {
       const page = await pdf.getPage(index + 1);
 
       const viewport = page.getViewport({ scale });
+
       const virtualCanvas = new Canvas(viewport.width, viewport.height);
       const context = virtualCanvas.getContext('2d');
+      context.imageSmoothingEnabled = false;
 
       // @ts-expect-error skia-canvas context satisfies runtime requirements for pdfjs
       await page.render({ canvasContext: context, viewport }).promise;
@@ -256,21 +258,25 @@ const compareSignedPdfWithImages = async ({
       width,
       height,
       {
-        threshold: 0,
+        threshold: 0.25,
         // includeAA: true, // This allows stricter testing.
       },
     );
     console.log(`${id}-${index}: ${comparison}`);
 
-    const filePath = path.join(testInfo.outputPath(), `diff-${id}-${index}.png`);
+    const diffFilePath = path.join(testInfo.outputPath(), `${id}-${index}-diff.png`);
+    const oldFilePath = path.join(testInfo.outputPath(), `${id}-${index}-old.png`);
+    const newFilePath = path.join(testInfo.outputPath(), `${id}-${index}-new.png`);
 
-    fs.writeFileSync(filePath, new Uint8Array(PNG.sync.write(diff)));
+    fs.writeFileSync(diffFilePath, new Uint8Array(PNG.sync.write(diff)));
+    fs.writeFileSync(oldFilePath, new Uint8Array(images[index]));
+    fs.writeFileSync(newFilePath, new Uint8Array(image));
 
     if (isCertificate) {
       // Expect the certificate to NOT be blank. Since the storedImage is blank.
-      expect(comparison).toBeGreaterThan(20000);
+      expect.soft(comparison).toBeGreaterThan(20000);
     } else {
-      expect(comparison).toEqual(0);
+      expect.soft(comparison).toEqual(0);
     }
   }
 };