[test] Update test-utils and remove enzyme (#473)

docs/package.json

@@ -77,7 +77,7 @@
     "@babel/plugin-transform-react-constant-elements": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
     "@mui/internal-docs-utils": "^1.0.7",
-    "@mui/internal-test-utils": "1.0.0-dev.20240529-082515-213b5e33ab",
+    "@mui/internal-test-utils": "1.0.3",
     "@types/autosuggest-highlight": "^3.2.3",
     "@types/chai": "^4.3.16",
     "@types/node": "^18.19.33",

package.json

@@ -76,18 +76,16 @@
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
     "@babel/register": "^7.24.6",
-    "@mnajdova/enzyme-adapter-react-18": "^0.2.0",
     "@mui/internal-docs-utils": "^1.0.7",
     "@mui/internal-markdown": "^1.0.6",
     "@mui/internal-scripts": "^1.0.11",
-    "@mui/internal-test-utils": "1.0.0-dev.20240529-082515-213b5e33ab",
+    "@mui/internal-test-utils": "1.0.3",
     "@mui/material": "6.0.0-alpha.13",
     "@mui/monorepo": "github:mui/material-ui#v6.0.0-alpha.12",
     "@mui/utils": "6.0.0-alpha.13",
     "@next/eslint-plugin-next": "^14.2.3",
     "@octokit/rest": "^20.1.1",
     "@playwright/test": "1.44.1",
-    "@types/enzyme": "^3.10.18",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash": "^4.17.4",
     "@types/mocha": "^10.0.6",
@@ -110,7 +108,6 @@
     "cross-env": "^7.0.3",
     "danger": "^12.1.0",
     "docs": "workspace:^",
-    "enzyme": "^3.11.0",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-base": "^15.0.0",

packages/mui-base/package.json

@@ -50,7 +50,7 @@
   },
   "devDependencies": {
     "@mui/internal-babel-macros": "^1.0.1",
-    "@mui/internal-test-utils": "1.0.0-dev.20240529-082515-213b5e33ab",
+    "@mui/internal-test-utils": "1.0.3",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",
     "@types/chai": "^4.3.16",

packages/mui-base/src/AlertDialog/Backdrop/AlertDialogBackdrop.test.tsx

@@ -15,7 +15,6 @@ describe('<AlertDialog.Backdrop />', () => {
         </AlertDialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('has role="presentation"', async () => {

packages/mui-base/src/AlertDialog/Close/AlertDialogClose.test.tsx

@@ -15,6 +15,5 @@ describe('<AlertDialog.Close />', () => {
         </AlertDialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/AlertDialog/Description/AlertDialogDescription.test.tsx

@@ -15,6 +15,5 @@ describe('<AlertDialog.Description />', () => {
         </AlertDialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/AlertDialog/Popup/AlertDialogPopup.test.tsx

@@ -16,7 +16,6 @@ describe('<AlertDialog.Popup />', () => {
         </AlertDialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('should have role="alertdialog"', async () => {

packages/mui-base/src/AlertDialog/Title/AlertDialogTitle.test.tsx

@@ -15,6 +15,5 @@ describe('<AlertDialog.Title />', () => {
         </AlertDialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/AlertDialog/Trigger/AlertDialogTrigger.test.tsx

@@ -15,6 +15,5 @@ describe('<AlertDialog.Trigger />', () => {
         </AlertDialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/Checkbox/Indicator/CheckboxIndicator.test.tsx

@@ -24,7 +24,6 @@ describe('<Checkbox.Indicator />', () => {
         <CheckboxContext.Provider value={testContext}>{node}</CheckboxContext.Provider>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('should not render indicator by default', () => {

packages/mui-base/src/Dialog/Backdrop/DialogBackdrop.test.tsx

@@ -16,7 +16,6 @@ describe('<Dialog.Backdrop />', () => {
         </Dialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('has role="presentation"', () => {

packages/mui-base/src/Dialog/Close/DialogClose.test.tsx

@@ -15,6 +15,5 @@ describe('<Dialog.Close />', () => {
         </Dialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/Dialog/Description/DialogDescription.test.tsx

@@ -15,6 +15,5 @@ describe('<Dialog.Description />', () => {
         </Dialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/Dialog/Popup/DialogPopup.test.tsx

@@ -15,7 +15,6 @@ describe('<Dialog.Popup />', () => {
         </Dialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   describe('prop: keepMounted', () => {

packages/mui-base/src/Dialog/Root/DialogRoot.test.tsx

@@ -54,7 +54,9 @@ describe('<Dialog.Root />', () => {
     });
   });
 
-  describe('prop: modal', () => {
+  // toWarnDev doesn't work reliably with async rendering. To re-eanble after it's fixed in the test-utils.
+  // eslint-disable-next-line mocha/no-skipped-tests
+  describe.skip('prop: modal', () => {
     it('warns when the dialog is modal but no backdrop is present', async () => {
       await expect(() =>
         render(

packages/mui-base/src/Dialog/Title/DialogTitle.test.tsx

@@ -15,6 +15,5 @@ describe('<Dialog.Title />', () => {
         </Dialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/Dialog/Trigger/DialogTrigger.test.tsx

@@ -15,6 +15,5 @@ describe('<Dialog.Trigger />', () => {
         </Dialog.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/NumberField/Decrement/NumberFieldDecrement.test.tsx

@@ -28,7 +28,6 @@ describe('<NumberField.Decrement />', () => {
         <NumberFieldContext.Provider value={testContext}>{node}</NumberFieldContext.Provider>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('has decrease label', () => {

packages/mui-base/src/NumberField/Group/NumberFieldGroup.test.tsx

@@ -27,7 +27,6 @@ describe('<NumberField.Group />', () => {
         <NumberFieldContext.Provider value={testContext}>{node}</NumberFieldContext.Provider>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('has role prop', () => {

packages/mui-base/src/NumberField/Increment/NumberFieldIncrement.test.tsx

@@ -28,7 +28,6 @@ describe('<NumberField.Increment />', () => {
         <NumberFieldContext.Provider value={testContext}>{node}</NumberFieldContext.Provider>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('has increase label', () => {

packages/mui-base/src/NumberField/Input/NumberFieldInput.test.tsx

@@ -27,7 +27,6 @@ describe('<NumberField.Input />', () => {
         <NumberFieldContext.Provider value={testContext}>{node}</NumberFieldContext.Provider>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('has textbox role', () => {

packages/mui-base/src/NumberField/ScrubArea/NumberFieldScrubArea.test.tsx

@@ -36,7 +36,6 @@ describe('<NumberField.ScrubArea />', () => {
         <NumberFieldContext.Provider value={testContext}>{node}</NumberFieldContext.Provider>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('has presentation role', () => {

packages/mui-base/src/NumberField/ScrubAreaCursor/NumberFieldScrubAreaCursor.test.tsx

@@ -34,7 +34,6 @@ describe('<NumberField.ScrubAreaCursor />', () => {
         <NumberFieldContext.Provider value={testContext}>{node}</NumberFieldContext.Provider>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('has presentation role', () => {

packages/mui-base/src/Popover/Arrow/PopoverArrow.test.tsx

@@ -18,6 +18,5 @@ describe('<Popover.Arrow />', () => {
         </Popover.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/Popover/Backdrop/PopoverBackdrop.test.tsx

@@ -16,6 +16,5 @@ describe('<Popover.Backdrop />', () => {
         </Popover.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });

packages/mui-base/src/Popover/Close/PopoverClose.test.tsx

@@ -20,7 +20,6 @@ describe('<Popover.Close />', () => {
         </Popover.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('should close popover when clicked', async () => {

packages/mui-base/src/Popover/Description/PopoverDescription.test.tsx

@@ -20,7 +20,6 @@ describe('<Popover.Description />', () => {
         </Popover.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('describes the popup element with its id', async () => {

packages/mui-base/src/Popover/Popup/PopoverPopup.test.tsx

@@ -18,7 +18,6 @@ describe('<Popover.Popup />', () => {
         </Popover.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 
   it('should render the children', async () => {

packages/mui-base/src/Popover/Positioner/PopoverPositioner.test.tsx

@@ -16,6 +16,5 @@ describe('<Popover.Positioner />', () => {
         </Popover.Root>,
       );
     },
-    skip: ['reactTestRenderer'],
   }));
 });