🆙 update msw

apps/react-swc-jest/package.json

@@ -50,7 +50,7 @@
     "jest": "28.1.0",
     "jest-environment-jsdom": "28.1.0",
     "jsdom": "24.0.0",
-    "msw": "0.44.2",
+    "msw": "2.2.13",
     "prettier": "2.6.2",
     "typescript": "5.2.2",
     "vite": "5.2.8",

apps/react-swc-jest/src/api/example.test.ts

@@ -1,4 +1,4 @@
-import { rest } from 'msw';
+import { http, HttpResponse } from 'msw';
 import { setupServer } from 'msw/node';
 import {
   afterAll,
@@ -7,33 +7,32 @@ import {
   test,
   vi,
   beforeAll,
-  beforeEach,
   expect
 } from 'vitest';
 
-import { getExamples, GetExamplesResponse } from './example';
+import { getExamples } from './example';
 
 vi.unmock('./example');
 
+const mockHandlers = [
+  http.get('/examples', () => {
+    return HttpResponse.json(
+      {
+        examples: [
+          { id: '1', name: 'nus1' },
+          { id: '2', name: 'nus2' },
+          { id: '3', name: 'nus3' }
+        ]
+      },
+      { status: 200 }
+    );
+  })
+];
+
+const server = setupServer(...mockHandlers);
+
 describe('/examples', () => {
-  const server = setupServer();
   beforeAll(() => server.listen());
-  beforeEach(() => {
-    server.use(
-      rest.get('/examples', async (_req, res, ctx) => {
-        return res(
-          ctx.status(200),
-          ctx.json<GetExamplesResponse>({
-            examples: [
-              { id: '1', name: 'nus1' },
-              { id: '2', name: 'nus2' },
-              { id: '3', name: 'nus3' }
-            ]
-          })
-        );
-      })
-    );
-  });
   afterEach(() => server.resetHandlers());
   afterAll(() => server.close());