@mui/internal-test-utils 2.0.18-canary.2 → 2.0.18-canary.20

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/{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);