@mui/internal-test-utils 2.0.18-canary.3 → 2.0.18-canary.30

package/{esm/describeConformance.js → describeConformance.mjs}

@@ -1,12 +1,9 @@
 import { expect } from 'chai';
 import * as React from 'react';
 import { describe, it, afterAll, afterEach, beforeEach } from 'vitest';
-import createDescribe from "./createDescribe.js";
-import { isJsdom } from "./env.js";
+import createDescribe from "./createDescribe.mjs";
+import { isJsdom } from "./env.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function capitalize(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
 /**
  * Glossary
  * - root component:
@@ -197,8 +194,7 @@ function forEachSlot(slots, callback) {
 function testSlotsProp(element, getOptions) {
   const {
     render,
-    slots,
-    testLegacyComponentsProp
+    slots
   } = getOptions();
   const CustomComponent = /*#__PURE__*/React.forwardRef(({
     className,
@@ -260,107 +256,12 @@ function testSlotsProp(element, getOptions) {
         }
       });
     }
-
-    // For testing Material UI components v5, and v6. Likely to be removed in a future major release.
-    if (testLegacyComponentsProp === true || Array.isArray(testLegacyComponentsProp) && testLegacyComponentsProp.includes(slotName)) {
-      it(`allows overriding the ${slotName} slot with a component using the components.${capitalize(slotName)} prop`, async () => {
-        if (!render) {
-          throwMissingPropError('render');
-        }
-        const slotComponent = slotOptions.testWithComponent ?? CustomComponent;
-        const components = {
-          [capitalize(slotName)]: slotComponent
-        };
-        const {
-          queryByTestId
-        } = await render(/*#__PURE__*/React.cloneElement(element, {
-          components
-        }));
-        const renderedElement = queryByTestId('custom');
-        expect(renderedElement).not.to.equal(null);
-        if (slotOptions.expectedClassName) {
-          expect(renderedElement).to.have.class(slotOptions.expectedClassName);
-        }
-      });
-      it(`prioritizes the 'slots.${slotName}' over components.${capitalize(slotName)} if both are defined`, async () => {
-        if (!render) {
-          throwMissingPropError('render');
-        }
-        const ComponentForComponentsProp = /*#__PURE__*/React.forwardRef(({
-          children
-        }, ref) => {
-          const SlotComponent = slotOptions.testWithComponent ?? 'div';
-          return /*#__PURE__*/_jsx(SlotComponent, {
-            ref: ref,
-            "data-testid": "from-components",
-            children: children
-          });
-        });
-        if (process.env.NODE_ENV !== "production") ComponentForComponentsProp.displayName = "ComponentForComponentsProp";
-        const ComponentForSlotsProp = /*#__PURE__*/React.forwardRef(({
-          children
-        }, ref) => {
-          const SlotComponent = slotOptions.testWithComponent ?? 'div';
-          return /*#__PURE__*/_jsx(SlotComponent, {
-            ref: ref,
-            "data-testid": "from-slots",
-            children: children
-          });
-        });
-        if (process.env.NODE_ENV !== "production") ComponentForSlotsProp.displayName = "ComponentForSlotsProp";
-        const components = {
-          [capitalize(slotName)]: ComponentForComponentsProp
-        };
-        const slotOverrides = {
-          [slotName]: ComponentForSlotsProp
-        };
-        const {
-          queryByTestId
-        } = await render(/*#__PURE__*/React.cloneElement(element, {
-          components,
-          slots: slotOverrides
-        }));
-        expect(queryByTestId('from-slots')).not.to.equal(null);
-        expect(queryByTestId('from-components')).to.equal(null);
-      });
-      if (slotOptions.testWithElement !== null) {
-        it(`allows overriding the ${slotName} slot with an element using the components.${capitalize(slotName)} prop`, async () => {
-          if (!render) {
-            throwMissingPropError('render');
-          }
-          const slotElement = slotOptions.testWithElement ?? 'i';
-          const components = {
-            [capitalize(slotName)]: slotElement
-          };
-          const componentsProps = {
-            [slotName]: {
-              'data-testid': 'customized'
-            }
-          };
-          const {
-            queryByTestId
-          } = await render(/*#__PURE__*/React.cloneElement(element, {
-            components,
-            componentsProps
-          }));
-          const renderedElement = queryByTestId('customized');
-          expect(renderedElement).not.to.equal(null);
-          if (typeof slotElement === 'string') {
-            expect(renderedElement.nodeName.toLowerCase()).to.equal(slotElement);
-          }
-          if (slotOptions.expectedClassName) {
-            expect(renderedElement).to.have.class(slotOptions.expectedClassName);
-          }
-        });
-      }
-    }
   });
 }
 function testSlotPropsProp(element, getOptions) {
   const {
     render,
-    slots,
-    testLegacyComponentsProp
+    slots
   } = getOptions();
   if (!render) {
     throwMissingPropError('render');
@@ -400,48 +301,6 @@ function testSlotPropsProp(element, getOptions) {
         expect(getByTestId('custom')).to.have.class(slotProps[slotName].className);
       });
     }
-    if (testLegacyComponentsProp === true || Array.isArray(testLegacyComponentsProp) && testLegacyComponentsProp.includes(slotName)) {
-      it(`sets custom properties on the ${slotName} slot's element with the componentsProps.${slotName} prop`, async () => {
-        const componentsProps = {
-          [slotName]: {
-            'data-testid': 'custom'
-          }
-        };
-        const {
-          queryByTestId
-        } = await render(/*#__PURE__*/React.cloneElement(element, {
-          componentsProps
-        }));
-        const slotComponent = queryByTestId('custom');
-        expect(slotComponent).not.to.equal(null);
-        if (slotOptions.expectedClassName) {
-          expect(slotComponent).to.have.class(slotOptions.expectedClassName);
-        }
-      });
-      it(`prioritizes the 'slotProps.${slotName}' over componentsProps.${slotName} if both are defined`, async () => {
-        const componentsProps = {
-          [slotName]: {
-            'data-testid': 'custom',
-            'data-from-components-props': 'true'
-          }
-        };
-        const slotProps = {
-          [slotName]: {
-            'data-testid': 'custom',
-            'data-from-slot-props': 'true'
-          }
-        };
-        const {
-          queryByTestId
-        } = await render(/*#__PURE__*/React.cloneElement(element, {
-          componentsProps,
-          slotProps
-        }));
-        const slotComponent = queryByTestId('custom');
-        expect(slotComponent).to.have.attribute('data-from-slot-props', 'true');
-        expect(slotComponent).not.to.have.attribute('data-from-components-props');
-      });
-    }
   });
 }
 function testSlotPropsCallback(element, getOptions) {
@@ -499,35 +358,6 @@ function testSlotPropsCallbackWithPropsAsOwnerState(element, getOptions) {
   });
 }
 
-/**
- * MUI components have a `components` prop that allows rendering a different
- * Components from @inheritComponent
- */
-function testComponentsProp(element, getOptions) {
-  describe('prop components:', () => {
-    it('can render another root component with the `components` prop', async () => {
-      const {
-        render,
-        testComponentsRootPropWith: component = 'em'
-      } = getOptions();
-      if (!render) {
-        throwMissingPropError('render');
-      }
-      const testId = randomStringValue();
-      const {
-        getByTestId
-      } = await render(/*#__PURE__*/React.cloneElement(element, {
-        components: {
-          Root: component
-        },
-        'data-testid': testId
-      }));
-      expect(getByTestId(testId)).not.to.equal(null);
-      expect(getByTestId(testId).nodeName.toLowerCase()).to.eq(component);
-    });
-  });
-}
-
 /**
  * MUI theme has a components section that allows specifying default props.
  * Components from @inheritComponent
@@ -963,7 +793,6 @@ function testThemeCustomPalette(element, getOptions) {
 }
 const fullSuite = {
   componentProp: testComponentProp,
-  componentsProp: testComponentsProp,
   mergeClassName: testClassName,
   propsSpread: testPropsSpread,
   refForwarding: describeRef,

package/{esm/flushMicrotasks.js → flushMicrotasks.mjs}

@@ -1,4 +1,4 @@
-import { act } from "./createRenderer.js";
+import { act } from "./createRenderer.mjs";
 export async function flushMicrotasks() {
   await act(async () => {});
 }

package/{esm/focusVisible.js → focusVisible.mjs}

@@ -1,4 +1,4 @@
-import { act, fireEvent } from "./createRenderer.js";
+import { act, fireEvent } from "./createRenderer.mjs";
 export default function focusVisible(element) {
   act(() => {
     element.blur();

package/index.d.mts

@@ -0,0 +1,11 @@
+import "./initMatchers.mjs";
+export * from "./components.mjs";
+export { default as describeConformance } from "./describeConformance.mjs";
+export * from "./describeConformance.mjs";
+export { default as createDescribe } from "./createDescribe.mjs";
+export * from "./createRenderer.mjs";
+export { default as focusVisible, simulatePointerDevice, simulateKeyboardDevice, programmaticFocusTriggersFocusVisible } from "./focusVisible.mjs";
+export { fireEvent as fireDiscreteEvent } from '@testing-library/react/pure.js';
+export { flushMicrotasks } from "./flushMicrotasks.mjs";
+export * from "./env.mjs";
+export { ignoreActWarnings } from "./ignoreActWarnings.mjs";

package/index.js

@@ -1,8 +1,8 @@
 /**
  * @mui/internal-test-utils v2.0.17
  *
- * @license undefined
- * This source code is licensed under the undefined license found in the
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 "use strict";

package/index.mjs

@@ -0,0 +1,19 @@
+/**
+ * @mui/internal-test-utils v2.0.17
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import "./initMatchers.mjs";
+export * from "./components.mjs";
+export { default as describeConformance } from "./describeConformance.mjs";
+export * from "./describeConformance.mjs";
+export { default as createDescribe } from "./createDescribe.mjs";
+export * from "./createRenderer.mjs";
+export { default as focusVisible, simulatePointerDevice, simulateKeyboardDevice, programmaticFocusTriggersFocusVisible } from "./focusVisible.mjs";
+// eslint-disable-next-line import/extensions
+export { fireEvent as fireDiscreteEvent } from '@testing-library/react/pure.js';
+export { flushMicrotasks } from "./flushMicrotasks.mjs";
+export * from "./env.mjs";
+export { ignoreActWarnings } from "./ignoreActWarnings.mjs";

package/initMatchers.d.mts

@@ -0,0 +1,5 @@
+import * as chai from 'chai';
+import chaiDom from 'chai-dom';
+import "./chaiTypes.mjs";
+import chaiPlugin from "./chaiPlugin.mjs";
+export { chai, chaiDom, chaiPlugin };

package/{esm/initMatchers.js → initMatchers.mjs}

@@ -1,7 +1,7 @@
 import * as chai from 'chai';
 import chaiDom from 'chai-dom';
-import "./chaiTypes.js";
-import chaiPlugin from "./chaiPlugin.js";
+import "./chaiTypes.mjs";
+import chaiPlugin from "./chaiPlugin.mjs";
 chai.use(chaiDom);
 chai.use(chaiPlugin);
 

package/{esm/initPlaywrightMatchers.d.ts → initPlaywrightMatchers.d.mts}

@@ -1,4 +1,4 @@
-import * as DomTestingLibrary from '@testing-library/dom';
+import type * as DomTestingLibrary from '@testing-library/dom';
 declare global {
   namespace Chai {
     interface Assertion {

package/initPlaywrightMatchers.d.ts

@@ -1,4 +1,4 @@
-import * as DomTestingLibrary from '@testing-library/dom';
+import type * as DomTestingLibrary from '@testing-library/dom';
 declare global {
   namespace Chai {
     interface Assertion {

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@mui/internal-test-utils",
-  "version": "2.0.18-canary.3",
+  "version": "2.0.18-canary.30",
   "author": "MUI Team",
   "description": "Utilities for MUI tests. This is an internal package not meant for general use.",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mui/mui-public.git",
@@ -10,18 +11,16 @@
   },
   "dependencies": {
     "@types/chai-dom": "^1.11.3",
-    "@babel/runtime": "^7.28.4",
+    "@babel/runtime": "^7.29.7",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "assertion-error": "^2.0.1",
     "chai-dom": "^1.12.1",
     "dom-accessibility-api": "^0.7.1",
-    "es-toolkit": "^1.43.0",
+    "es-toolkit": "^1.49.0",
     "format-util": "^1.0.5",
-    "jsdom": "^27.4.0",
     "prop-types": "^15.8.1",
-    "sinon": "^21.0.1",
     "vitest-fail-on-console": "^0.10.1"
   },
   "peerDependencies": {
@@ -44,91 +43,122 @@
     "access": "public"
   },
   "type": "commonjs",
-  "main": "./index.js",
-  "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
       "require": {
         "types": "./index.d.ts",
         "default": "./index.js"
       },
       "default": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
       }
     },
     "./createDescribe": {
+      "import": {
+        "types": "./createDescribe.d.mts",
+        "default": "./createDescribe.mjs"
+      },
       "require": {
         "types": "./createDescribe.d.ts",
         "default": "./createDescribe.js"
       },
       "default": {
-        "types": "./esm/createDescribe.d.ts",
-        "default": "./esm/createDescribe.js"
+        "types": "./createDescribe.d.mts",
+        "default": "./createDescribe.mjs"
       }
     },
     "./createRenderer": {
+      "import": {
+        "types": "./createRenderer.d.mts",
+        "default": "./createRenderer.mjs"
+      },
       "require": {
         "types": "./createRenderer.d.ts",
         "default": "./createRenderer.js"
       },
       "default": {
-        "types": "./esm/createRenderer.d.ts",
-        "default": "./esm/createRenderer.js"
+        "types": "./createRenderer.d.mts",
+        "default": "./createRenderer.mjs"
       }
     },
     "./initMatchers": {
+      "import": {
+        "types": "./initMatchers.d.mts",
+        "default": "./initMatchers.mjs"
+      },
       "require": {
         "types": "./initMatchers.d.ts",
         "default": "./initMatchers.js"
       },
       "default": {
-        "types": "./esm/initMatchers.d.ts",
-        "default": "./esm/initMatchers.js"
+        "types": "./initMatchers.d.mts",
+        "default": "./initMatchers.mjs"
       }
     },
     "./env": {
+      "import": {
+        "types": "./env.d.mts",
+        "default": "./env.mjs"
+      },
       "require": {
         "types": "./env.d.ts",
         "default": "./env.js"
       },
       "default": {
-        "types": "./esm/env.d.ts",
-        "default": "./esm/env.js"
+        "types": "./env.d.mts",
+        "default": "./env.mjs"
       }
     },
     "./initPlaywrightMatchers": {
+      "import": {
+        "types": "./initPlaywrightMatchers.d.mts",
+        "default": "./initPlaywrightMatchers.mjs"
+      },
       "require": {
         "types": "./initPlaywrightMatchers.d.ts",
         "default": "./initPlaywrightMatchers.js"
       },
       "default": {
-        "types": "./esm/initPlaywrightMatchers.d.ts",
-        "default": "./esm/initPlaywrightMatchers.js"
+        "types": "./initPlaywrightMatchers.d.mts",
+        "default": "./initPlaywrightMatchers.mjs"
       }
     },
     "./chaiPlugin": {
+      "import": {
+        "types": "./chaiPlugin.d.mts",
+        "default": "./chaiPlugin.mjs"
+      },
       "require": {
         "types": "./chaiPlugin.d.ts",
         "default": "./chaiPlugin.js"
       },
       "default": {
-        "types": "./esm/chaiPlugin.d.ts",
-        "default": "./esm/chaiPlugin.js"
+        "types": "./chaiPlugin.d.mts",
+        "default": "./chaiPlugin.mjs"
       }
     },
     "./setupVitest": {
+      "import": {
+        "types": "./setupVitest.d.mts",
+        "default": "./setupVitest.mjs"
+      },
       "require": {
         "types": "./setupVitest.d.ts",
         "default": "./setupVitest.js"
       },
       "default": {
-        "types": "./esm/setupVitest.d.ts",
-        "default": "./esm/setupVitest.js"
+        "types": "./setupVitest.d.mts",
+        "default": "./setupVitest.mjs"
       }
-    },
-    "./esm": null
+    }
   },
-  "gitSha": "2cce44e9da123b708fb35e4f1ec29be8dd58bfb5"
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "gitSha": "9590da6ae303c6afa7e67aebb6bc46232fac164e"
 }

package/{esm/setupVitest.d.ts → setupVitest.d.mts}

@@ -1,5 +1,5 @@
-import "./chaiTypes.js";
-import { Configuration } from "./configure.js";
+import "./chaiTypes.mjs";
+import type { Configuration } from "./configure.mjs";
 export default function setupVitest({
   failOnConsoleEnabled,
   ...config

package/setupVitest.d.ts

@@ -1,5 +1,5 @@
 import "./chaiTypes.js";
-import { Configuration } from "./configure.js";
+import type { Configuration } from "./configure.js";
 export default function setupVitest({
   failOnConsoleEnabled,
   ...config

package/setupVitest.js

@@ -36,15 +36,6 @@ function setupVitest({
     _vitest.vi.useRealTimers();
     (0, _pure.cleanup)();
   });
-  if (isInitialized) {
-    return;
-  }
-  (0, _configure.configure)(config);
-  isInitialized = true;
-
-  // Don't call test lifecycle hooks after this point
-
-  chai.use(_chaiPlugin.default);
   if (failOnConsoleEnabled) {
     (0, _vitestFailOnConsole.default)({
       silenceMessage: message => {
@@ -56,13 +47,13 @@ function setupVitest({
         }
         if (message.includes('Warning: useLayoutEffect does nothing on the server')) {
           // Controversial warning that is commonly ignored by switching to `useEffect` on the server.
-          // https://github.com/facebook/react/issues/14927
+          // https://github.com/react/react/issues/14927
           // However, this switch doesn't work since it relies on environment sniffing and we test SSR in a browser environment.
           return true;
         }
 
         // Unclear why this is an issue for the current occurrences of this warning.
-        // TODO: Revisit once https://github.com/facebook/react/issues/22796 is resolved
+        // TODO: Revisit once https://github.com/react/react/issues/22796 is resolved
         if (message.includes('Detected multiple renderers concurrently rendering the same context provider.')) {
           return true;
         }
@@ -70,6 +61,17 @@ function setupVitest({
       }
     });
   }
+
+  // Don't call test lifecycle hooks (afterEach/afterAll/beforeEach/beforeAll/...) after this point
+  // Make sure none of (transitive) dependencies call lifecycle hooks either, otherwise they won't be
+  // registered and thus won't run when using `--no-isolate --no-file-parallelism`.
+
+  if (isInitialized) {
+    return;
+  }
+  isInitialized = true;
+  (0, _configure.configure)(config);
+  chai.use(_chaiPlugin.default);
   if (typeof window !== 'undefined') {
     chai.use(_chaiDom.default);
 

package/{esm/setupVitest.js → setupVitest.mjs}

@@ -1,12 +1,12 @@
 import failOnConsole from 'vitest-fail-on-console';
 import * as chai from 'chai';
-import "./chaiTypes.js";
+import "./chaiTypes.mjs";
 // eslint-disable-next-line import/extensions
 import { cleanup, act } from '@testing-library/react/pure.js';
 import { afterEach, vi } from 'vitest';
 import chaiDom from 'chai-dom';
-import chaiPlugin from "./chaiPlugin.js";
-import { configure } from "./configure.js";
+import chaiPlugin from "./chaiPlugin.mjs";
+import { configure } from "./configure.mjs";
 let isInitialized = false;
 export default function setupVitest({
   failOnConsoleEnabled = true,
@@ -27,15 +27,6 @@ export default function setupVitest({
     vi.useRealTimers();
     cleanup();
   });
-  if (isInitialized) {
-    return;
-  }
-  configure(config);
-  isInitialized = true;
-
-  // Don't call test lifecycle hooks after this point
-
-  chai.use(chaiPlugin);
   if (failOnConsoleEnabled) {
     failOnConsole({
       silenceMessage: message => {
@@ -47,13 +38,13 @@ export default function setupVitest({
         }
         if (message.includes('Warning: useLayoutEffect does nothing on the server')) {
           // Controversial warning that is commonly ignored by switching to `useEffect` on the server.
-          // https://github.com/facebook/react/issues/14927
+          // https://github.com/react/react/issues/14927
           // However, this switch doesn't work since it relies on environment sniffing and we test SSR in a browser environment.
           return true;
         }
 
         // Unclear why this is an issue for the current occurrences of this warning.
-        // TODO: Revisit once https://github.com/facebook/react/issues/22796 is resolved
+        // TODO: Revisit once https://github.com/react/react/issues/22796 is resolved
         if (message.includes('Detected multiple renderers concurrently rendering the same context provider.')) {
           return true;
         }
@@ -61,6 +52,17 @@ export default function setupVitest({
       }
     });
   }
+
+  // Don't call test lifecycle hooks (afterEach/afterAll/beforeEach/beforeAll/...) after this point
+  // Make sure none of (transitive) dependencies call lifecycle hooks either, otherwise they won't be
+  // registered and thus won't run when using `--no-isolate --no-file-parallelism`.
+
+  if (isInitialized) {
+    return;
+  }
+  isInitialized = true;
+  configure(config);
+  chai.use(chaiPlugin);
   if (typeof window !== 'undefined') {
     chai.use(chaiDom);
 

package/esm/chaiPlugin.d.ts

@@ -1,3 +0,0 @@
-import * as chai from 'chai';
-declare const chaiPlugin: Parameters<typeof chai.use>[0];
-export default chaiPlugin;

package/esm/index.d.ts

@@ -1,11 +0,0 @@
-import "./initMatchers.js";
-export * from "./components.js";
-export { default as describeConformance } from "./describeConformance.js";
-export * from "./describeConformance.js";
-export { default as createDescribe } from "./createDescribe.js";
-export * from "./createRenderer.js";
-export { default as focusVisible, simulatePointerDevice, simulateKeyboardDevice, programmaticFocusTriggersFocusVisible } from "./focusVisible.js";
-export { fireEvent as fireDiscreteEvent } from '@testing-library/react/pure.js';
-export { flushMicrotasks } from "./flushMicrotasks.js";
-export * from "./env.js";
-export { ignoreActWarnings } from "./ignoreActWarnings.js";

package/esm/index.js

@@ -1,19 +0,0 @@
-/**
- * @mui/internal-test-utils v2.0.17
- *
- * @license undefined
- * This source code is licensed under the undefined license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import "./initMatchers.js";
-export * from "./components.js";
-export { default as describeConformance } from "./describeConformance.js";
-export * from "./describeConformance.js";
-export { default as createDescribe } from "./createDescribe.js";
-export * from "./createRenderer.js";
-export { default as focusVisible, simulatePointerDevice, simulateKeyboardDevice, programmaticFocusTriggersFocusVisible } from "./focusVisible.js";
-// eslint-disable-next-line import/extensions
-export { fireEvent as fireDiscreteEvent } from '@testing-library/react/pure.js';
-export { flushMicrotasks } from "./flushMicrotasks.js";
-export * from "./env.js";
-export { ignoreActWarnings } from "./ignoreActWarnings.js";

package/esm/initMatchers.d.ts

@@ -1,5 +0,0 @@
-import * as chai from 'chai';
-import chaiDom from 'chai-dom';
-import "./chaiTypes.js";
-import chaiPlugin from "./chaiPlugin.js";
-export { chai, chaiDom, chaiPlugin };