Add unit tests

Author: fzaninotto

packages/ra-ui-materialui/src/input/InPlaceEditor/InPlaceEditor.spec.tsx

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+
+import { Basic } from './InPlaceEditor.stories';
+
+describe('InPlaceEditor', () => {
+    it('should render the field value on mount', async () => {
+        render(<Basic delay={0} />);
+        await screen.findByText('John Doe');
+    });
+    it('should reveal an input on click', async () => {
+        render(<Basic delay={0} />);
+        const value = await screen.findByText('John Doe');
+        value.click();
+        await screen.findByDisplayValue('John Doe');
+    });
+    it('should let the user change the value', async () => {
+        render(<Basic delay={0} />);
+        const value = await screen.findByText('John Doe');
+        value.click();
+        const input = await screen.findByDisplayValue('John Doe');
+        fireEvent.change(input, { target: { value: 'Jane Doe' } });
+        fireEvent.blur(input);
+        await screen.findByText('Jane Doe');
+    });
+    it('should revert to the previous version on error', async () => {
+        render(<Basic delay={0} updateFails />);
+        const value = await screen.findByText('John Doe');
+        value.click();
+        const input = await screen.findByDisplayValue('John Doe');
+        fireEvent.change(input, { target: { value: 'Jane Doe' } });
+        fireEvent.blur(input);
+        await screen.findByText('Jane Doe');
+        await screen.findByText('John Doe');
+    });
+    describe('notifyOnSuccess', () => {
+        it('should show a notification on success', async () => {
+            render(<Basic delay={0} notifyOnSuccess />);
+            const value = await screen.findByText('John Doe');
+            value.click();
+            const input = await screen.findByDisplayValue('John Doe');
+            fireEvent.change(input, { target: { value: 'Jane Doe' } });
+            fireEvent.blur(input);
+            await screen.findByText('Element updated');
+        });
+    });
+    describe('showButtons', () => {
+        it('should render save and cancel buttons', async () => {
+            render(<Basic delay={0} showButtons />);
+            const value = await screen.findByText('John Doe');
+            value.click();
+            await screen.findByLabelText('Save');
+            await screen.findByLabelText('Cancel');
+        });
+    });
+});

packages/ra-ui-materialui/src/input/InPlaceEditor/InPlaceEditor.stories.tsx

@@ -63,6 +63,12 @@ export const Basic = ({
     mutationMode,
     notifyOnSuccess,
     showButtons,
+}: {
+    delay?: number;
+    updateFails?: boolean;
+    mutationMode?: 'optimistic' | 'pessimistic' | 'undoable';
+    notifyOnSuccess?: boolean;
+    showButtons?: boolean;
 }) => {
     const dataProvider = fakeRestDataProvider(
         { users: [{ id: 1, name: 'John Doe', age: 25, type: 'customer' }] },