chore: Update services/pathContents to Vitest (#3302)

src/services/pathContents/branch/dir/usePrefetchBranchDirEntry.spec.tsx → src/services/pathContents/branch/dir/usePrefetchBranchDirEntry.test.tsx

@@ -1,7 +1,7 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
-import { graphql } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse } from 'msw2'
+import { setupServer } from 'msw2/node'
 import { MemoryRouter, Route } from 'react-router-dom'
 
 import { usePrefetchBranchDirEntry } from './usePrefetchBranchDirEntry'
@@ -151,20 +151,20 @@ describe('usePrefetchBranchDirEntry', () => {
     isUnsuccessfulParseError = false,
   }: SetupArgs) {
     server.use(
-      graphql.query('BranchContents', (req, res, ctx) => {
+      graphql.query('BranchContents', (info) => {
         if (isMissingCoverage) {
-          return res(ctx.status(200), ctx.data(mockDataMissingCoverage))
+          return HttpResponse.json({ data: mockDataMissingCoverage })
         } else if (isUnknownPath) {
-          return res(ctx.status(200), ctx.data(mockDataUnknownPath))
+          return HttpResponse.json({ data: mockDataUnknownPath })
         } else if (isRepositoryNotFoundError) {
-          return res(ctx.status(200), ctx.data(mockDataRepositoryNotFound))
+          return HttpResponse.json({ data: mockDataRepositoryNotFound })
         } else if (isOwnerNotActivatedError) {
-          return res(ctx.status(200), ctx.data(mockDataOwnerNotActivated))
+          return HttpResponse.json({ data: mockDataOwnerNotActivated })
         } else if (isUnsuccessfulParseError) {
-          return res(ctx.status(200), ctx.data(mockUnsuccessfulParseError))
+          return HttpResponse.json({ data: mockUnsuccessfulParseError })
         }
 
-        return res(ctx.status(200), ctx.data(mockData))
+        return HttpResponse.json({ data: mockData })
       })
     )
   }

src/services/pathContents/branch/dir/useRepoBranchContents.spec.tsx → src/services/pathContents/branch/dir/useRepoBranchContents.test.tsx

@@ -1,7 +1,7 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
-import { graphql } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse } from 'msw2'
+import { setupServer } from 'msw2/node'
 import { MemoryRouter, Route } from 'react-router-dom'
 
 import { useRepoBranchContents } from './useRepoBranchContents'
@@ -150,20 +150,20 @@ describe('useRepoBranchContents', () => {
     isUnsuccessfulParseError = false,
   }: SetupArgs) {
     server.use(
-      graphql.query('BranchContents', (req, res, ctx) => {
+      graphql.query('BranchContents', (info) => {
         if (isMissingCoverage) {
-          return res(ctx.status(200), ctx.data(mockDataMissingCoverage))
+          return HttpResponse.json({ data: mockDataMissingCoverage })
         } else if (isUnknownPath) {
-          return res(ctx.status(200), ctx.data(mockDataUnknownPath))
+          return HttpResponse.json({ data: mockDataUnknownPath })
         } else if (isRepositoryNotFoundError) {
-          return res(ctx.status(200), ctx.data(mockDataRepositoryNotFound))
+          return HttpResponse.json({ data: mockDataRepositoryNotFound })
         } else if (isOwnerNotActivatedError) {
-          return res(ctx.status(200), ctx.data(mockDataOwnerNotActivated))
+          return HttpResponse.json({ data: mockDataOwnerNotActivated })
         } else if (isUnsuccessfulParseError) {
-          return res(ctx.status(200), ctx.data(mockUnsuccessfulParseError))
+          return HttpResponse.json({ data: mockUnsuccessfulParseError })
         }
 
-        return res(ctx.status(200), ctx.data(mockData))
+        return HttpResponse.json({ data: mockData })
       })
     )
   }

src/services/pathContents/branch/file/usePrefetchBranchFileEntry.spec.js → src/services/pathContents/branch/file/usePrefetchBranchFileEntry.test.jsx

@@ -1,7 +1,7 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
-import { graphql } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse } from 'msw2'
+import { setupServer } from 'msw2/node'
 import { MemoryRouter, Route } from 'react-router-dom'
 
 import { usePrefetchBranchFileEntry } from './usePrefetchBranchFileEntry'
@@ -90,9 +90,9 @@ const mockData = {
 describe('usePrefetchBranchFileEntry', () => {
   function setup() {
     server.use(
-      graphql.query('CoverageForFile', (req, res, ctx) =>
-        res(ctx.status(200), ctx.data(mockData))
-      )
+      graphql.query('CoverageForFile', (info) => {
+        return HttpResponse.json({ data: mockData })
+      })
     )
   }
 

src/services/pathContents/commit/dir/usePrefetchCommitDirEntry.spec.tsx → src/services/pathContents/commit/dir/usePrefetchCommitDirEntry.test.tsx

@@ -1,7 +1,7 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook } from '@testing-library/react'
-import { graphql } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse } from 'msw2'
+import { setupServer } from 'msw2/node'
 import { MemoryRouter, Route } from 'react-router-dom'
 
 import { usePrefetchCommitDirEntry } from './usePrefetchCommitDirEntry'
@@ -141,23 +141,19 @@ describe('usePrefetchCommitDirEntry', () => {
     isUnsuccessfulParse = false,
   }: SetupArgs) {
     server.use(
-      graphql.query('CommitPathContents', (req, res, ctx) => {
+      graphql.query('CommitPathContents', (info) => {
         if (isMissingCoverage) {
-          return res(ctx.status(200), ctx.data(mockDataMissingCoverage))
+          return HttpResponse.json({ data: mockDataMissingCoverage })
+        } else if (isUnknownPath) {
+          return HttpResponse.json({ data: mockDataUnknownPath })
+        } else if (isNotFoundError) {
+          return HttpResponse.json({ data: mockNotFoundError })
+        } else if (isOwnerNotActivatedError) {
+          return HttpResponse.json({ data: mockOwnerNotActivatedError })
+        } else if (isUnsuccessfulParse) {
+          return HttpResponse.json({ data: mockUnsuccessfulParseError })
         }
-        if (isUnknownPath) {
-          return res(ctx.status(200), ctx.data(mockDataUnknownPath))
-        }
-        if (isNotFoundError) {
-          return res(ctx.status(200), ctx.data(mockNotFoundError))
-        }
-        if (isOwnerNotActivatedError) {
-          return res(ctx.status(200), ctx.data(mockOwnerNotActivatedError))
-        }
-        if (isUnsuccessfulParse) {
-          return res(ctx.status(200), ctx.data(mockUnsuccessfulParseError))
-        }
-        return res(ctx.status(200), ctx.data(mockData))
+        return HttpResponse.json({ data: mockData })
       })
     )
   }

src/services/pathContents/commit/dir/useRepoCommitContents.spec.tsx → src/services/pathContents/commit/dir/useRepoCommitContents.test.tsx

@@ -1,7 +1,7 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
-import { graphql } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse } from 'msw2'
+import { setupServer } from 'msw2/node'
 import { MemoryRouter, Route } from 'react-router-dom'
 
 import { useRepoCommitContents } from './useRepoCommitContents'
@@ -144,19 +144,19 @@ describe('useRepoCommitContents', () => {
     isUnsuccessfulParseError = false,
   }: SetupArgs) {
     server.use(
-      graphql.query('CommitPathContents', (req, res, ctx) => {
+      graphql.query('CommitPathContents', (info) => {
         if (isMissingCoverage) {
-          return res(ctx.status(200), ctx.data(mockDataMissingCoverage))
+          return HttpResponse.json({ data: mockDataMissingCoverage })
         } else if (isUnknownPath) {
-          return res(ctx.status(200), ctx.data(mockDataUnknownPath))
+          return HttpResponse.json({ data: mockDataUnknownPath })
         } else if (isNotFoundError) {
-          return res(ctx.status(200), ctx.data(mockNotFoundError))
+          return HttpResponse.json({ data: mockNotFoundError })
         } else if (isOwnerNotActivatedError) {
-          return res(ctx.status(200), ctx.data(mockOwnerNotActivatedError))
+          return HttpResponse.json({ data: mockOwnerNotActivatedError })
         } else if (isUnsuccessfulParseError) {
-          return res(ctx.status(200), ctx.data(mockUnsuccessfulParseError))
+          return HttpResponse.json({ data: mockUnsuccessfulParseError })
         }
-        return res(ctx.status(200), ctx.data(mockData))
+        return HttpResponse.json({ data: mockData })
       })
     )
   }

src/services/pathContents/commit/file/usePrefetchCommitFileEntry.spec.tsx → src/services/pathContents/commit/file/usePrefetchCommitFileEntry.test.tsx

@@ -1,8 +1,9 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
-import { graphql } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse } from 'msw2'
+import { setupServer } from 'msw2/node'
 import { MemoryRouter, Route } from 'react-router-dom'
+import { type MockInstance } from 'vitest'
 
 import { usePrefetchCommitFileEntry } from './usePrefetchCommitFileEntry'
 
@@ -116,19 +117,19 @@ describe('usePrefetchCommitFileEntry', () => {
     const mockVars = jest.fn()
 
     server.use(
-      graphql.query('CoverageForFile', (req, res, ctx) => {
-        mockVars(req.variables)
+      graphql.query('CoverageForFile', (info) => {
+        mockVars(info.variables)
 
         if (isNotFoundError) {
-          return res(ctx.status(200), ctx.data(mockNotFoundError))
+          return HttpResponse.json({ data: mockNotFoundError })
         } else if (isOwnerNotActivatedError) {
-          return res(ctx.status(200), ctx.data(mockOwnerNotActivatedError))
+          return HttpResponse.json({ data: mockOwnerNotActivatedError })
         } else if (isUnsuccessfulParseError) {
-          return res(ctx.status(200), ctx.data(mockUnsuccessfulParseError))
+          return HttpResponse.json({ data: mockUnsuccessfulParseError })
         } else if (isNullOwner) {
-          return res(ctx.status(200), ctx.data(mockNullOwner))
+          return HttpResponse.json({ data: mockNullOwner })
         } else {
-          return res(ctx.status(200), ctx.data(mockData))
+          return HttpResponse.json({ data: mockData })
         }
       })
     )
@@ -277,12 +278,13 @@ describe('usePrefetchCommitFileEntry', () => {
   })
 
   describe('returns NotFoundError __typename', () => {
+    let consoleSpy: MockInstance
     beforeEach(() => {
-      jest.spyOn(console, 'error')
+      consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
     })
 
     afterEach(() => {
-      jest.restoreAllMocks()
+      consoleSpy.mockRestore()
     })
 
     it('throws a 404', async () => {
@@ -314,12 +316,13 @@ describe('usePrefetchCommitFileEntry', () => {
   })
 
   describe('returns OwnerNotActivatedError __typename', () => {
+    let consoleSpy: MockInstance
     beforeEach(() => {
-      jest.spyOn(console, 'error')
+      consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
     })
 
     afterEach(() => {
-      jest.restoreAllMocks()
+      consoleSpy.mockRestore()
     })
 
     it('throws a 403', async () => {
@@ -351,12 +354,13 @@ describe('usePrefetchCommitFileEntry', () => {
   })
 
   describe('unsuccessful parse of zod schema', () => {
+    let consoleSpy: MockInstance
     beforeEach(() => {
-      jest.spyOn(console, 'error')
+      consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
     })
 
     afterEach(() => {
-      jest.restoreAllMocks()
+      consoleSpy.mockRestore()
     })
 
     it('throws a 404', async () => {

src/services/pathContents/pull/dir/usePrefetchPullDirEntry.spec.tsx → src/services/pathContents/pull/dir/usePrefetchPullDirEntry.test.tsx

@@ -1,7 +1,7 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
-import { graphql } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse } from 'msw2'
+import { setupServer } from 'msw2/node'
 import { MemoryRouter, Route } from 'react-router-dom'
 
 import { usePrefetchPullDirEntry } from './usePrefetchPullDirEntry'
@@ -95,17 +95,15 @@ describe('usePrefetchPullDirEntry', () => {
     ownerNotActivated = false,
   }) {
     server.use(
-      graphql.query('PullPathContents', (req, res, ctx) => {
+      graphql.query('PullPathContents', (info) => {
         if (invalidSchema) {
-          return res(ctx.status(200), ctx.data({}))
+          return HttpResponse.json({ data: {} })
+        } else if (repositoryNotFound) {
+          return HttpResponse.json({ data: mockDataRepositoryNotFound })
+        } else if (ownerNotActivated) {
+          return HttpResponse.json({ data: mockDataOwnerNotActivated })
         }
-        if (repositoryNotFound) {
-          return res(ctx.status(200), ctx.data(mockDataRepositoryNotFound))
-        }
-        if (ownerNotActivated) {
-          return res(ctx.status(200), ctx.data(mockDataOwnerNotActivated))
-        }
-        return res(ctx.status(200), ctx.data(mockData))
+        return HttpResponse.json({ data: mockData })
       })
     )
   }

src/services/pathContents/pull/dir/useRepoPullContents.spec.tsx → src/services/pathContents/pull/dir/useRepoPullContents.test.tsx

@@ -1,8 +1,9 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { renderHook, waitFor } from '@testing-library/react'
-import { graphql } from 'msw'
-import { setupServer } from 'msw/node'
+import { graphql, HttpResponse } from 'msw2'
+import { setupServer } from 'msw2/node'
 import { MemoryRouter, Route } from 'react-router-dom'
+import { type MockInstance } from 'vitest'
 
 import { useRepoPullContents } from './useRepoPullContents'
 
@@ -140,23 +141,19 @@ describe('useRepoPullContents', () => {
     isUnknownPath = false,
   }) {
     server.use(
-      graphql.query('PullPathContents', (req, res, ctx) => {
+      graphql.query('PullPathContents', (info) => {
         if (invalidSchema) {
-          return res(ctx.status(200), ctx.data({}))
+          return HttpResponse.json({ data: {} })
+        } else if (repositoryNotFound) {
+          return HttpResponse.json({ data: mockDataRepositoryNotFound })
+        } else if (ownerNotActivated) {
+          return HttpResponse.json({ data: mockDataOwnerNotActivated })
+        } else if (isMissingCoverage) {
+          return HttpResponse.json({ data: mockDataMissingCoverage })
+        } else if (isUnknownPath) {
+          return HttpResponse.json({ data: mockDataUnknownPath })
         }
-        if (repositoryNotFound) {
-          return res(ctx.status(200), ctx.data(mockDataRepositoryNotFound))
-        }
-        if (ownerNotActivated) {
-          return res(ctx.status(200), ctx.data(mockDataOwnerNotActivated))
-        }
-        if (isMissingCoverage) {
-          return res(ctx.status(200), ctx.data(mockDataMissingCoverage))
-        }
-        if (isUnknownPath) {
-          return res(ctx.status(200), ctx.data(mockDataUnknownPath))
-        }
-        return res(ctx.status(200), ctx.data(mockData))
+        return HttpResponse.json({ data: mockData })
       })
     )
   }
@@ -272,6 +269,15 @@ describe('useRepoPullContents', () => {
     })
 
     describe('on invalid schema', () => {
+      let consoleSpy: MockInstance
+      beforeEach(() => {
+        consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      })
+
+      afterEach(() => {
+        consoleSpy.mockRestore()
+      })
+
       it('returns 404', async () => {
         setup({ invalidSchema: true })
         const { result } = renderHook(
@@ -300,6 +306,15 @@ describe('useRepoPullContents', () => {
     })
 
     describe('on repository not found', () => {
+      let consoleSpy: MockInstance
+      beforeEach(() => {
+        consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      })
+
+      afterEach(() => {
+        consoleSpy.mockRestore()
+      })
+
       it('returns 404', async () => {
         setup({ repositoryNotFound: true })
         const { result } = renderHook(
@@ -328,6 +343,15 @@ describe('useRepoPullContents', () => {
     })
 
     describe('on owner not activated', () => {
+      let consoleSpy: MockInstance
+      beforeEach(() => {
+        consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      })
+
+      afterEach(() => {
+        consoleSpy.mockRestore()
+      })
+
       it('returns 403', async () => {
         setup({ ownerNotActivated: true })
         const { result } = renderHook(