clipper: fix tests

packages/clipper/__tests__/example.spec.ts

@@ -60,8 +60,6 @@ for (const website of Websites) {
 
     await page.addScriptTag({ content: output, type: "text/javascript" });
 
-    await page.waitForLoadState("networkidle");
-
     // const originalScreenshot = await page.screenshot({
     //   fullPage: true,
     //   type: "jpeg"
@@ -73,7 +71,12 @@ for (const website of Websites) {
     // });
 
     const result = await page.evaluate(async () => {
-      const html = await window.clipper.clipPage(window.document, true, false);
+      const html = await window.clipper.clipPage(window.document, false, {
+        corsProxy: "https://cors.notesnook.com",
+        images: true,
+        inlineImages: true,
+        styles: true
+      });
       if (html) {
         return `\ufeff${html}`;
       }
@@ -101,97 +104,6 @@ for (const website of Websites) {
       maxDiffPixelRatio: 0.1
     });
 
-    rmSync(tempFilePath, { force: true });
+    // rmSync(tempFilePath, { force: true });
-  });
-}
-
-for (const website of Websites) {
-  const domain = new URL(website.url).hostname;
-  test(`clip as image ${domain} (${website.title})`, async ({ page }, info) => {
-    info.setTimeout(0);
-
-    await page.goto(website.url);
-
-    await page.addScriptTag({ content: output, type: "text/javascript" });
-
-    await page.waitForLoadState("networkidle");
-
-    // const originalScreenshot = await page.screenshot({
-    //   fullPage: true,
-    //   type: "jpeg"
-    // });
-
-    // expect(originalScreenshot).toMatchSnapshot({
-    //   name: `${slugify(website.title)}.jpg`,
-    //   maxDiffPixelRatio: 0.1
-    // });
-
-    const result = await page.evaluate(async () => {
-      const data = await window.clipper.clipScreenshot(undefined, "raw");
-      if (data) {
-        return base64ArrayBuffer(await data.arrayBuffer());
-      }
-
-      function base64ArrayBuffer(arrayBuffer) {
-        let base64 = "";
-        const encodings =
-          "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-
-        const bytes = new Uint8Array(arrayBuffer);
-        const byteLength = bytes.byteLength;
-        const byteRemainder = byteLength % 3;
-        const mainLength = byteLength - byteRemainder;
-
-        let a, b, c, d;
-        let chunk;
-
-        // Main loop deals with bytes in chunks of 3
-        for (let i = 0; i < mainLength; i = i + 3) {
-          // Combine the three bytes into a single integer
-          chunk = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2];
-
-          // Use bitmasks to extract 6-bit segments from the triplet
-          a = (chunk & 16515072) >> 18; // 16515072 = (2^6 - 1) << 18
-          b = (chunk & 258048) >> 12; // 258048   = (2^6 - 1) << 12
-          c = (chunk & 4032) >> 6; // 4032     = (2^6 - 1) << 6
-          d = chunk & 63; // 63       = 2^6 - 1
-
-          // Convert the raw binary segments to the appropriate ASCII encoding
-          base64 += encodings[a] + encodings[b] + encodings[c] + encodings[d];
-        }
-
-        // Deal with the remaining bytes and padding
-        if (byteRemainder == 1) {
-          chunk = bytes[mainLength];
-
-          a = (chunk & 252) >> 2; // 252 = (2^6 - 1) << 2
-
-          // Set the 4 least significant bits to zero
-          b = (chunk & 3) << 4; // 3   = 2^2 - 1
-
-          base64 += encodings[a] + encodings[b] + "==";
-        } else if (byteRemainder == 2) {
-          chunk = (bytes[mainLength] << 8) | bytes[mainLength + 1];
-
-          a = (chunk & 64512) >> 10; // 64512 = (2^6 - 1) << 10
-          b = (chunk & 1008) >> 4; // 1008  = (2^6 - 1) << 4
-
-          // Set the 2 least significant bits to zero
-          c = (chunk & 15) << 2; // 15    = 2^4 - 1
-
-          base64 += encodings[a] + encodings[b] + encodings[c] + "=";
-        }
-
-        return base64;
-      }
-      return null;
-    });
-
-    if (!result) throw new Error("Failed to clip page.");
-
-    expect(Buffer.from(result, "base64")).toMatchSnapshot({
-      name: `${slugify(website.title)}-image.png`,
-      maxDiffPixelRatio: 0.1
-    });
   });
 }