Split up handlers and server files

Author: aryaemami59

packages/toolkit/src/query/tests/mocks/handlers.ts

@@ -0,0 +1,91 @@
+import { headersToObject } from 'headers-polyfill'
+import { HttpResponse, http } from 'msw'
+
+export type Post = {
+  id: string
+  title: string
+  body: string
+}
+
+export const posts: Record<string, Post> = {
+  '1': { id: '1', title: 'hello', body: 'extra body!' },
+}
+
+export const handlers = [
+  http.get(
+    'https://example.com/echo',
+    async ({ request, params, cookies, requestId }) => {
+      return HttpResponse.json(
+        {
+          ...request,
+          params,
+          cookies,
+          requestId,
+          url: new URL(request.url),
+          headers: headersToObject(request.headers),
+        },
+        { headers: request.headers }
+      )
+    }
+  ),
+  http.post(
+    'https://example.com/echo',
+    async ({ request, cookies, params, requestId }) => {
+      const body = headersToObject(request.headers)['content-type'] === 'text/html'
+      ? await request.text()
+      : await request.json()
+
+      return HttpResponse.json(
+        {
+          ...request,
+          cookies,
+          params,
+          requestId,
+          body,
+          url: new URL(request.url),
+          headers: request?.headers
+            ? headersToObject(request.headers)
+            : request?.headers,
+        },
+        { headers: request.headers }
+      )
+    }
+  ),
+  http.get('https://example.com/success', () => {
+    return HttpResponse.json({ value: 'success' })
+  }),
+  http.post('https://example.com/success', ({ request }) => {
+    return HttpResponse.json({ value: 'success' })
+  }),
+  http.get('https://example.com/empty', () => new HttpResponse('')),
+  http.get('https://example.com/error', () =>
+    HttpResponse.json({ value: 'error' }, { status: 500 })
+  ),
+  http.post('https://example.com/error', () =>
+    HttpResponse.json({ value: 'error' }, { status: 500 })
+  ),
+  http.get('https://example.com/nonstandard-error', () =>
+    HttpResponse.json(
+      {
+        success: false,
+        message: 'This returns a 200 but is really an error',
+      },
+      { status: 200 }
+    )
+  ),
+  http.get('https://example.com/mirror', ({ params }) =>
+    HttpResponse.json(params)
+  ),
+  http.post('https://example.com/mirror', ({ params }) =>
+    HttpResponse.json(params)
+  ),
+  http.get('https://example.com/posts/random', () => {
+    // just simulate an api that returned a random ID
+    const { id } = posts[1]
+    return HttpResponse.json({ id })
+  }),
+  http.get<Post, any, Pick<Post, 'id'>>(
+    'https://example.com/post/:id',
+    ({ params }) => HttpResponse.json(posts[params.id])
+  ),
+]

packages/toolkit/src/query/tests/mocks/server.ts

@@ -1,96 +1,5 @@
 import { setupServer } from 'msw/node'
-import { headersToObject } from 'headers-polyfill'
-import { HttpResponse, http } from 'msw'
-
-export type Post = {
-  id: string
-  title: string
-  body: string
-}
-
-export const posts: Record<string, Post> = {
-  '1': { id: '1', title: 'hello', body: 'extra body!' },
-}
-
-export const handlers = [
-  http.get(
-    'https://example.com/echo',
-    async ({ request, params, cookies, requestId }) => {
-      return HttpResponse.json(
-        {
-          ...request,
-          params,
-          cookies,
-          requestId,
-          url: new URL(request.url),
-          headers: headersToObject(request.headers),
-        },
-        { headers: request.headers }
-      )
-    }
-  ),
-  http.post(
-    'https://example.com/echo',
-    async ({ request, cookies, params, requestId }) => {
-      const body = headersToObject(request.headers)['content-type'] === 'text/html'
-      ? await request.text()
-      : await request.json()
-
-      return HttpResponse.json(
-        {
-          ...request,
-          cookies,
-          params,
-          requestId,
-          body,
-          url: new URL(request.url),
-          headers: request?.headers
-            ? headersToObject(request.headers)
-            : request?.headers,
-        },
-        { headers: request.headers }
-      )
-    }
-  ),
-  http.get('https://example.com/success', () => {
-    return HttpResponse.json({ value: 'success' })
-  }),
-  http.post('https://example.com/success', ({ request }) => {
-    return HttpResponse.json({ value: 'success' })
-  }),
-  http.get('https://example.com/empty', () => new HttpResponse('')),
-  http.get('https://example.com/error', () =>
-    HttpResponse.json({ value: 'error' }, { status: 500 })
-  ),
-  http.post('https://example.com/error', () =>
-    HttpResponse.json({ value: 'error' }, { status: 500 })
-  ),
-  http.get('https://example.com/nonstandard-error', () =>
-    HttpResponse.json(
-      {
-        success: false,
-        message: 'This returns a 200 but is really an error',
-      },
-      { status: 200 }
-    )
-  ),
-  http.get('https://example.com/mirror', ({ params }) =>
-    HttpResponse.json(params)
-  ),
-  http.post('https://example.com/mirror', ({ params }) =>
-    HttpResponse.json(params)
-  ),
-  http.get('https://example.com/posts/random', () => {
-    // just simulate an api that returned a random ID
-    const { id } = posts[1]
-    return HttpResponse.json({ id })
-  }),
-  http.get<Post, any, Pick<Post, 'id'>>(
-    'https://example.com/post/:id',
-    ({ params }) => HttpResponse.json(posts[params.id])
-  ),
-]
-
+import { handlers } from './handlers'
 
 // This configures a request mocking server with the given request handlers.
 export const server = setupServer(...handlers)