@mui/internal-test-utils 2.0.18-canary.15 → 2.0.18-canary.17

package/describeConformance.d.mts

@@ -59,7 +59,6 @@ export interface ConformanceOptions {
   };
   testCustomVariant?: boolean;
   testVariantProps?: object;
-  testLegacyComponentsProp?: boolean | string[];
   slots?: Record<string, SlotTestingOptions>;
   ThemeProvider?: React.ElementType;
   /**
@@ -123,20 +122,11 @@ declare function testSlotsProp(element: React.ReactElement<{
       children: React.ReactNode;
     } & React.RefAttributes<HTMLDivElement>>;
   };
-  components?: {
-    [x: string]: SlotTestingOptions['testWithComponent'] | keyof React.JSX.IntrinsicElements | React.ForwardRefExoticComponent<{
-      children: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement>>;
-  };
   slotProps: {
     [x: string]: DataProps;
   };
-  componentsProps?: {
-    [x: string]: DataProps;
-  };
 }>, getOptions: () => ConformanceOptions): void;
 declare function testSlotPropsProp(element: React.ReactElement<{
-  componentsProps?: Record<string, DataProps>;
   slotProps: Record<string, DataProps>;
 }>, getOptions: () => ConformanceOptions): void;
 declare function testSlotPropsCallback(element: React.ReactElement<{
@@ -147,13 +137,6 @@ declare function testSlotPropsCallbackWithPropsAsOwnerState(element: React.React
   slotProps: Record<string, (ownerState: Record<string, any>) => DataProps>;
   className: string;
 }>, getOptions: () => ConformanceOptions): void;
-/**
- * MUI components have a `components` prop that allows rendering a different
- * Components from @inheritComponent
- */
-declare function testComponentsProp(element: React.ReactElement<{
-  components?: Record<string, string>;
-} & DataProps>, getOptions: () => ConformanceOptions): void;
 /**
  * MUI theme has a components section that allows specifying default props.
  * Components from @inheritComponent
@@ -178,7 +161,6 @@ declare function testThemeVariants(element: React.ReactElement<DataProps & {
 declare function testThemeCustomPalette(element: React.ReactElement<unknown>, getOptions: () => ConformanceOptions): void;
 declare const fullSuite: {
   componentProp: typeof testComponentProp;
-  componentsProp: typeof testComponentsProp;
   mergeClassName: typeof testClassName;
   propsSpread: typeof testPropsSpread;
   refForwarding: typeof describeRef;

package/describeConformance.d.ts

@@ -59,7 +59,6 @@ export interface ConformanceOptions {
   };
   testCustomVariant?: boolean;
   testVariantProps?: object;
-  testLegacyComponentsProp?: boolean | string[];
   slots?: Record<string, SlotTestingOptions>;
   ThemeProvider?: React.ElementType;
   /**
@@ -123,20 +122,11 @@ declare function testSlotsProp(element: React.ReactElement<{
       children: React.ReactNode;
     } & React.RefAttributes<HTMLDivElement>>;
   };
-  components?: {
-    [x: string]: SlotTestingOptions['testWithComponent'] | keyof React.JSX.IntrinsicElements | React.ForwardRefExoticComponent<{
-      children: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement>>;
-  };
   slotProps: {
     [x: string]: DataProps;
   };
-  componentsProps?: {
-    [x: string]: DataProps;
-  };
 }>, getOptions: () => ConformanceOptions): void;
 declare function testSlotPropsProp(element: React.ReactElement<{
-  componentsProps?: Record<string, DataProps>;
   slotProps: Record<string, DataProps>;
 }>, getOptions: () => ConformanceOptions): void;
 declare function testSlotPropsCallback(element: React.ReactElement<{
@@ -147,13 +137,6 @@ declare function testSlotPropsCallbackWithPropsAsOwnerState(element: React.React
   slotProps: Record<string, (ownerState: Record<string, any>) => DataProps>;
   className: string;
 }>, getOptions: () => ConformanceOptions): void;
-/**
- * MUI components have a `components` prop that allows rendering a different
- * Components from @inheritComponent
- */
-declare function testComponentsProp(element: React.ReactElement<{
-  components?: Record<string, string>;
-} & DataProps>, getOptions: () => ConformanceOptions): void;
 /**
  * MUI theme has a components section that allows specifying default props.
  * Components from @inheritComponent
@@ -178,7 +161,6 @@ declare function testThemeVariants(element: React.ReactElement<DataProps & {
 declare function testThemeCustomPalette(element: React.ReactElement<unknown>, getOptions: () => ConformanceOptions): void;
 declare const fullSuite: {
   componentProp: typeof testComponentProp;
-  componentsProp: typeof testComponentsProp;
   mergeClassName: typeof testClassName;
   propsSpread: typeof testPropsSpread;
   refForwarding: typeof describeRef;

package/describeConformance.js

@@ -18,9 +18,6 @@ var _vitest = require("vitest");
 var _createDescribe = _interopRequireDefault(require("./createDescribe"));
 var _env = require("./env");
 var _jsxRuntime = require("react/jsx-runtime");
-function capitalize(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
 /**
  * Glossary
  * - root component:
@@ -211,8 +208,7 @@ function forEachSlot(slots, callback) {
 function testSlotsProp(element, getOptions) {
   const {
     render,
-    slots,
-    testLegacyComponentsProp
+    slots
   } = getOptions();
   const CustomComponent = /*#__PURE__*/React.forwardRef(({
     className,
@@ -274,107 +270,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)) {
-      (0, _vitest.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');
-        (0, _chai.expect)(renderedElement).not.to.equal(null);
-        if (slotOptions.expectedClassName) {
-          (0, _chai.expect)(renderedElement).to.have.class(slotOptions.expectedClassName);
-        }
-      });
-      (0, _vitest.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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.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
-        }));
-        (0, _chai.expect)(queryByTestId('from-slots')).not.to.equal(null);
-        (0, _chai.expect)(queryByTestId('from-components')).to.equal(null);
-      });
-      if (slotOptions.testWithElement !== null) {
-        (0, _vitest.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');
-          (0, _chai.expect)(renderedElement).not.to.equal(null);
-          if (typeof slotElement === 'string') {
-            (0, _chai.expect)(renderedElement.nodeName.toLowerCase()).to.equal(slotElement);
-          }
-          if (slotOptions.expectedClassName) {
-            (0, _chai.expect)(renderedElement).to.have.class(slotOptions.expectedClassName);
-          }
-        });
-      }
-    }
   });
 }
 function testSlotPropsProp(element, getOptions) {
   const {
     render,
-    slots,
-    testLegacyComponentsProp
+    slots
   } = getOptions();
   if (!render) {
     throwMissingPropError('render');
@@ -414,48 +315,6 @@ function testSlotPropsProp(element, getOptions) {
         (0, _chai.expect)(getByTestId('custom')).to.have.class(slotProps[slotName].className);
       });
     }
-    if (testLegacyComponentsProp === true || Array.isArray(testLegacyComponentsProp) && testLegacyComponentsProp.includes(slotName)) {
-      (0, _vitest.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');
-        (0, _chai.expect)(slotComponent).not.to.equal(null);
-        if (slotOptions.expectedClassName) {
-          (0, _chai.expect)(slotComponent).to.have.class(slotOptions.expectedClassName);
-        }
-      });
-      (0, _vitest.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');
-        (0, _chai.expect)(slotComponent).to.have.attribute('data-from-slot-props', 'true');
-        (0, _chai.expect)(slotComponent).not.to.have.attribute('data-from-components-props');
-      });
-    }
   });
 }
 function testSlotPropsCallback(element, getOptions) {
@@ -513,35 +372,6 @@ function testSlotPropsCallbackWithPropsAsOwnerState(element, getOptions) {
   });
 }
 
-/**
- * MUI components have a `components` prop that allows rendering a different
- * Components from @inheritComponent
- */
-function testComponentsProp(element, getOptions) {
-  (0, _vitest.describe)('prop components:', () => {
-    (0, _vitest.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
-      }));
-      (0, _chai.expect)(getByTestId(testId)).not.to.equal(null);
-      (0, _chai.expect)(getByTestId(testId).nodeName.toLowerCase()).to.eq(component);
-    });
-  });
-}
-
 /**
  * MUI theme has a components section that allows specifying default props.
  * Components from @inheritComponent
@@ -977,7 +807,6 @@ function testThemeCustomPalette(element, getOptions) {
 }
 const fullSuite = {
   componentProp: testComponentProp,
-  componentsProp: testComponentsProp,
   mergeClassName: testClassName,
   propsSpread: testPropsSpread,
   refForwarding: describeRef,

package/describeConformance.mjs

@@ -4,9 +4,6 @@ import { describe, it, afterAll, afterEach, beforeEach } from 'vitest';
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-test-utils",
-  "version": "2.0.18-canary.15",
+  "version": "2.0.18-canary.17",
   "author": "MUI Team",
   "description": "Utilities for MUI tests. This is an internal package not meant for general use.",
   "repository": {
@@ -19,7 +19,6 @@
     "dom-accessibility-api": "^0.7.1",
     "es-toolkit": "^1.45.1",
     "format-util": "^1.0.5",
-    "jsdom": "^28.1.0",
     "prop-types": "^15.8.1",
     "vitest-fail-on-console": "^0.10.1"
   },
@@ -160,5 +159,5 @@
   },
   "main": "./index.js",
   "types": "./index.d.ts",
-  "gitSha": "c74ccaf59b03596a384bffd60cf3588965a258da"
+  "gitSha": "530ec94f97bfe64ae018a9fd8ff0c326cbd61298"
 }