add WithListContext tests

Author: erwanMarmelab

packages/ra-core/src/controller/list/WithListContext.spec.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+
+import { Basic, Empty, Loading, Error } from './WithListContext.stories';
+
+describe('WithListContext', () => {
+    it('should display ', async () => {
+        render(<Basic />);
+        await screen.findByText('Total: 90');
+
+        const rows = screen.getAllByRole('row');
+        expect(rows).toHaveLength(92); // 90 records + 1 header row + 1 footer row
+    });
+
+    it('should display empty when no data', async () => {
+        render(<Empty />);
+        await screen.findByText('No fruits found');
+    });
+
+    it('should display loading when pending', async () => {
+        render(<Loading />);
+        await screen.findByText('Loading...');
+    });
+
+    it('should display error when error', async () => {
+        jest.spyOn(console, 'error').mockImplementation(() => {});
+        render(<Error />);
+        await screen.findByText('Error loading data');
+    });
+});

packages/ra-core/src/controller/list/WithListContext.stories.tsx

@@ -114,7 +114,10 @@ const fruitsData = fruitscsv.split('\n').map((line, id) => {
     };
 });
 
-const dataProvider = fakerestDataProvider({ fruits: fruitsData }, true);
+const dataProvider = fakerestDataProvider(
+    { fruits: fruitsData },
+    process.env.NODE_ENV !== 'test'
+);
 
 type Fruit = {
     id: number;
@@ -223,13 +226,16 @@ export const Chart = () => (
     </CoreAdminContext>
 );
 
-const emptyDataProvider = fakerestDataProvider({ fruits: [] }, true);
+const emptyDataProvider = fakerestDataProvider(
+    { fruits: [] },
+    process.env.NODE_ENV !== 'test'
+);
 
 export const Empty = () => (
     <CoreAdminContext dataProvider={emptyDataProvider}>
         <ListBase resource="fruits" disableSyncWithLocation perPage={100}>
             <WithListContext<Fruit>
-                empty={<div>No fruits available</div>}
+                empty={<div>No fruits found</div>}
                 render={({ isPending, data, total }) =>
                     isPending ? (
                         <>Loading...</>
@@ -317,7 +323,7 @@ export const Error = () => (
     <CoreAdminContext dataProvider={erroredDataProvider}>
         <ListBase resource="fruits" disableSyncWithLocation perPage={100}>
             <WithListContext<Fruit>
-                error={<p>Error</p>}
+                error={<p>Error loading data</p>}
                 render={({ isPending, data, total }) =>
                     isPending ? (
                         <>Loading...</>