From eadf8a085bd7ba4af7f897e7afc0aa6256075eea Mon Sep 17 00:00:00 2001
From: LongYinan <lynweklm@gmail.com>
Date: Wed, 29 Nov 2023 04:44:10 +0000
Subject: [PATCH] fix: add prefer-blob-reading-methods rule (#5118)

---
 .eslintrc.js                                 |  1 +
 tests/affine-cloud/e2e/collaboration.spec.ts | 16 ++++------------
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 9f1fd2bba..d0ac35f59 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -212,6 +212,7 @@ const config = {
     'unicorn/prefer-dom-node-remove': 'error',
     'unicorn/prefer-array-some': 'error',
     'unicorn/prefer-date-now': 'error',
+    'unicorn/prefer-blob-reading-methods': 'error',
     'unicorn/no-typeof-undefined': 'error',
     'unicorn/no-useless-promise-resolve-reject': 'error',
     'unicorn/no-new-array': 'error',
diff --git a/tests/affine-cloud/e2e/collaboration.spec.ts b/tests/affine-cloud/e2e/collaboration.spec.ts
index 2af8c02d5..a592bc494 100644
--- a/tests/affine-cloud/e2e/collaboration.spec.ts
+++ b/tests/affine-cloud/e2e/collaboration.spec.ts
@@ -368,18 +368,10 @@ test('can sync svg between different browsers', async ({ page, browser }) => {
     expect(src).not.toBeNull();
 
     // fetch the src resource in the browser
-    const svg2 = await page2.evaluate(async src => {
-      async function blobToString(blob: Blob) {
-        return new Promise((resolve, reject) => {
-          const reader = new FileReader();
-          reader.onloadend = () => resolve(reader.result);
-          reader.onerror = reject;
-          reader.readAsText(blob);
-        });
-      }
-
-      const blob = fetch(src!).then(res => res.blob());
-      return blobToString(await blob);
+    const svg2 = await page2.evaluate(src => {
+      return fetch(src!)
+        .then(res => res.blob())
+        .then(blob => blob.text());
     }, src);
 
     // turn the blob into string and check if it contains the svg