configure client tests

vercel · Jun 15, 2023 · 994711d · 994711d
1 parent a7698d5
commit 994711d
Show file tree

Hide file tree

Showing 5 changed files with 1,156 additions and 820 deletions.
diff --git a/packages/blob/jest/setup.js b/packages/blob/jest/setup.js
@@ -0,0 +1,3 @@
+const { TextEncoder, TextDecoder } = require('node:util');
+
+Object.assign(global, { TextDecoder, TextEncoder });
diff --git a/packages/blob/package.json b/packages/blob/package.json
@@ -28,16 +28,21 @@
     "prepublishOnly": "pnpm run build",
     "prettier-check": "prettier --check .",
     "publint": "npx publint",
-    "test": "pnpm run test:node && pnpm run test:edge",
+    "test": "pnpm run test:node && pnpm run test:edge && pnpm run test:browser",
+    "test:browser": "jest --env jsdom .browser.test.ts",
     "test:edge": "jest --env @edge-runtime/jest-environment .edge.test.ts",
     "test:node": "jest --env node .node.test.ts",
     "type-check": "tsc --noEmit"
   },
   "jest": {
     "preset": "ts-jest",
+    "setupFiles": [
+      "<rootDir>/jest/setup.js"
+    ],
     "testEnvironment": "node"
   },
   "dependencies": {
+    "jest-environment-jsdom": "29.5.0",
     "undici": "5.22.0"
   },
   "devDependencies": {

diff --git a/packages/blob/src/index.browser.test.ts b/packages/blob/src/index.browser.test.ts
@@ -0,0 +1,70 @@
+import { type Interceptable, MockAgent, setGlobalDispatcher } from 'undici';
+import { put } from './index';
+
+const BASE_URL = 'https://blob.vercel-storage.com';
+const mockAgent = new MockAgent();
+mockAgent.disableNetConnect();
+
+setGlobalDispatcher(mockAgent);
+
+const mockedFileMeta = {
+  url: `${BASE_URL}/storeid/foo-id.txt`,
+  size: 12345,
+  uploadedAt: '2023-05-04T15:12:07.818Z',
+  pathname: 'foo.txt',
+  contentType: 'text/plain',
+  contentDisposition: 'attachment; filename="foo.txt"',
+};
+
+describe('blob client', () => {
+  let mockClient: Interceptable;
+
+  beforeEach(() => {
+    mockClient = mockAgent.get(BASE_URL);
+    jest.resetAllMocks();
+  });
+
+  describe('put', () => {
+    beforeEach(() => {
+      mockClient = mockAgent.get(BASE_URL);
+      jest.resetAllMocks();
+    });
+
+    it('should upload a file from the client', async () => {
+      mockClient
+        .intercept({
+          path: () => true,
+          method: 'PUT',
+        })
+        .reply(200, mockedFileMeta);
+
+      await expect(
+        put('foo.txt', 'Test Body', {
+          access: 'public',
+          token: 'vercel_blob_client_123_token',
+        }),
+      ).resolves.toMatchInlineSnapshot(`
+        {
+          "contentDisposition": "attachment; filename="foo.txt"",
+          "contentType": "text/plain",
+          "pathname": "foo.txt",
+          "size": 12345,
+          "uploadedAt": 2023-05-04T15:12:07.818Z,
+          "url": "https://blob.vercel-storage.com/storeid/foo-id.txt",
+        }
+      `);
+    });
+
+    it('should throw when calling `put()` with a server token', async () => {
+      await expect(
+        put('foo.txt', 'Test Body', {
+          access: 'public',
+          contentType: 'text/plain',
+          token: 'vercel_blob_rw_123_TEST_TOKEN',
+        }),
+      ).rejects.toThrow(
+        new Error('Vercel Blob: client upload only supports client tokens'),
+      );
+    });
+  });
+});
diff --git a/packages/blob/src/index.node.test.ts b/packages/blob/src/index.node.test.ts
@@ -490,56 +490,6 @@ describe('blob client', () => {
     });
   });
 
-  describe('client put', () => {
-    beforeEach(() => {
-      process.env.BLOB_READ_WRITE_TOKEN = undefined;
-      mockClient = mockAgent.get(BASE_URL);
-      jest.resetAllMocks();
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
-      global.window = {} as any;
-    });
-    afterEach(() => {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
-      global.window = undefined as any;
-    });
-    it('should upload a file from the client', async () => {
-      mockClient
-        .intercept({
-          path: () => true,
-          method: 'PUT',
-        })
-        .reply(200, mockedFileMeta);
-
-      await expect(
-        put('foo.txt', 'Test Body', {
-          access: 'public',
-          token: 'vercel_blob_client_123_token',
-        }),
-      ).resolves.toMatchInlineSnapshot(`
-        {
-          "contentDisposition": "attachment; filename="foo.txt"",
-          "contentType": "text/plain",
-          "pathname": "foo.txt",
-          "size": 12345,
-          "uploadedAt": 2023-05-04T15:12:07.818Z,
-          "url": "https://blob.vercel-storage.com/storeid/foo-id.txt",
-        }
-      `);
-    });
-
-    it('should throw when calling `put()` with a server token', async () => {
-      await expect(
-        put('foo.txt', 'Test Body', {
-          access: 'public',
-          contentType: 'text/plain',
-          token: 'vercel_blob_rw_123_TEST_TOKEN',
-        }),
-      ).rejects.toThrow(
-        new Error('Vercel Blob: client upload only supports client tokens'),
-      );
-    });
-  });
-
   describe('generateClientTokenFromReadWriteToken', () => {
     afterEach(() => {
       jest.runOnlyPendingTimers();