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

package/LICENSE

@@ -1,4 +1,4 @@
-The MIT License (MIT)
+MIT License
 
 Copyright (c) 2019 Material-UI SAS
 

package/README.md

@@ -1,6 +1,6 @@
 # MUI Public
 
-Mono-repository for the MUI organization with code that can be public.
+Mono-repository for the MUI organization with code that can be public.\
 See https://github.com/mui/mui-private for code that needs to be private.
 
 ## Documentation
@@ -9,31 +9,32 @@ You can [read the Infra documentation here](./docs/README.md).
 
 ## Applications
 
-### [tools-public.mui.com](https://tools-public.mui.com/)
-
-- Folder: `/apps/tools-public/`
-- Hosting: https://dashboard.render.com/web/srv-d08mooq4d50c73fso49g
-- [Docs](./apps/tools-public/#readme)
-
-Internal public Toolpad apps that run the operations of MUI, built using https://github.com/mui/toolpad.
-
-### [Code infra dashboard](https://frontend-public.mui.com/)
+### Frontend Public
 
 - URL: [frontend-public.mui.com](https://frontend-public.mui.com/)
-- Folder: `/apps/code-infra-dashboard/`
-- Hosting: https://app.netlify.com/sites/mui-frontend-public/overview
+- Source: `/apps/code-infra-dashboard/`
+- Hosting: https://dashboard.render.com/web/srv-d5fq2j0gjchc73e9st5g
 - [Docs](./apps/code-infra-dashboard/#readme)
 
+### MUI Internal
+
+- URL: [mui-internal.netlify.app](https://mui-internal.netlify.app)
+- Source: `/docs/`
+- Hosting: https://app.netlify.com/projects/mui-internal/overview
+- [Docs](./docs/#readme)
+- Website for MUI internal packages, e.g. hosts docs-infra.
+  This is equivalent to https://backoffice.mui.com/ but for public logic.
+
 ## Packages
 
 ### [docs-infra](./packages/docs-infra/)
 
-- Folder: `/packages/docs-infra/`
+- Source: `/packages/docs-infra/`
 - [Docs](./packages/docs-infra/README.md)
 
 ### [code-infra](./packages/code-infra/)
 
-- Folder: `/packages/code-infra/`
+- Source: `/packages/code-infra/`
 - [Docs](./packages/code-infra/README.md)
 
 ## Versioning

package/chaiPlugin.d.mts

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

package/chaiPlugin.d.ts

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

package/chaiPlugin.js

@@ -231,7 +231,7 @@ const chaiPlugin = (chaiAPI, utils) => {
           // unexpected thrown error takes precedence over unexpected console call
           if (caughtError !== null) {
             // not the same pattern as described in the block because we don't rethrow in the catch
-            // eslint-disable-next-line no-unsafe-finally
+            // eslint-disable-next-line no-unsafe-finally, mui/no-guarded-throw
             throw caughtError;
           }
           const formatMessages = messages => {

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

@@ -5,7 +5,7 @@ import { computeAccessibleDescription, computeAccessibleName } from 'dom-accessi
 import formatUtil from 'format-util';
 import { kebabCase } from 'es-toolkit/string';
 import { AssertionError } from 'assertion-error';
-import { isJsdom } from "./env.js";
+import { isJsdom } from "./env.mjs";
 
 // chai#utils.elToString that looks like stringified elements in testing-library
 function elementToString(element) {
@@ -224,7 +224,7 @@ const chaiPlugin = (chaiAPI, utils) => {
           // unexpected thrown error takes precedence over unexpected console call
           if (caughtError !== null) {
             // not the same pattern as described in the block because we don't rethrow in the catch
-            // eslint-disable-next-line no-unsafe-finally
+            // eslint-disable-next-line no-unsafe-finally, mui/no-guarded-throw
             throw caughtError;
           }
           const formatMessages = messages => {

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

@@ -1,8 +1,9 @@
-import { queries, RenderResult, fireEvent as rtlFireEvent, Screen, RenderOptions as TestingLibraryRenderOptions } from '@testing-library/react/pure.js';
+import { queries, fireEvent as rtlFireEvent } from '@testing-library/react/pure.js';
+import type { RenderResult, Screen, RenderOptions as TestingLibraryRenderOptions } from '@testing-library/react/pure.js';
 import { userEvent } from '@testing-library/user-event';
 import * as React from 'react';
-import { useFakeTimers } from 'sinon';
-import { flushMicrotasks } from "./flushMicrotasks.js";
+import { vi } from 'vitest';
+import { flushMicrotasks } from "./flushMicrotasks.mjs";
 declare function queryAllDescriptionsOf(baseElement: HTMLElement, element: Element): HTMLElement[];
 declare const customQueries: {
   queryDescriptionOf: import("@testing-library/dom").QueryBy<[Element]>;
@@ -88,7 +89,7 @@ export interface Clock {
   restore(): void;
 }
 export type ClockConfig = undefined | number | Date;
-declare function createClock(defaultMode: 'fake' | 'real', config: ClockConfig, options: Exclude<Parameters<typeof useFakeTimers>[0], number | Date>): Clock;
+declare function createClock(defaultMode: 'fake' | 'real', config: ClockConfig, options: Exclude<Parameters<typeof vi.useFakeTimers>[0], number | Date>): Clock;
 export interface Renderer {
   clock: Clock;
   render(element: React.ReactElement<DataAttributes>, options?: RenderOptions): MuiRenderResult;
@@ -160,12 +161,6 @@ declare const bodyBoundQueries: {
   findByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<queries.FindByBoundAttribute<T>>;
   findAllByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<queries.FindAllByBoundAttribute<T>>;
 } & {
-  queryDescriptionOf: (args_0: Element) => HTMLElement | null;
-  queryAllDescriptionsOf: (element: Element) => HTMLElement[];
-  getDescriptionOf: (args_0: Element) => HTMLElement;
-  getAllDescriptionsOf: (args_0: Element) => HTMLElement[];
-  findDescriptionOf: (args_0: Element, args_1?: undefined, args_2?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
-  findAllDescriptionsOf: (args_0: Element, args_1?: undefined, args_2?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
   getByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement;
   getAllByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[];
   queryByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement | null;
@@ -214,6 +209,12 @@ declare const bodyBoundQueries: {
   queryAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
   findByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
   findAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+  queryDescriptionOf: (args_0: Element) => HTMLElement | null;
+  queryAllDescriptionsOf: (element: Element) => HTMLElement[];
+  getDescriptionOf: (args_0: Element) => HTMLElement;
+  getAllDescriptionsOf: (args_0: Element) => HTMLElement[];
+  findDescriptionOf: (args_0: Element, args_1?: undefined, args_2?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+  findAllDescriptionsOf: (args_0: Element, args_1?: undefined, args_2?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
 };
 export { configure, render, renderHook, waitFor, within, cleanup, createEvent, type RenderHookResult, type EventType } from '@testing-library/react/pure.js';
 export { act, fireEvent };

package/createRenderer.d.ts

@@ -1,7 +1,8 @@
-import { queries, RenderResult, fireEvent as rtlFireEvent, Screen, RenderOptions as TestingLibraryRenderOptions } from '@testing-library/react/pure.js';
+import { queries, fireEvent as rtlFireEvent } from '@testing-library/react/pure.js';
+import type { RenderResult, Screen, RenderOptions as TestingLibraryRenderOptions } from '@testing-library/react/pure.js';
 import { userEvent } from '@testing-library/user-event';
 import * as React from 'react';
-import { useFakeTimers } from 'sinon';
+import { vi } from 'vitest';
 import { flushMicrotasks } from "./flushMicrotasks.js";
 declare function queryAllDescriptionsOf(baseElement: HTMLElement, element: Element): HTMLElement[];
 declare const customQueries: {
@@ -88,7 +89,7 @@ export interface Clock {
   restore(): void;
 }
 export type ClockConfig = undefined | number | Date;
-declare function createClock(defaultMode: 'fake' | 'real', config: ClockConfig, options: Exclude<Parameters<typeof useFakeTimers>[0], number | Date>): Clock;
+declare function createClock(defaultMode: 'fake' | 'real', config: ClockConfig, options: Exclude<Parameters<typeof vi.useFakeTimers>[0], number | Date>): Clock;
 export interface Renderer {
   clock: Clock;
   render(element: React.ReactElement<DataAttributes>, options?: RenderOptions): MuiRenderResult;
@@ -160,12 +161,6 @@ declare const bodyBoundQueries: {
   findByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<queries.FindByBoundAttribute<T>>;
   findAllByTestId<T extends HTMLElement = HTMLElement>(id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined): ReturnType<queries.FindAllByBoundAttribute<T>>;
 } & {
-  queryDescriptionOf: (args_0: Element) => HTMLElement | null;
-  queryAllDescriptionsOf: (element: Element) => HTMLElement[];
-  getDescriptionOf: (args_0: Element) => HTMLElement;
-  getAllDescriptionsOf: (args_0: Element) => HTMLElement[];
-  findDescriptionOf: (args_0: Element, args_1?: undefined, args_2?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
-  findAllDescriptionsOf: (args_0: Element, args_1?: undefined, args_2?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
   getByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement;
   getAllByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement[];
   queryByLabelText: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").SelectorMatcherOptions | undefined) => HTMLElement | null;
@@ -214,6 +209,12 @@ declare const bodyBoundQueries: {
   queryAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined) => HTMLElement[];
   findByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
   findAllByTestId: (id: import("@testing-library/dom").Matcher, options?: import("@testing-library/dom").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
+  queryDescriptionOf: (args_0: Element) => HTMLElement | null;
+  queryAllDescriptionsOf: (element: Element) => HTMLElement[];
+  getDescriptionOf: (args_0: Element) => HTMLElement;
+  getAllDescriptionsOf: (args_0: Element) => HTMLElement[];
+  findDescriptionOf: (args_0: Element, args_1?: undefined, args_2?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement>;
+  findAllDescriptionsOf: (args_0: Element, args_1?: undefined, args_2?: import("@testing-library/dom").waitForOptions | undefined) => Promise<HTMLElement[]>;
 };
 export { configure, render, renderHook, waitFor, within, cleanup, createEvent, type RenderHookResult, type EventType } from '@testing-library/react/pure.js';
 export { act, fireEvent };

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

@@ -5,9 +5,9 @@ import { userEvent } from '@testing-library/user-event';
 import * as React from 'react';
 import * as ReactDOMServer from 'react-dom/server';
 import { beforeEach, afterEach, beforeAll, vi } from 'vitest';
-import { reactMajor } from "./env.js";
-import { flushMicrotasks } from "./flushMicrotasks.js";
-import { config as utilsConfig } from "./configure.js";
+import { reactMajor } from "./env.mjs";
+import { flushMicrotasks } from "./flushMicrotasks.mjs";
+import { config as utilsConfig } from "./configure.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function queryAllDescriptionsOf(baseElement, element) {
   const ariaDescribedBy = element.getAttribute('aria-describedby');

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MuiRenderResult } from "./createRenderer.js";
+import type { MuiRenderResult } from "./createRenderer.mjs";
 interface DataProps {
   [key: `data-${string}`]: string;
 }
@@ -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;
@@ -192,5 +174,5 @@ declare const fullSuite: {
   themeVariants: typeof testThemeVariants;
   themeCustomPalette: typeof testThemeCustomPalette;
 };
-declare const _default: import("./createDescribe.js").MUIDescribe<[minimalElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>, getOptions: () => ConformanceOptions]>;
+declare const _default: import("./createDescribe.mjs").MUIDescribe<[minimalElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>, getOptions: () => ConformanceOptions]>;
 export default _default;

package/describeConformance.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MuiRenderResult } from "./createRenderer.js";
+import type { MuiRenderResult } from "./createRenderer.js";
 interface DataProps {
   [key: `data-${string}`]: string;
 }
@@ -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,