[FE] fix: 서버(테스트)환경에서 MSW 사용할 수 있도록 수정 (#52)

* fix: 서버 MSW 적용되도록 수정

* fix: 반복문의 key 값 설정

frontend/jest.config.js

@@ -8,4 +8,9 @@ export default {
     "\\.(css|less|sass|scss)$": "identity-obj-proxy",
     "^@/(.*)": "<rootDir>/src/$1",
   },
+  testEnvironmentOptions: {
+    customExportConditions: [""],
+  },
+  setupFiles: ["./jest.polyfills.js"],
+  setupFilesAfterEnv: ["./jest.setup.js"],
 };

frontend/jest.polyfills.js

@@ -0,0 +1,34 @@
+/**
+ * @note The block below contains polyfills for Node.js globals
+ * required for Jest to function when running JSDOM tests.
+ * These HAVE to be require's and HAVE to be in this exact
+ * order, since "undici" depends on the "TextEncoder" global API.
+ *
+ * Consider migrating to a more modern test runner if
+ * you don't want to deal with this.
+ */
+
+const { TextDecoder, TextEncoder } = require("node:util");
+const { ReadableStream } = require("node:stream/web");
+
+if (globalThis.ReadableStream === undefined) {
+  globalThis.ReadableStream = ReadableStream;
+}
+
+Object.defineProperties(globalThis, {
+  TextDecoder: { value: TextDecoder },
+  TextEncoder: { value: TextEncoder },
+});
+
+const { Blob, File } = require("node:buffer");
+const { fetch, Headers, FormData, Request, Response } = require("undici");
+
+Object.defineProperties(globalThis, {
+  fetch: { value: fetch, writable: true },
+  Blob: { value: Blob },
+  File: { value: File },
+  Headers: { value: Headers },
+  FormData: { value: FormData },
+  Request: { value: Request },
+  Response: { value: Response },
+});

frontend/jest.setup.js

@@ -1,10 +1,10 @@
-// const { server } = require("@/mocks/server");
+const { server } = require("@/mocks/server");
 
-// // 모든 테스트 전에 MSW 서버를 시작합니다.
-// beforeAll(() => server.listen());
+// 모든 테스트 전에 MSW 서버를 시작합니다.
+beforeAll(() => server.listen());
 
-// // 각 테스트 후 MSW 핸들러를 리셋합니다.
-// afterEach(() => server.resetHandlers());
+// 각 테스트 후 MSW 핸들러를 리셋합니다.
+afterEach(() => server.resetHandlers());
 
-// // 모든 테스트 후 MSW 서버를 닫습니다.
-// afterAll(() => server.close());
+// 모든 테스트 후 MSW 서버를 닫습니다.
+afterAll(() => server.close());