diff --git a/examples/query/react/basic/package.json b/examples/query/react/basic/package.json index 709c27b6c8..fc44afac89 100644 --- a/examples/query/react/basic/package.json +++ b/examples/query/react/basic/package.json @@ -13,7 +13,8 @@ "react-scripts": "5.0.1" }, "devDependencies": { - "@testing-library/react": "^13.3.0", + "@testing-library/dom": "^10.4.0", + "@testing-library/react": "^16.0.1", "@types/jest": "^26.0.23", "@types/react": "^18.0.5", "@types/react-dom": "^18.0.5", diff --git a/examples/query/react/kitchen-sink/package.json b/examples/query/react/kitchen-sink/package.json index 2e1675c6fc..c0e5794127 100644 --- a/examples/query/react/kitchen-sink/package.json +++ b/examples/query/react/kitchen-sink/package.json @@ -15,8 +15,9 @@ "react-scripts": "5.0.1" }, "devDependencies": { + "@testing-library/dom": "^10.4.0", "@testing-library/jest-dom": "^5.11.5", - "@testing-library/react": "^13.3.0", + "@testing-library/react": "^16.0.1", "@types/jest": "^26.0.23", "@types/node": "^14.14.6", "@types/react": "^18.0.5", diff --git a/packages/toolkit/package.json b/packages/toolkit/package.json index e3c3c8b6f3..dee00cc37a 100644 --- a/packages/toolkit/package.json +++ b/packages/toolkit/package.json @@ -56,8 +56,9 @@ "@phryneas/ts-version": "^1.0.2", "@size-limit/file": "^11.0.1", "@size-limit/webpack": "^11.0.1", - "@testing-library/react": "^13.3.0", - "@testing-library/user-event": "^13.1.5", + "@testing-library/dom": "^10.4.0", + "@testing-library/react": "^16.0.1", + "@testing-library/user-event": "^14.5.2", "@types/babel__core": "^7.20.5", "@types/babel__helper-module-imports": "^7.18.3", "@types/json-stringify-safe": "^5.0.0", diff --git a/packages/toolkit/src/query/tests/apiProvider.test.tsx b/packages/toolkit/src/query/tests/apiProvider.test.tsx index f6a4cea10a..4fdf9de462 100644 --- a/packages/toolkit/src/query/tests/apiProvider.test.tsx +++ b/packages/toolkit/src/query/tests/apiProvider.test.tsx @@ -32,6 +32,10 @@ const api = createApi({ }), }) +afterEach(() => { + vi.resetAllMocks() +}) + describe('ApiProvider', () => { test('ApiProvider allows a user to make queries without a traditional Redux setup', async () => { function User() { @@ -72,6 +76,8 @@ describe('ApiProvider', () => { expect(getByTestId('isFetching').textContent).toBe('false') }) test('ApiProvider throws if nested inside a Redux context', () => { + // Intentionally swallow the "unhandled error" message + vi.spyOn(console, 'error').mockImplementation(() => {}) expect(() => render( null })}> diff --git a/packages/toolkit/src/query/tests/buildHooks.test.tsx b/packages/toolkit/src/query/tests/buildHooks.test.tsx index 6810e75dd8..50ff561148 100644 --- a/packages/toolkit/src/query/tests/buildHooks.test.tsx +++ b/packages/toolkit/src/query/tests/buildHooks.test.tsx @@ -6,6 +6,7 @@ import { actionsReducer, setupApiStore, useRenderCounter, + waitForFakeTimer, waitMs, withProvider, } from '@internal/tests/utils/helpers' @@ -47,7 +48,7 @@ interface Item { const api = createApi({ baseQuery: async (arg: any) => { - await waitMs(150) + await waitForFakeTimer(150) if (arg?.body && 'amount' in arg.body) { amount += 1 } @@ -465,7 +466,6 @@ describe('hooks tests', () => {