@mui/x-date-pickers 6.4.0 → 6.6.0

package/legacy/tests/describeValidation/testDayViewValidation.js

@@ -16,24 +16,17 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
     return;
   }
   describe('day view:', function () {
-    var defaultProps = _extends({
+    var defaultProps = {
       onChange: function 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__*/_jsx(ElementToTest, _extends({}, defaultProps, {
         value: adapterToUse.date(new Date(2018, 2, 12)),
@@ -41,10 +34,18 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
           return adapterToUse.isAfter(date, adapterToUse.date(new Date(2018, 2, 10)));
         }
       })));
-      expect(screen.getByText('9')).not.to.have.attribute('disabled');
-      expect(screen.getByText('10')).not.to.have.attribute('disabled');
-      expect(screen.getByText('11')).to.have.attribute('disabled');
-      expect(screen.getByText('12')).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '9'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '10'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '11'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '12'
+      })).to.have.attribute('disabled');
     });
     it('should apply shouldDisableYear', function test() {
       var _render = render( /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, {
@@ -54,16 +55,28 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
           }
         }))),
         setProps = _render.setProps;
-      expect(screen.getByText('1')).to.have.attribute('disabled');
-      expect(screen.getByText('15')).to.have.attribute('disabled');
-      expect(screen.getByText('30')).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '1'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '15'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '30'
+      })).to.have.attribute('disabled');
       setProps({
         value: adapterToUse.date(new Date(2019, 0, 1))
       });
       clock.runToLast();
-      expect(screen.getByText('1')).not.to.have.attribute('disabled');
-      expect(screen.getByText('15')).not.to.have.attribute('disabled');
-      expect(screen.getByText('30')).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '1'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '15'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '30'
+      })).not.to.have.attribute('disabled');
     });
     it('should apply shouldDisableMonth', function test() {
       var _render2 = render( /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, {
@@ -73,16 +86,28 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
           }
         }))),
         setProps = _render2.setProps;
-      expect(screen.getByText('1')).to.have.attribute('disabled');
-      expect(screen.getByText('15')).to.have.attribute('disabled');
-      expect(screen.getByText('30')).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '1'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '15'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '30'
+      })).to.have.attribute('disabled');
       setProps({
         value: adapterToUse.date(new Date(2018, 1, 1))
       });
       clock.runToLast();
-      expect(screen.getByText('1')).not.to.have.attribute('disabled');
-      expect(screen.getByText('15')).not.to.have.attribute('disabled');
-      expect(screen.getByText('28')).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '1'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '15'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '28'
+      })).not.to.have.attribute('disabled');
     });
     it('should apply disablePast', function test() {
       var now;
@@ -98,21 +123,27 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
         setProps = _render3.setProps;
       var tomorrow = adapterToUse.addDays(now, 1);
       var yesterday = adapterToUse.addDays(now, -1);
-      expect(screen.getByText(adapterToUse.format(now, 'dayOfMonth'))).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: adapterToUse.format(now, 'dayOfMonth')
+      })).not.to.have.attribute('disabled');
       if (!adapterToUse.isSameMonth(now, tomorrow)) {
         setProps({
           value: tomorrow
         });
         clock.runToLast();
       }
-      expect(screen.getByText(adapterToUse.format(tomorrow, 'dayOfMonth'))).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: adapterToUse.format(tomorrow, 'dayOfMonth')
+      })).not.to.have.attribute('disabled');
       if (!adapterToUse.isSameMonth(yesterday, tomorrow)) {
         setProps({
           value: yesterday
         });
         clock.runToLast();
       }
-      expect(screen.getByText(adapterToUse.format(yesterday, 'dayOfMonth'))).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: adapterToUse.format(yesterday, 'dayOfMonth')
+      })).to.have.attribute('disabled');
     });
     it('should apply disableFuture', function test() {
       var now;
@@ -128,32 +159,48 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
         setProps = _render4.setProps;
       var tomorrow = adapterToUse.addDays(now, 1);
       var yesterday = adapterToUse.addDays(now, -1);
-      expect(screen.getByText(adapterToUse.format(now, 'dayOfMonth'))).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: adapterToUse.format(now, 'dayOfMonth')
+      })).not.to.have.attribute('disabled');
       if (!adapterToUse.isSameMonth(now, tomorrow)) {
         setProps({
           value: tomorrow
         });
         clock.runToLast();
       }
-      expect(screen.getByText(adapterToUse.format(tomorrow, 'dayOfMonth'))).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: adapterToUse.format(tomorrow, 'dayOfMonth')
+      })).to.have.attribute('disabled');
       if (!adapterToUse.isSameMonth(yesterday, tomorrow)) {
         setProps({
           value: yesterday
         });
         clock.runToLast();
       }
-      expect(screen.getByText(adapterToUse.format(yesterday, 'dayOfMonth'))).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: adapterToUse.format(yesterday, 'dayOfMonth')
+      })).not.to.have.attribute('disabled');
     });
     it('should apply minDate', function test() {
       render( /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, {
         value: adapterToUse.date(new Date(2019, 5, 15)),
         minDate: adapterToUse.date(new Date(2019, 5, 4))
       })));
-      expect(screen.getByText('1')).to.have.attribute('disabled');
-      expect(screen.getByText('3')).to.have.attribute('disabled');
-      expect(screen.getByText('4')).not.to.have.attribute('disabled');
-      expect(screen.getByText('5')).not.to.have.attribute('disabled');
-      expect(screen.getByText('30')).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '1'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '3'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '4'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '5'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '30'
+      })).not.to.have.attribute('disabled');
       expect(screen.getByLabelText('Previous month')).to.have.attribute('disabled');
       expect(screen.getByLabelText('Next month')).not.to.have.attribute('disabled');
     });
@@ -162,11 +209,21 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
         value: adapterToUse.date(new Date(2019, 5, 15)),
         maxDate: adapterToUse.date(new Date(2019, 5, 4))
       })));
-      expect(screen.getByText('1')).not.to.have.attribute('disabled');
-      expect(screen.getByText('3')).not.to.have.attribute('disabled');
-      expect(screen.getByText('4')).not.to.have.attribute('disabled');
-      expect(screen.getByText('5')).to.have.attribute('disabled');
-      expect(screen.getByText('30')).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '1'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '3'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '4'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '5'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '30'
+      })).to.have.attribute('disabled');
       expect(screen.getByLabelText('Previous month')).not.to.have.attribute('disabled');
       expect(screen.getByLabelText('Next month')).to.have.attribute('disabled');
     });
@@ -179,11 +236,21 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
         value: adapterToUse.date(new Date(2019, 5, 15)),
         maxDateTime: adapterToUse.date(new Date(2019, 5, 4, 12, 0, 0))
       })));
-      expect(screen.getByText('1')).not.to.have.attribute('disabled');
-      expect(screen.getByText('3')).not.to.have.attribute('disabled');
-      expect(screen.getByText('4')).not.to.have.attribute('disabled');
-      expect(screen.getByText('5')).to.have.attribute('disabled');
-      expect(screen.getByText('30')).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '1'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '3'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '4'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '5'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '30'
+      })).to.have.attribute('disabled');
     });
     it('should apply minDateTime', function test() {
       if (!withDate || !withTime) {
@@ -194,11 +261,21 @@ export var testDayViewValidation = function testDayViewValidation(ElementToTest,
         value: adapterToUse.date(new Date(2019, 5, 15)),
         minDateTime: adapterToUse.date(new Date(2019, 5, 4, 12, 0, 0))
       })));
-      expect(screen.getByText('1')).to.have.attribute('disabled');
-      expect(screen.getByText('3')).to.have.attribute('disabled');
-      expect(screen.getByText('4')).not.to.have.attribute('disabled');
-      expect(screen.getByText('5')).not.to.have.attribute('disabled');
-      expect(screen.getByText('30')).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '1'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '3'
+      })).to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '4'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '5'
+      })).not.to.have.attribute('disabled');
+      expect(screen.getByRole('gridcell', {
+        name: '30'
+      })).not.to.have.attribute('disabled');
     });
   });
 };

package/legacy/tests/describeValidation/testMinutesViewValidation.js

@@ -20,25 +20,18 @@ export var testMinutesViewValidation = function testMinutesViewValidation(Elemen
     return;
   }
   describe('minutes view:', function () {
-    var defaultProps = _extends({
+    var defaultProps = {
       onChange: function 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__*/_jsx(ElementToTest, _extends({}, defaultProps, {
         value: adapterToUse.date(new Date(2018, 2, 12, 8, 15, 0)),

package/legacy/tests/describeValidation/testMonthViewValidation.js

@@ -20,22 +20,15 @@ export var testMonthViewValidation = function testMonthViewValidation(ElementToT
       views: ['month'],
       view: 'month',
       openTo: 'month'
-    }, componentFamily !== 'calendar' && _extends({
+    }, 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__*/_jsx(ElementToTest, _extends({}, defaultProps, {
         value: null,

package/legacy/tests/describeValidation/testYearViewValidation.js

@@ -19,22 +19,15 @@ export var testYearViewValidation = function testYearViewValidation(ElementToTes
       views: ['year'],
       view: 'year',
       openTo: 'year'
-    }, componentFamily !== 'calendar' && _extends({
+    }, 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__*/_jsx(ElementToTest, _extends({}, defaultProps, {
         value: null,

package/legacy/tests/describeValue/describeValue.js

@@ -1,19 +1,53 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["hook"];
 import * as React from 'react';
 import createDescribe from '@mui/monorepo/test/utils/createDescribe';
+import { buildFieldInteractions } from 'test/utils/pickers-utils';
 import { testControlledUnControlled } from './testControlledUnControlled';
 import { testPickerOpenCloseLifeCycle } from './testPickerOpenCloseLifeCycle';
 import { testPickerActionBar } from './testPickerActionBar';
 import { jsx as _jsx } from "react/jsx-runtime";
 var TEST_SUITES = [testControlledUnControlled, testPickerOpenCloseLifeCycle, testPickerActionBar];
 function innerDescribeValue(ElementToTest, getOptions) {
-  var _getOptions = getOptions(),
-    defaultProps = _getOptions.defaultProps;
+  var options = getOptions();
+  var defaultProps = options.defaultProps,
+    render = options.render,
+    clock = options.clock,
+    componentFamily = options.componentFamily;
   function WrappedElementToTest(props) {
-    return /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, props));
+    var hook = props.hook,
+      other = _objectWithoutProperties(props, _excluded);
+    var hookResult = hook == null ? void 0 : hook(props);
+    return /*#__PURE__*/_jsx(ElementToTest, _extends({}, defaultProps, other, hookResult));
+  }
+  var renderWithProps;
+  if (componentFamily === 'field' || componentFamily === 'picker') {
+    var interactions = buildFieldInteractions({
+      clock: clock,
+      render: render,
+      Component: ElementToTest
+    });
+    renderWithProps = function renderWithProps(props, hook) {
+      return interactions.renderWithProps(_extends({}, defaultProps, props), hook, componentFamily);
+    };
+  } else {
+    renderWithProps = function renderWithProps(props, hook) {
+      var response = render( /*#__PURE__*/_jsx(WrappedElementToTest, _extends({}, props, {
+        hook: hook
+      })));
+      return _extends({}, response, {
+        input: null,
+        selectSection: function selectSection() {
+          throw new Error('You can only select a section on components that render a field');
+        }
+      });
+    };
   }
   TEST_SUITES.forEach(function (testSuite) {
-    testSuite(WrappedElementToTest, getOptions);
+    testSuite(WrappedElementToTest, _extends({}, options, {
+      renderWithProps: renderWithProps
+    }));
   });
 }
 /**

package/legacy/tests/describeValue/testControlledUnControlled.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["render", "values", "componentFamily", "emptyValue", "assertRenderedValue", "setNewValue", "clock"];
+var _excluded = ["render", "renderWithProps", "values", "componentFamily", "emptyValue", "assertRenderedValue", "setNewValue", "clock"];
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
@@ -10,16 +11,16 @@ import { inputBaseClasses } from '@mui/material/InputBase';
 import { getExpectedOnChangeCount } from 'test/utils/pickers-utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var testControlledUnControlled = function testControlledUnControlled(ElementToTest, getOptions) {
-  var _getOptions = getOptions(),
-    render = _getOptions.render,
-    values = _getOptions.values,
-    componentFamily = _getOptions.componentFamily,
-    emptyValue = _getOptions.emptyValue,
-    assertRenderedValue = _getOptions.assertRenderedValue,
-    setNewValue = _getOptions.setNewValue,
-    clock = _getOptions.clock,
-    pickerParams = _objectWithoutProperties(_getOptions, _excluded);
+export var testControlledUnControlled = function testControlledUnControlled(ElementToTest, options) {
+  var render = options.render,
+    renderWithProps = options.renderWithProps,
+    values = options.values,
+    componentFamily = options.componentFamily,
+    emptyValue = options.emptyValue,
+    assertRenderedValue = options.assertRenderedValue,
+    setNewValue = options.setNewValue,
+    clock = options.clock,
+    pickerParams = _objectWithoutProperties(options, _excluded);
   var params = pickerParams;
   describe('Controlled / uncontrolled value', function () {
     it('should render `props.defaultValue` if no `props.value` is passed', function () {
@@ -47,14 +48,17 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
     });
     it('should call onChange when updating a value defined with `props.defaultValue` and update the rendered value', function () {
       var onChange = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        defaultValue: values[0],
-        onChange: onChange
-      }));
-      var newValue = setNewValue(values[0]);
+      var _renderWithProps = renderWithProps({
+          defaultValue: values[0],
+          onChange: onChange
+        }),
+        selectSection = _renderWithProps.selectSection;
+      var newValue = setNewValue(values[0], {
+        selectSection: selectSection
+      });
       assertRenderedValue(newValue);
       // TODO: Clean this exception or change the clock behavior
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily));
+      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, params));
       if (Array.isArray(newValue)) {
         newValue.forEach(function (value, index) {
           expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
@@ -65,12 +69,29 @@ export var testControlledUnControlled = function testControlledUnControlled(Elem
     });
     it('should call onChange when updating a value defined with `props.value`', function () {
       var onChange = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        value: values[0],
-        onChange: onChange
-      }));
-      var newValue = setNewValue(values[0]);
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily));
+      var useControlledElement = function useControlledElement(props) {
+        var _React$useState = React.useState((props == null ? void 0 : props.value) || null),
+          _React$useState2 = _slicedToArray(_React$useState, 2),
+          value = _React$useState2[0],
+          setValue = _React$useState2[1];
+        var handleChange = React.useCallback(function (newValue) {
+          setValue(newValue);
+          props == null ? void 0 : props.onChange(newValue);
+        }, [props]);
+        return {
+          value: value,
+          onChange: handleChange
+        };
+      };
+      var _renderWithProps2 = renderWithProps({
+          value: values[0],
+          onChange: onChange
+        }, useControlledElement),
+        selectSection = _renderWithProps2.selectSection;
+      var newValue = setNewValue(values[0], {
+        selectSection: selectSection
+      });
+      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, params));
       if (Array.isArray(newValue)) {
         newValue.forEach(function (value, index) {
           expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);