Add tests

Author: fzaninotto

packages/ra-ui-materialui/src/field/ReferenceField.spec.tsx

@@ -20,8 +20,10 @@ import {
     LinkDefaultShowView,
     LinkMissingView,
     LinkFalse,
-    MissingReferenceIdEmptyTextTranslation,
     MissingReferenceEmptyText,
+    MissingReferenceIdEmptyTextTranslation,
+    MissingReferenceIdEmpty,
+    MissingReferenceIdEmptyTranslation,
     SXLink,
     SXNoLink,
     SlowAccessControl,
@@ -293,29 +295,48 @@ describe('<ReferenceField />', () => {
         });
     });
 
-    it('should display the emptyText if the field is empty', () => {
-        render(
-            <ThemeProvider theme={theme}>
-                <CoreAdminContext dataProvider={testDataProvider()}>
-                    <ReferenceField
-                        record={{ id: 123 }}
-                        resource="comments"
-                        // @ts-expect-error source prop does not have a valid value
-                        source="postId"
-                        reference="posts"
-                        emptyText="EMPTY"
-                    >
-                        <TextField source="title" />
-                    </ReferenceField>
-                </CoreAdminContext>
-            </ThemeProvider>
-        );
-        expect(screen.getByText('EMPTY')).not.toBeNull();
+    describe('emptyText', () => {
+        it('should display the emptyText if the field is empty', () => {
+            render(
+                <ThemeProvider theme={theme}>
+                    <CoreAdminContext dataProvider={testDataProvider()}>
+                        <ReferenceField
+                            record={{ id: 123 }}
+                            resource="comments"
+                            // @ts-expect-error source prop does not have a valid value
+                            source="postId"
+                            reference="posts"
+                            emptyText="EMPTY"
+                        >
+                            <TextField source="title" />
+                        </ReferenceField>
+                    </CoreAdminContext>
+                </ThemeProvider>
+            );
+            expect(screen.getByText('EMPTY')).not.toBeNull();
+        });
+
+        it('should display the emptyText if there is no reference', async () => {
+            render(<MissingReferenceEmptyText />);
+            await screen.findByText('no detail');
+        });
+
+        it('should translate emptyText', async () => {
+            render(<MissingReferenceIdEmptyTextTranslation />);
+
+            expect(await screen.findByText('Not found')).not.toBeNull();
+        });
     });
 
-    it('should display the emptyText if there is no reference', async () => {
-        render(<MissingReferenceEmptyText />);
-        await screen.findByText('no detail');
+    describe('empty', () => {
+        it('should render the empty prop when the record is not found', async () => {
+            render(<MissingReferenceIdEmpty />);
+            await screen.findByText('no detail');
+        });
+        it('should translate empty if it is a string', async () => {
+            render(<MissingReferenceIdEmptyTranslation />);
+            await screen.findByText('Not found');
+        });
     });
 
     it('should use record from RecordContext', async () => {
@@ -582,12 +603,6 @@ describe('<ReferenceField />', () => {
         expect(await screen.findByText('novel')).not.toBeNull();
     });
 
-    it('should translate emptyText', async () => {
-        render(<MissingReferenceIdEmptyTextTranslation />);
-
-        expect(await screen.findByText('Not found')).not.toBeNull();
-    });
-
     it('should accept a queryOptions prop', async () => {
         const dataProvider = testDataProvider({
             getMany: jest.fn().mockResolvedValue({

packages/ra-ui-materialui/src/field/ReferenceManyField.spec.tsx

@@ -11,6 +11,7 @@ import { SingleFieldList } from '../list/SingleFieldList';
 import { Pagination } from '../list/pagination/Pagination';
 import {
     Basic,
+    Empty,
     WithPagination,
     WithPaginationAndSelectAllLimit,
 } from './ReferenceManyField.stories';
@@ -274,6 +275,13 @@ describe('<ReferenceManyField />', () => {
         });
     });
 
+    describe('empty', () => {
+        it('should render the empty prop when the record is not found', async () => {
+            render(<Empty />);
+            await screen.findByText('no books');
+        });
+    });
+
     describe('"Select all" button', () => {
         it('should be displayed if all the items of the page are selected', async () => {
             render(<WithPagination />);

packages/ra-ui-materialui/src/field/ReferenceOneField.spec.tsx

@@ -7,6 +7,7 @@ import {
     EmptyTextWithTranslate,
     QueryOptions,
     EmptyText,
+    Empty,
     Themed,
 } from './ReferenceOneField.stories';
 
@@ -53,13 +54,26 @@ describe('ReferenceOneField', () => {
         });
     });
 
-    it('should render the "emptyContent" prop when the record is not found', async () => {
-        render(<EmptyText />);
-        await waitFor(() => {
-            expect(screen.queryAllByText('no detail')).toHaveLength(3);
+    describe('emptyText', () => {
+        it('should render the emptyText prop when the record is not found', async () => {
+            render(<EmptyText />);
+            await waitFor(() => {
+                expect(screen.queryAllByText('no detail')).toHaveLength(3);
+            });
+            fireEvent.click(screen.getByText('War and Peace'));
+            await screen.findByText('Create');
+        });
+    });
+
+    describe('empty', () => {
+        it('should render the empty prop when the record is not found', async () => {
+            render(<Empty />);
+            await waitFor(() => {
+                expect(screen.queryAllByText('no detail')).toHaveLength(3);
+            });
+            fireEvent.click(screen.getByText('War and Peace'));
+            await screen.findByText('Create');
         });
-        fireEvent.click(screen.getByText('War and Peace'));
-        await screen.findByText('Create');
     });
 
     it('should be customized by a theme', async () => {