Ensure offline scenarios tests do not impact later tests

djhi · djhi · commit 3116d3dd70bf · 2025-09-03T15:14:18.000+02:00
diff --git a/packages/ra-core/src/controller/edit/EditBase.spec.tsx b/packages/ra-core/src/controller/edit/EditBase.spec.tsx
@@ -11,8 +11,12 @@ import {
     WithAuthProviderNoAccessControl,
     WithRenderProps,
 } from './EditBase.stories';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('EditBase', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should give access to the save function', async () => {
         const dataProvider = testDataProvider({
             getOne: () =>
diff --git a/packages/ra-core/src/controller/field/ReferenceArrayFieldBase.spec.tsx b/packages/ra-core/src/controller/field/ReferenceArrayFieldBase.spec.tsx
@@ -12,8 +12,12 @@ import { ReferenceArrayFieldBase } from './ReferenceArrayFieldBase';
 import { useResourceContext } from '../../core/useResourceContext';
 import { testDataProvider } from '../../dataProvider/testDataProvider';
 import { CoreAdminContext } from '../../core/CoreAdminContext';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('ReferenceArrayFieldBase', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should display an error if error is defined', async () => {
         jest.spyOn(console, 'error')
             .mockImplementationOnce(() => {})
diff --git a/packages/ra-core/src/controller/field/ReferenceFieldBase.spec.tsx b/packages/ra-core/src/controller/field/ReferenceFieldBase.spec.tsx
@@ -14,11 +14,15 @@ import {
     WithRenderProp,
 } from './ReferenceFieldBase.stories';
 import { RecordContextProvider } from '../record';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('<ReferenceFieldBase />', () => {
     beforeAll(() => {
         window.scrollTo = jest.fn();
     });
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
 
     it('should display an error if error is defined', async () => {
         jest.spyOn(console, 'error')
diff --git a/packages/ra-core/src/controller/field/ReferenceManyCountBase.spec.tsx b/packages/ra-core/src/controller/field/ReferenceManyCountBase.spec.tsx
@@ -6,8 +6,12 @@ import {
     LoadingState,
     Offline,
 } from './ReferenceManyCountBase.stories';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('ReferenceManyCountBase', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should display an error if error is defined', async () => {
         jest.spyOn(console, 'error')
             .mockImplementationOnce(() => {})
diff --git a/packages/ra-core/src/controller/field/ReferenceManyFieldBase.spec.tsx b/packages/ra-core/src/controller/field/ReferenceManyFieldBase.spec.tsx
@@ -12,8 +12,12 @@ import { ReferenceManyFieldBase } from './ReferenceManyFieldBase';
 import { useResourceContext } from '../../core/useResourceContext';
 import { testDataProvider } from '../../dataProvider/testDataProvider';
 import { CoreAdminContext } from '../../core/CoreAdminContext';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('ReferenceManyFieldBase', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should display an error if error is defined', async () => {
         jest.spyOn(console, 'error')
             .mockImplementationOnce(() => {})
diff --git a/packages/ra-core/src/controller/field/ReferenceOneFieldBase.spec.tsx b/packages/ra-core/src/controller/field/ReferenceOneFieldBase.spec.tsx
@@ -6,8 +6,12 @@ import {
     Offline,
     WithRenderProp,
 } from './ReferenceOneFieldBase.stories';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('ReferenceOneFieldBase', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should pass the loading state', async () => {
         jest.spyOn(console, 'error')
             .mockImplementationOnce(() => {})
diff --git a/packages/ra-core/src/controller/input/ReferenceArrayInputBase.spec.tsx b/packages/ra-core/src/controller/input/ReferenceArrayInputBase.spec.tsx
@@ -2,8 +2,12 @@ import * as React from 'react';
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { testDataProvider } from 'ra-core';
 import { Basic, Offline, WithError } from './ReferenceArrayInputBase.stories';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('<ReferenceArrayInputBase>', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     afterEach(async () => {
         // wait for the getManyAggregate batch to resolve
         await waitFor(() => new Promise(resolve => setTimeout(resolve, 0)));
diff --git a/packages/ra-core/src/controller/input/ReferenceInputBase.spec.tsx b/packages/ra-core/src/controller/input/ReferenceInputBase.spec.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import expect from 'expect';
 import { render, screen, waitFor, fireEvent } from '@testing-library/react';
-import { QueryClient } from '@tanstack/react-query';
+import { onlineManager, QueryClient } from '@tanstack/react-query';
 import { CoreAdminContext } from '../../core';
 import {
     ChoicesProps,
@@ -30,6 +30,9 @@ describe('<ReferenceInputBase />', () => {
     beforeAll(() => {
         window.scrollTo = jest.fn();
     });
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
 
     it('should display an error if error is defined', async () => {
         jest.spyOn(console, 'error')
diff --git a/packages/ra-core/src/controller/show/ShowBase.spec.tsx b/packages/ra-core/src/controller/show/ShowBase.spec.tsx
@@ -11,8 +11,12 @@ import {
     WithAuthProviderNoAccessControl,
     WithRenderProp,
 } from './ShowBase.stories';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('ShowBase', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should load data immediately if authProvider is not provided', async () => {
         const dataProvider = testDataProvider({
             // @ts-ignore
diff --git a/packages/ra-core/src/core/IsOffline.spec.tsx b/packages/ra-core/src/core/IsOffline.spec.tsx
@@ -1,8 +1,12 @@
 import * as React from 'react';
 import { render, screen } from '@testing-library/react';
 import { Basic } from './IsOffline.stories';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('<IsOffline>', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should render children when offline', async () => {
         const { rerender } = render(<Basic isOnline={false} />);
         await screen.findByText('You are offline, the data may be outdated');
diff --git a/packages/ra-ui-materialui/src/detail/Show.spec.tsx b/packages/ra-ui-materialui/src/detail/Show.spec.tsx
@@ -30,9 +30,11 @@ import {
 } from './Show.stories';
 import { Show } from './Show';
 import { Alert } from '@mui/material';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('<Show />', () => {
     beforeEach(async () => {
+        onlineManager.setOnline(true);
         // Why is this required? No idea, but without is the tests are flaky
         await new Promise(res => setTimeout(res, 100));
     });
diff --git a/packages/ra-ui-materialui/src/field/ReferenceArrayField.spec.tsx b/packages/ra-ui-materialui/src/field/ReferenceArrayField.spec.tsx
@@ -31,10 +31,14 @@ import {
     WithPagination,
     WithRenderProp,
 } from './ReferenceArrayField.stories';
+import { onlineManager } from '@tanstack/react-query';
 
 const theme = createTheme({});
 
 describe('<ReferenceArrayField />', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should render a loading indicator when related records are not yet fetched and a second has passed', async () => {
         render(
             <ThemeProvider theme={theme}>
diff --git a/packages/ra-ui-materialui/src/field/ReferenceField.spec.tsx b/packages/ra-ui-materialui/src/field/ReferenceField.spec.tsx
@@ -9,7 +9,7 @@ import {
     ResourceDefinitionContextProvider,
     AuthProvider,
 } from 'ra-core';
-import { QueryClient } from '@tanstack/react-query';
+import { onlineManager, QueryClient } from '@tanstack/react-query';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 
 import { ReferenceField } from './ReferenceField';
@@ -37,6 +37,10 @@ const theme = createTheme({});
 describe('<ReferenceField />', () => {
     const record = { id: 123, postId: 123 };
 
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
+
     describe('Progress bar', () => {
         it("should not display a loader on mount if the reference is not in the store and a second hasn't passed yet", async () => {
             const dataProvider = testDataProvider({
diff --git a/packages/ra-ui-materialui/src/field/ReferenceManyCount.spec.tsx b/packages/ra-ui-materialui/src/field/ReferenceManyCount.spec.tsx
@@ -10,8 +10,12 @@ import {
     Wrapper,
 } from './ReferenceManyCount.stories';
 import { ReferenceManyCount } from './ReferenceManyCount';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('<ReferenceManyCount />', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should return the number of related records of a given reference', async () => {
         render(<Basic />);
         await screen.findByText('3');
diff --git a/packages/ra-ui-materialui/src/field/ReferenceManyField.spec.tsx b/packages/ra-ui-materialui/src/field/ReferenceManyField.spec.tsx
@@ -18,10 +18,14 @@ import {
     WithRenderProp,
 } from './ReferenceManyField.stories';
 import { Alert } from '@mui/material';
+import { onlineManager } from '@tanstack/react-query';
 
 const theme = createTheme();
 
 describe('<ReferenceManyField />', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     const defaultProps = {
         // resource and reference are the same because useReferenceManyFieldController
         // set the reference as the current resource
diff --git a/packages/ra-ui-materialui/src/field/ReferenceOneField.spec.tsx b/packages/ra-ui-materialui/src/field/ReferenceOneField.spec.tsx
@@ -12,8 +12,12 @@ import {
     WithRenderProp,
     Offline,
 } from './ReferenceOneField.stories';
+import { onlineManager } from '@tanstack/react-query';
 
 describe('ReferenceOneField', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should render the recordRepresentation of the related record', async () => {
         render(<RecordRepresentation />);
         await screen.findByText('Genre: novel, ISBN: 9780393966473');
diff --git a/packages/ra-ui-materialui/src/list/List.spec.tsx b/packages/ra-ui-materialui/src/list/List.spec.tsx
@@ -27,10 +27,14 @@ import {
     Offline,
 } from './List.stories';
 import { Alert } from '@mui/material';
+import { onlineManager } from '@tanstack/react-query';
 
 const theme = createTheme(defaultTheme);
 
 describe('<List />', () => {
+    beforeEach(() => {
+        onlineManager.setOnline(true);
+    });
     it('should render a list page', () => {
         const Datagrid = () => <div>datagrid</div>;
         const { container } = render(
