Merge pull request #8435 from marmelab/fix-simpleform-users

Fix simple project UserEdit save usage

Author: slax57

cypress/e2e/edit.cy.js

@@ -205,7 +205,7 @@ describe('Edit Page', () => {
             expect(el).to.have.value('')
         );
 
-        // This validate the old record values are not kept after we navigated
+        // This validates the old record values are not kept after we navigated
         const currentDate = new Date();
         const currentDateString = currentDate.toISOString().slice(0, 10);
 
@@ -269,6 +269,23 @@ describe('Edit Page', () => {
         });
     });
 
+    it('should save edited user values', () => {
+        EditPostPage.navigate();
+        EditPostPage.logout();
+        LoginPage.navigate();
+        LoginPage.login('admin', 'password');
+        EditUserPage.navigate();
+        cy.get(EditUserPage.elements.input('name')).should(el =>
+            expect(el).to.have.value('Annamarie Mayer')
+        );
+        EditUserPage.setInputValue('textbox', 'name', 'Annamarie Mayer!');
+        EditUserPage.submit();
+        EditUserPage.navigate();
+        cy.get(EditUserPage.elements.input('name')).should(el =>
+            expect(el).to.have.value('Annamarie Mayer!')
+        );
+    });
+
     it('should persit emptied inputs', () => {
         EditPostPage.navigate();
         EditPostPage.gotoTab(3);
@@ -285,8 +302,7 @@ describe('Edit Page', () => {
         );
     });
 
-    // FIXME unskip me when useGetList uses the react-query API
-    it.skip('should refresh the list when the update fails', () => {
+    it('should refresh the list when the update fails', () => {
         ListPagePosts.navigate();
         ListPagePosts.nextPage(); // Ensure the record is visible in the table
 

examples/simple/src/users/UserEdit.tsx

@@ -14,6 +14,7 @@ import {
     Toolbar,
     TopToolbar,
     usePermissions,
+    useSaveContext,
 } from 'react-admin';
 
 import Aside from './Aside';
@@ -42,8 +43,10 @@ const EditActions = () => (
     </TopToolbar>
 );
 
-const UserEditForm = ({ save, ...props }: { save?: any }) => {
+const UserEditForm = () => {
     const { permissions } = usePermissions();
+    const { save } = useSaveContext();
+
     const newSave = values =>
         new Promise((resolve, reject) => {
             if (values.name === 'test') {
@@ -61,7 +64,6 @@ const UserEditForm = ({ save, ...props }: { save?: any }) => {
         <TabbedForm
             defaultValues={{ role: 'user' }}
             toolbar={<UserEditToolbar />}
-            {...props}
             onSubmit={newSave}
         >
             <FormTab label="user.form.summary" path="">