@mui/x-date-pickers 6.4.0 → 6.6.0

package/node/tests/describeValidation/testDayViewValidation.js

@@ -26,33 +26,34 @@ const testDayViewValidation = (ElementToTest, getOptions) => {
     return;
   }
   describe('day view:', () => {
-    const defaultProps = (0, _extends2.default)({
+    const defaultProps = {
       onChange: () => {},
       open: true,
       view: 'day',
-      reduceAnimations: true
-    }, componentFamily.includes('legacy-') ? {
-      componentsProps: {
-        toolbar: {
-          hidden: true
-        }
-      }
-    } : {
+      reduceAnimations: true,
       slotProps: {
         toolbar: {
           hidden: true
         }
       }
-    });
+    };
     it('should apply shouldDisableDate', function test() {
       render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, defaultProps, {
         value: _pickersUtils.adapterToUse.date(new Date(2018, 2, 12)),
         shouldDisableDate: date => _pickersUtils.adapterToUse.isAfter(date, _pickersUtils.adapterToUse.date(new Date(2018, 2, 10)))
       })));
-      (0, _chai.expect)(_utils.screen.getByText('9')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('10')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('11')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('12')).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '9'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '10'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '11'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '12'
+      })).to.have.attribute('disabled');
     });
     it('should apply shouldDisableYear', function test() {
       const {
@@ -61,16 +62,28 @@ const testDayViewValidation = (ElementToTest, getOptions) => {
         value: _pickersUtils.adapterToUse.date(new Date(2018, 2, 12)),
         shouldDisableYear: date => _pickersUtils.adapterToUse.getYear(date) === 2018
       })));
-      (0, _chai.expect)(_utils.screen.getByText('1')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('15')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('30')).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '1'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '15'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '30'
+      })).to.have.attribute('disabled');
       setProps({
         value: _pickersUtils.adapterToUse.date(new Date(2019, 0, 1))
       });
       clock.runToLast();
-      (0, _chai.expect)(_utils.screen.getByText('1')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('15')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('30')).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '1'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '15'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '30'
+      })).not.to.have.attribute('disabled');
     });
     it('should apply shouldDisableMonth', function test() {
       const {
@@ -79,16 +92,28 @@ const testDayViewValidation = (ElementToTest, getOptions) => {
         value: _pickersUtils.adapterToUse.date(new Date(2018, 2, 12)),
         shouldDisableMonth: date => _pickersUtils.adapterToUse.getMonth(date) === 2
       })));
-      (0, _chai.expect)(_utils.screen.getByText('1')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('15')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('30')).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '1'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '15'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '30'
+      })).to.have.attribute('disabled');
       setProps({
         value: _pickersUtils.adapterToUse.date(new Date(2018, 1, 1))
       });
       clock.runToLast();
-      (0, _chai.expect)(_utils.screen.getByText('1')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('15')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('28')).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '1'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '15'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '28'
+      })).not.to.have.attribute('disabled');
     });
     it('should apply disablePast', function test() {
       let now;
@@ -105,21 +130,27 @@ const testDayViewValidation = (ElementToTest, getOptions) => {
       })));
       const tomorrow = _pickersUtils.adapterToUse.addDays(now, 1);
       const yesterday = _pickersUtils.adapterToUse.addDays(now, -1);
-      (0, _chai.expect)(_utils.screen.getByText(_pickersUtils.adapterToUse.format(now, 'dayOfMonth'))).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: _pickersUtils.adapterToUse.format(now, 'dayOfMonth')
+      })).not.to.have.attribute('disabled');
       if (!_pickersUtils.adapterToUse.isSameMonth(now, tomorrow)) {
         setProps({
           value: tomorrow
         });
         clock.runToLast();
       }
-      (0, _chai.expect)(_utils.screen.getByText(_pickersUtils.adapterToUse.format(tomorrow, 'dayOfMonth'))).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: _pickersUtils.adapterToUse.format(tomorrow, 'dayOfMonth')
+      })).not.to.have.attribute('disabled');
       if (!_pickersUtils.adapterToUse.isSameMonth(yesterday, tomorrow)) {
         setProps({
           value: yesterday
         });
         clock.runToLast();
       }
-      (0, _chai.expect)(_utils.screen.getByText(_pickersUtils.adapterToUse.format(yesterday, 'dayOfMonth'))).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: _pickersUtils.adapterToUse.format(yesterday, 'dayOfMonth')
+      })).to.have.attribute('disabled');
     });
     it('should apply disableFuture', function test() {
       let now;
@@ -136,32 +167,48 @@ const testDayViewValidation = (ElementToTest, getOptions) => {
       })));
       const tomorrow = _pickersUtils.adapterToUse.addDays(now, 1);
       const yesterday = _pickersUtils.adapterToUse.addDays(now, -1);
-      (0, _chai.expect)(_utils.screen.getByText(_pickersUtils.adapterToUse.format(now, 'dayOfMonth'))).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: _pickersUtils.adapterToUse.format(now, 'dayOfMonth')
+      })).not.to.have.attribute('disabled');
       if (!_pickersUtils.adapterToUse.isSameMonth(now, tomorrow)) {
         setProps({
           value: tomorrow
         });
         clock.runToLast();
       }
-      (0, _chai.expect)(_utils.screen.getByText(_pickersUtils.adapterToUse.format(tomorrow, 'dayOfMonth'))).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: _pickersUtils.adapterToUse.format(tomorrow, 'dayOfMonth')
+      })).to.have.attribute('disabled');
       if (!_pickersUtils.adapterToUse.isSameMonth(yesterday, tomorrow)) {
         setProps({
           value: yesterday
         });
         clock.runToLast();
       }
-      (0, _chai.expect)(_utils.screen.getByText(_pickersUtils.adapterToUse.format(yesterday, 'dayOfMonth'))).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: _pickersUtils.adapterToUse.format(yesterday, 'dayOfMonth')
+      })).not.to.have.attribute('disabled');
     });
     it('should apply minDate', function test() {
       render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, defaultProps, {
         value: _pickersUtils.adapterToUse.date(new Date(2019, 5, 15)),
         minDate: _pickersUtils.adapterToUse.date(new Date(2019, 5, 4))
       })));
-      (0, _chai.expect)(_utils.screen.getByText('1')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('3')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('4')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('5')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('30')).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '1'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '3'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '4'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '5'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '30'
+      })).not.to.have.attribute('disabled');
       (0, _chai.expect)(_utils.screen.getByLabelText('Previous month')).to.have.attribute('disabled');
       (0, _chai.expect)(_utils.screen.getByLabelText('Next month')).not.to.have.attribute('disabled');
     });
@@ -170,11 +217,21 @@ const testDayViewValidation = (ElementToTest, getOptions) => {
         value: _pickersUtils.adapterToUse.date(new Date(2019, 5, 15)),
         maxDate: _pickersUtils.adapterToUse.date(new Date(2019, 5, 4))
       })));
-      (0, _chai.expect)(_utils.screen.getByText('1')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('3')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('4')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('5')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('30')).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '1'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '3'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '4'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '5'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '30'
+      })).to.have.attribute('disabled');
       (0, _chai.expect)(_utils.screen.getByLabelText('Previous month')).not.to.have.attribute('disabled');
       (0, _chai.expect)(_utils.screen.getByLabelText('Next month')).to.have.attribute('disabled');
     });
@@ -187,11 +244,21 @@ const testDayViewValidation = (ElementToTest, getOptions) => {
         value: _pickersUtils.adapterToUse.date(new Date(2019, 5, 15)),
         maxDateTime: _pickersUtils.adapterToUse.date(new Date(2019, 5, 4, 12, 0, 0))
       })));
-      (0, _chai.expect)(_utils.screen.getByText('1')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('3')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('4')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('5')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('30')).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '1'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '3'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '4'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '5'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '30'
+      })).to.have.attribute('disabled');
     });
     it('should apply minDateTime', function test() {
       if (!withDate || !withTime) {
@@ -202,11 +269,21 @@ const testDayViewValidation = (ElementToTest, getOptions) => {
         value: _pickersUtils.adapterToUse.date(new Date(2019, 5, 15)),
         minDateTime: _pickersUtils.adapterToUse.date(new Date(2019, 5, 4, 12, 0, 0))
       })));
-      (0, _chai.expect)(_utils.screen.getByText('1')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('3')).to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('4')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('5')).not.to.have.attribute('disabled');
-      (0, _chai.expect)(_utils.screen.getByText('30')).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '1'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '3'
+      })).to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '4'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '5'
+      })).not.to.have.attribute('disabled');
+      (0, _chai.expect)(_utils.screen.getByRole('gridcell', {
+        name: '30'
+      })).not.to.have.attribute('disabled');
     });
   });
 };

package/node/tests/describeValidation/testMinutesViewValidation.js

@@ -28,25 +28,18 @@ const testMinutesViewValidation = (ElementToTest, getOption) => {
     return;
   }
   describe('minutes view:', () => {
-    const defaultProps = (0, _extends2.default)({
+    const defaultProps = {
       onChange: () => {},
       open: true,
       view: 'minutes',
       openTo: 'minutes',
-      reduceAnimations: true
-    }, componentFamily.includes('legacy-') ? {
-      componentsProps: {
-        toolbar: {
-          hidden: true
-        }
-      }
-    } : {
+      reduceAnimations: true,
       slotProps: {
         toolbar: {
           hidden: true
         }
       }
-    });
+    };
     it('should apply shouldDisableTime', function test() {
       render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, defaultProps, {
         value: _pickersUtils.adapterToUse.date(new Date(2018, 2, 12, 8, 15, 0)),

package/node/tests/describeValidation/testMonthViewValidation.js

@@ -30,22 +30,15 @@ const testMonthViewValidation = (ElementToTest, getOptions) => {
       views: ['month'],
       view: 'month',
       openTo: 'month'
-    }, componentFamily !== 'calendar' && (0, _extends2.default)({
+    }, componentFamily !== 'calendar' && {
       open: true,
-      reduceAnimations: true
-    }, componentFamily.includes('legacy-') ? {
-      componentsProps: {
-        toolbar: {
-          hidden: true
-        }
-      }
-    } : {
+      reduceAnimations: true,
       slotProps: {
         toolbar: {
           hidden: true
         }
       }
-    }));
+    });
     it('should apply shouldDisableMonth', function test() {
       render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, defaultProps, {
         value: null,

package/node/tests/describeValidation/testYearViewValidation.js

@@ -29,22 +29,15 @@ const testYearViewValidation = (ElementToTest, getOptions) => {
       views: ['year'],
       view: 'year',
       openTo: 'year'
-    }, componentFamily !== 'calendar' && (0, _extends2.default)({
+    }, componentFamily !== 'calendar' && {
       open: true,
-      reduceAnimations: true
-    }, componentFamily.includes('legacy-') ? {
-      componentsProps: {
-        toolbar: {
-          hidden: true
-        }
-      }
-    } : {
+      reduceAnimations: true,
       slotProps: {
         toolbar: {
           hidden: true
         }
       }
-    }));
+    });
     it('should apply shouldDisableYear', function test() {
       render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, defaultProps, {
         value: null,

package/node/tests/describeValue/describeValue.js

@@ -6,24 +6,59 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.describeValue = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _createDescribe = _interopRequireDefault(require("@mui/monorepo/test/utils/createDescribe"));
+var _pickersUtils = require("test/utils/pickers-utils");
 var _testControlledUnControlled = require("./testControlledUnControlled");
 var _testPickerOpenCloseLifeCycle = require("./testPickerOpenCloseLifeCycle");
 var _testPickerActionBar = require("./testPickerActionBar");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["hook"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const TEST_SUITES = [_testControlledUnControlled.testControlledUnControlled, _testPickerOpenCloseLifeCycle.testPickerOpenCloseLifeCycle, _testPickerActionBar.testPickerActionBar];
 function innerDescribeValue(ElementToTest, getOptions) {
+  const options = getOptions();
   const {
-    defaultProps
-  } = getOptions();
+    defaultProps,
+    render,
+    clock,
+    componentFamily
+  } = options;
   function WrappedElementToTest(props) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, defaultProps, props));
+    const {
+        hook
+      } = props,
+      other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    const hookResult = hook?.(props);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, (0, _extends2.default)({}, defaultProps, other, hookResult));
+  }
+  let renderWithProps;
+  if (componentFamily === 'field' || componentFamily === 'picker') {
+    const interactions = (0, _pickersUtils.buildFieldInteractions)({
+      clock,
+      render,
+      Component: ElementToTest
+    });
+    renderWithProps = (props, hook) => interactions.renderWithProps((0, _extends2.default)({}, defaultProps, props), hook, componentFamily);
+  } else {
+    renderWithProps = (props, hook) => {
+      const response = render( /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedElementToTest, (0, _extends2.default)({}, props, {
+        hook: hook
+      })));
+      return (0, _extends2.default)({}, response, {
+        input: null,
+        selectSection: () => {
+          throw new Error('You can only select a section on components that render a field');
+        }
+      });
+    };
   }
   TEST_SUITES.forEach(testSuite => {
-    testSuite(WrappedElementToTest, getOptions);
+    testSuite(WrappedElementToTest, (0, _extends2.default)({}, options, {
+      renderWithProps
+    }));
   });
 }
 /**

package/node/tests/describeValue/testControlledUnControlled.js

@@ -14,21 +14,21 @@ var _utils = require("@mui/monorepo/test/utils");
 var _InputBase = require("@mui/material/InputBase");
 var _pickersUtils = require("test/utils/pickers-utils");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["render", "values", "componentFamily", "emptyValue", "assertRenderedValue", "setNewValue", "clock"];
+const _excluded = ["render", "renderWithProps", "values", "componentFamily", "emptyValue", "assertRenderedValue", "setNewValue", "clock"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const testControlledUnControlled = (ElementToTest, getOptions) => {
-  const _getOptions = getOptions(),
-    {
+const testControlledUnControlled = (ElementToTest, options) => {
+  const {
       render,
+      renderWithProps,
       values,
       componentFamily,
       emptyValue,
       assertRenderedValue,
       setNewValue,
       clock
-    } = _getOptions,
-    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_getOptions, _excluded);
+    } = options,
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(options, _excluded);
   const params = pickerParams;
   describe('Controlled / uncontrolled value', () => {
     it('should render `props.defaultValue` if no `props.value` is passed', () => {
@@ -56,14 +56,18 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
     });
     it('should call onChange when updating a value defined with `props.defaultValue` and update the rendered value', () => {
       const onChange = (0, _sinon.spy)();
-      render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, {
+      const {
+        selectSection
+      } = renderWithProps({
         defaultValue: values[0],
-        onChange: onChange
-      }));
-      const newValue = setNewValue(values[0]);
+        onChange
+      });
+      const newValue = setNewValue(values[0], {
+        selectSection
+      });
       assertRenderedValue(newValue);
       // TODO: Clean this exception or change the clock behavior
-      (0, _chai.expect)(onChange.callCount).to.equal((0, _pickersUtils.getExpectedOnChangeCount)(componentFamily));
+      (0, _chai.expect)(onChange.callCount).to.equal((0, _pickersUtils.getExpectedOnChangeCount)(componentFamily, params));
       if (Array.isArray(newValue)) {
         newValue.forEach((value, index) => {
           (0, _chai.expect)(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -74,12 +78,27 @@ const testControlledUnControlled = (ElementToTest, getOptions) => {
     });
     it('should call onChange when updating a value defined with `props.value`', () => {
       const onChange = (0, _sinon.spy)();
-      render( /*#__PURE__*/(0, _jsxRuntime.jsx)(ElementToTest, {
+      const useControlledElement = props => {
+        const [value, setValue] = React.useState(props?.value || null);
+        const handleChange = React.useCallback(newValue => {
+          setValue(newValue);
+          props?.onChange(newValue);
+        }, [props]);
+        return {
+          value,
+          onChange: handleChange
+        };
+      };
+      const {
+        selectSection
+      } = renderWithProps({
         value: values[0],
-        onChange: onChange
-      }));
-      const newValue = setNewValue(values[0]);
-      (0, _chai.expect)(onChange.callCount).to.equal((0, _pickersUtils.getExpectedOnChangeCount)(componentFamily));
+        onChange
+      }, useControlledElement);
+      const newValue = setNewValue(values[0], {
+        selectSection
+      });
+      (0, _chai.expect)(onChange.callCount).to.equal((0, _pickersUtils.getExpectedOnChangeCount)(componentFamily, params));
       if (Array.isArray(newValue)) {
         newValue.forEach((value, index) => {
           (0, _chai.expect)(onChange.lastCall.args[0][index]).toEqualDateTime(value);