upgrade jest, replace deprecated api

update edge runtime

fix json format

Author: promer94

jest.config.build.js

@@ -1,6 +1,9 @@
-const config = require("./jest.config");
-module.exports = {
+import config from './jest.config.js'
+
+const useBuildConfig = {
   ...config,
   // override to use build files
   moduleNameMapper: {}
 }
+
+export default useBuildConfig

jest.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+const config = {
   testEnvironment: 'jsdom',
   testRegex: '/test/.*\\.test\\.tsx?$',
   testPathIgnorePatterns: ['/node_modules/', '/e2e/'],
@@ -10,17 +10,20 @@ module.exports = {
     '^swr/immutable$': '<rootDir>/src/immutable/index.ts',
     '^swr/subscription$': '<rootDir>/src/subscription/index.ts',
     '^swr/mutation$': '<rootDir>/src/mutation/index.ts',
-    '^swr/_internal$': '<rootDir>/src/_internal/index.ts',
+    '^swr/_internal$': '<rootDir>/src/_internal/index.ts'
   },
   transform: {
-    '^.+\\.(t|j)sx?$': ['@swc/jest']
+    '^.+\\.(t|j)sx?$': '@swc/jest'
   },
   coveragePathIgnorePatterns: [
     '/node_modules/', 
     '/dist/', 
     '/test/',
-    '<rootDir>/src/_internal/utils/env.ts',
+    '<rootDir>/src/_internal/utils/env.ts'
   ],
   coverageReporters: ['text', 'html'],
   reporters: [['github-actions', { silent: false }], 'summary']
 }
+
+
+export default config

package.json

@@ -122,17 +122,18 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.2",
-    "@edge-runtime/jest-environment": "^3.0.4",
+    "@edge-runtime/jest-environment": "^4.0.0",
     "@eslint/compat": "^2.0.0",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.39.1",
     "@playwright/test": "1.57.0",
     "@swc/core": "^1.15.3",
     "@swc/jest": "0.2.39",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
     "@type-challenges/utils": "0.1.1",
-    "@types/jest": "^29.5.2",
+    "@types/jest": "^30.0.0",
     "@types/node": "^22.19.1",
     "@types/react": "^19.2.7",
     "@types/use-sync-external-store": "^1.5.0",
@@ -147,10 +148,10 @@
     "eslint-plugin-testing-library": "7.13.5",
     "globals": "^16.5.0",
     "husky": "9.1.7",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "29.7.0",
+    "jest": "30.2.0",
+    "jest-environment-jsdom": "29.7.0",    
     "lint-staged": "16.2.7",
-    "next": "16.0.10",
+    "next": "16.1.1",
     "prettier": "2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

pnpm-lock.yaml

@@ -51,11 +51,11 @@ function runTests(propertyName) {
       const release = initFocus(fn) as () => void
 
       target.emit(eventName)
-      expect(fn).toBeCalledTimes(1)
+      expect(fn).toHaveBeenCalledTimes(1)
 
       release()
       target.emit(eventName)
-      expect(fn).toBeCalledTimes(1)
+      expect(fn).toHaveBeenCalledTimes(1)
     })
 
     it(`should not trigger listener when ${propertyName} is falsy`, async () => {
@@ -79,13 +79,13 @@ function runTests(propertyName) {
 
       target?.emit?.(eventName)
 
-      expect(fn).toBeCalledTimes(0)
+      expect(fn).toHaveBeenCalledTimes(0)
 
       release()
       if (target && target.emit) {
         target.emit(eventName)
       }
-      expect(fn).toBeCalledTimes(0)
+      expect(fn).toHaveBeenCalledTimes(0)
     })
   })
 }

test/unit/web-preset.test.ts

@@ -170,9 +170,9 @@ describe('useSWR - cache provider', () => {
     // revalidateOnFocus won't work
     screen.getByText('1')
     unmount()
-    expect(focusFn).toBeCalled()
-    expect(unsubscribeFocusFn).toBeCalledTimes(1)
-    expect(unsubscribeReconnectFn).toBeCalledTimes(1)
+    expect(focusFn).toHaveBeenCalled()
+    expect(unsubscribeFocusFn).toHaveBeenCalledTimes(1)
+    expect(unsubscribeReconnectFn).toHaveBeenCalledTimes(1)
   })
 
   it('should work with revalidateOnFocus', async () => {
@@ -336,9 +336,9 @@ describe('useSWR - cache provider', () => {
     }
 
     renderWithConfig(<Page />)
-    expect(createCacheProvider).toBeCalledTimes(1)
+    expect(createCacheProvider).toHaveBeenCalledTimes(1)
     act(() => rerender({}))
-    expect(createCacheProvider).toBeCalledTimes(1)
+    expect(createCacheProvider).toHaveBeenCalledTimes(1)
   })
 })
 

test/use-swr-cache.test.tsx

@@ -589,11 +589,11 @@ describe('useSWR - error', () => {
     }
     renderWithConfig(<App />)
     await act(() => sleep(320))
-    expect(fn).toBeCalledTimes(1)
+    expect(fn).toHaveBeenCalledTimes(1)
     fireEvent.click(screen.getByText('toggle'))
     await act(() => sleep(320))
-    expect(fn).toBeCalledTimes(2)
+    expect(fn).toHaveBeenCalledTimes(2)
     await act(() => sleep(320))
-    expect(fn).toBeCalledTimes(3)
+    expect(fn).toHaveBeenCalledTimes(3)
   })
 })

test/use-swr-error.test.tsx

@@ -237,8 +237,8 @@ describe('useSWR - immutable', () => {
     await sleep(20)
 
     // `fetcher` should only be called twice, with each key.
-    expect(fetcher).toBeCalledTimes(2)
-    expect(fetcher).nthCalledWith(1, key + '0')
-    expect(fetcher).nthCalledWith(2, key + '1')
+    expect(fetcher).toHaveBeenCalledTimes(2)
+    expect(fetcher).toHaveBeenNthCalledWith(1, key + '0')
+    expect(fetcher).toHaveBeenNthCalledWith(2, key + '1')
   })
 })

test/use-swr-immutable.test.tsx

@@ -34,11 +34,11 @@ describe('useSWRInfinite - preload', () => {
     }
 
     preload(getKey(0), fetcher)
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
 
     renderWithConfig(<Page />)
     await screen.findByText('data:foo')
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
   })
 
   it('should avoid preloading the resource multiple times', async () => {
@@ -54,11 +54,11 @@ describe('useSWRInfinite - preload', () => {
     preload(getKey(0), fetcher)
     preload(getKey(0), fetcher)
     preload(getKey(0), fetcher)
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
 
     renderWithConfig(<Page />)
     await screen.findByText('data:foo')
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
   })
 
   it('should be able to prealod resources in effects', async () => {
@@ -84,12 +84,12 @@ describe('useSWRInfinite - preload', () => {
     }
 
     renderWithConfig(<Page />)
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
 
     fireEvent.click(screen.getByText('click'))
 
     await screen.findByText('data:foo')
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
   })
 
   it('preload the fetcher function with the suspense mode', async () => {
@@ -103,7 +103,7 @@ describe('useSWRInfinite - preload', () => {
     }
 
     preload(getKey(0), fetcher)
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
 
     renderWithConfig(
       <Suspense
@@ -117,8 +117,8 @@ describe('useSWRInfinite - preload', () => {
       </Suspense>
     )
     await screen.findByText('data:foo')
-    expect(onRender).toBeCalledTimes(1)
-    expect(fetcher).toBeCalledTimes(1)
+    expect(onRender).toHaveBeenCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
   })
 
   it.skip('avoid suspense waterfall by prefetching the resources', async () => {
@@ -222,18 +222,18 @@ describe('useSWRInfinite - preload', () => {
     }
 
     preload(getKey(0), fetcher)
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
 
     const { rerender } = renderWithConfig(<Page />)
-    expect(onRender).toBeCalledTimes(1)
+    expect(onRender).toHaveBeenCalledTimes(1)
     // rerender when the preloading is in-flight, and the deduping interval is over
     await act(() => sleep(10))
     rerender(<Page />)
-    expect(onRender).toBeCalledTimes(2)
+    expect(onRender).toHaveBeenCalledTimes(2)
 
     await screen.findByText('data:foo')
-    expect(fetcher).toBeCalledTimes(1)
-    expect(onRender).toBeCalledTimes(3)
+    expect(fetcher).toHaveBeenCalledTimes(1)
+    expect(onRender).toHaveBeenCalledTimes(3)
   })
 
   it('should pass serialize key to fetcher', async () => {

test/use-swr-infinite-preload.test.tsx

@@ -1115,7 +1115,7 @@ describe('useSWRInfinite', () => {
 
     fireEvent.click(screen.getByText('mutate'))
     await screen.findByText('data: foo-1')
-    expect(fetcher).toBeCalledTimes(2)
+    expect(fetcher).toHaveBeenCalledTimes(2)
 
     expect(logger).toEqual([undefined, ['foo-0'], ['foo-1']])
   })
@@ -1268,7 +1268,7 @@ describe('useSWRInfinite', () => {
 
     fireEvent.click(screen.getByText('mutate'))
     await screen.findByText('data: foo-1')
-    expect(fetcher).toBeCalledTimes(2)
+    expect(fetcher).toHaveBeenCalledTimes(2)
 
     expect(logger).toEqual([undefined, ['foo-0'], ['foo-1']])
   })
@@ -1300,7 +1300,7 @@ describe('useSWRInfinite', () => {
     await screen.findByText('data: foo-0')
 
     fireEvent.click(screen.getByText('mutate'))
-    expect(fetcher).toBeCalledTimes(1)
+    expect(fetcher).toHaveBeenCalledTimes(1)
 
     expect(logger).toEqual([undefined, ['foo-0']])
   })