(PC-25154)[PRO] chore: upgrade @testing-library/jest-dom

pro/package.json

@@ -85,7 +85,7 @@
     "@storybook/react": "^8.1.6",
     "@storybook/react-vite": "^8.1.6",
     "@testing-library/cypress": "^10.0.1",
-    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^14.3.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/dompurify": "^3.0.5",

pro/src/components/Callout/__specs__/Callout.spec.tsx

@@ -35,7 +35,7 @@ describe('Callout', () => {
   })
 
   it('should close the Callout', async () => {
-    const spyClose = jest.fn()
+    const spyClose = vi.fn()
     renderWithProviders(
       <Callout {...{ ...props, closable: true, onClose: spyClose }} />
     )

pro/src/custom_types/axe.d.ts

@@ -0,0 +1,7 @@
+import 'vitest'
+import type { AxeMatchers } from 'vitest-axe/matchers'
+
+declare module 'vitest' {
+  export interface Assertion extends AxeMatchers {}
+  export interface AsymmetricMatchersContaining extends AxeMatchers {}
+}

pro/src/pages/AdageIframe/app/__spec__/App.spec.tsx

@@ -105,8 +105,8 @@ Object.defineProperty(window, 'matchMedia', {
   writable: true,
   value: () => ({
     matches: false,
-    addListener: jest.fn(),
-    removeListener: jest.fn(),
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
   }),
 })
 

pro/src/pages/AdageIframe/app/components/OffersInstantSearch/OffersSearch/Offers/__spec__/Offers.spec.tsx

@@ -50,8 +50,8 @@ Object.defineProperty(window, 'matchMedia', {
   writable: true,
   value: () => ({
     matches: false,
-    addListener: jest.fn(),
-    removeListener: jest.fn(),
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
   }),
 })
 
@@ -620,8 +620,8 @@ describe('offers', () => {
       writable: true,
       value: () => ({
         matches: true,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
       }),
     })
 
@@ -642,8 +642,8 @@ describe('offers', () => {
       writable: true,
       value: () => ({
         matches: false,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
       }),
     })
   })
@@ -679,8 +679,8 @@ describe('offers', () => {
       writable: true,
       value: () => ({
         matches: true,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
       }),
     })
 
@@ -713,8 +713,8 @@ describe('offers', () => {
       writable: true,
       value: () => ({
         matches: false,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
       }),
     })
   })
@@ -724,8 +724,8 @@ describe('offers', () => {
       writable: true,
       value: () => ({
         matches: true,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
       }),
     })
     vi.spyOn(apiAdage, 'getCollectiveOfferTemplates').mockResolvedValueOnce({
@@ -747,8 +747,8 @@ describe('offers', () => {
       writable: true,
       value: () => ({
         matches: false,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
       }),
     })
   })

pro/src/pages/AdageIframe/app/components/OffersInstantSearch/OffersSearch/OffersSuggestions/__specs__/OffersSuggestions.spec.tsx

@@ -43,8 +43,8 @@ Object.defineProperty(window, 'matchMedia', {
   writable: true,
   value: () => ({
     matches: false,
-    addListener: jest.fn(),
-    removeListener: jest.fn(),
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
   }),
 })
 

pro/src/pages/AdageIframe/app/components/Pagination/__specs__/Pagination.spec.tsx

@@ -51,8 +51,8 @@ describe('AdagePagination', () => {
 
   it('should log on click next page and previous page', async () => {
     vi.spyOn(instantSearch, 'usePagination').mockImplementation(() => ({
-      createURL: jest.fn((page) => `/page=${page}`),
-      refine: jest.fn(),
+      createURL: vi.fn((page) => `/page=${page}`),
+      refine: vi.fn(),
       canRefine: true,
       currentRefinement: 1,
       nbHits: 10,

pro/src/pages/Signup/SignUpValidation/__specs__/SignupValidation.spec.tsx

@@ -52,8 +52,6 @@ describe('src | components | pages | Signup | validation', () => {
     })
   })
 
-  afterEach(vi.resetAllMocks)
-
   it('should redirect to home page if the user is logged in', () => {
     const validateUser = vi.spyOn(api, 'validateUser')
 

pro/src/screens/IndividualOffer/BookingsSummary/DownloadBookingsModal/__specs__/DownloadBookingModal.spec.tsx

@@ -10,7 +10,7 @@ import { renderWithProviders } from 'utils/renderWithProviders'
 import { DownloadBookingsModal } from '../DownloadBookingsModal'
 
 const MOCK_OFFER_ID = 1
-const mockLogEvent = jest.fn()
+const mockLogEvent = vi.fn()
 
 const render = (priceCategoryAndScheduleCountByDate: EventDatesInfos) => {
   renderWithProviders(

pro/src/vitest.setup.ts

@@ -1,12 +1,11 @@
 import 'regenerator-runtime/runtime'
-import { expect, vi } from 'vitest'
+import { vi, expect } from 'vitest'
+import '@testing-library/jest-dom/vitest'
 import * as matchers from 'vitest-axe/matchers'
-import '@testing-library/jest-dom'
 import createFetchMock from 'vitest-fetch-mock'
 import 'vitest-canvas-mock'
 
 expect.extend(matchers)
-
 const fetchMock = createFetchMock(vi)
 fetchMock.enableMocks()
 fetchMock.mockResponse((req) => {