@mui/x-date-pickers 6.15.0 → 6.16.1

package/tests/describeValue/testPickerOpenCloseLifeCycle.js

@@ -1,371 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["componentFamily", "render", "renderWithProps", "values", "setNewValue"];
-import * as React from 'react';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import { screen, userEvent } from '@mui/monorepo/test/utils';
-import { getExpectedOnChangeCount, getTextbox, openPicker } from 'test/utils/pickers';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const testPickerOpenCloseLifeCycle = (ElementToTest, options) => {
-  const {
-      componentFamily,
-      render,
-      renderWithProps,
-      values,
-      setNewValue
-    } = options,
-    pickerParams = _objectWithoutPropertiesLoose(options, _excluded);
-  if (componentFamily !== 'picker') {
-    return;
-  }
-  const viewWrapperRole = pickerParams.type === 'date-range' && pickerParams.variant === 'desktop' ? 'tooltip' : 'dialog';
-  describe('Picker open / close lifecycle', () => {
-    it('should not open on mount if `props.open` is false', () => {
-      render( /*#__PURE__*/_jsx(ElementToTest, {}));
-      expect(screen.queryByRole(viewWrapperRole)).to.equal(null);
-    });
-    it('should open on mount if `prop.open` is true', () => {
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        open: true
-      }));
-      expect(screen.queryByRole(viewWrapperRole)).toBeVisible();
-    });
-    it('should not open when `prop.disabled` is true ', () => {
-      const onOpen = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        disabled: true,
-        onOpen: onOpen
-      }));
-      openPicker(pickerParams);
-      expect(onOpen.callCount).to.equal(0);
-    });
-    it('should not open when `prop.readOnly` is true ', () => {
-      const onOpen = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        readOnly: true,
-        onOpen: onOpen
-      }));
-      openPicker(pickerParams);
-      expect(onOpen.callCount).to.equal(0);
-    });
-    it('should call onChange, onClose (if desktop) and onAccept (if desktop) when selecting a value', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      const {
-        selectSection
-      } = renderWithProps({
-        onChange,
-        onAccept,
-        onClose,
-        defaultValue: values[0],
-        open: true
-      });
-      expect(onChange.callCount).to.equal(0);
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(0);
-
-      // Change the value
-      let newValue = setNewValue(values[0], {
-        isOpened: true,
-        selectSection
-      });
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, pickerParams));
-      if (pickerParams.type === 'date-range') {
-        newValue = setNewValue(newValue, {
-          isOpened: true,
-          setEndDate: true,
-          selectSection
-        });
-        newValue.forEach((value, index) => {
-          expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
-        });
-      } else {
-        expect(onChange.lastCall.args[0]).toEqualDateTime(newValue);
-      }
-      expect(onAccept.callCount).to.equal(pickerParams.variant === 'mobile' ? 0 : 1);
-      expect(onClose.callCount).to.equal(pickerParams.variant === 'mobile' ? 0 : 1);
-    });
-    it('should not select input content after closing on mobile', () => {
-      if (pickerParams.variant !== 'mobile') {
-        return;
-      }
-      const {
-        selectSection
-      } = renderWithProps({
-        defaultValue: values[0]
-      });
-
-      // Change the value
-      setNewValue(values[0], {
-        selectSection
-      });
-      let textbox;
-      if (pickerParams.type === 'date-range') {
-        textbox = screen.getAllByRole('textbox')[0];
-      } else {
-        textbox = getTextbox();
-      }
-      expect(textbox.scrollLeft).to.be.equal(0);
-    });
-    it('should call onChange, onClose and onAccept when selecting a value and `props.closeOnSelect` is true', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      const {
-        selectSection
-      } = renderWithProps({
-        onChange,
-        onAccept,
-        onClose,
-        defaultValue: values[0],
-        open: true,
-        closeOnSelect: true
-      });
-      expect(onChange.callCount).to.equal(0);
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(0);
-
-      // Change the value
-      let newValue = setNewValue(values[0], {
-        isOpened: true,
-        selectSection
-      });
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, pickerParams));
-      if (pickerParams.type === 'date-range') {
-        newValue = setNewValue(newValue, {
-          isOpened: true,
-          setEndDate: true,
-          selectSection
-        });
-        newValue.forEach((value, index) => {
-          expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
-        });
-      } else {
-        expect(onChange.lastCall.args[0]).toEqualDateTime(newValue);
-      }
-      expect(onAccept.callCount).to.equal(1);
-      expect(onClose.callCount).to.equal(1);
-    });
-    it('should not call onChange or onAccept when selecting the same value', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      const {
-        selectSection
-      } = renderWithProps({
-        onChange,
-        onAccept,
-        onClose,
-        open: true,
-        value: values[0],
-        closeOnSelect: true
-      });
-
-      // Change the value (same value)
-      setNewValue(values[0], {
-        isOpened: true,
-        applySameValue: true,
-        selectSection
-      });
-      if (pickerParams.type === 'date-range') {
-        setNewValue(values[0], {
-          isOpened: true,
-          applySameValue: true,
-          setEndDate: true,
-          selectSection
-        });
-      }
-      expect(onChange.callCount).to.equal(0);
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(1);
-    });
-    it('should not call onClose or onAccept when selecting a date and `props.closeOnSelect` is false', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      const {
-        selectSection
-      } = renderWithProps({
-        onChange,
-        onAccept,
-        onClose,
-        defaultValue: values[0],
-        open: true,
-        closeOnSelect: false
-      });
-
-      // Change the value
-      let newValue = setNewValue(values[0], {
-        isOpened: true,
-        selectSection
-      });
-      const initialChangeCount = getExpectedOnChangeCount(componentFamily, pickerParams);
-      expect(onChange.callCount).to.equal(initialChangeCount);
-      if (pickerParams.type === 'date-range') {
-        newValue = setNewValue(newValue, {
-          isOpened: true,
-          setEndDate: true,
-          selectSection
-        });
-        newValue.forEach((value, index) => {
-          expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
-        });
-      } else {
-        expect(onChange.lastCall.args[0]).toEqualDateTime(newValue);
-      }
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(0);
-
-      // Change the value
-      let newValueBis = setNewValue(newValue, {
-        isOpened: true,
-        selectSection
-      });
-      if (pickerParams.type === 'date-range') {
-        expect(onChange.callCount).to.equal(3);
-        newValueBis = setNewValue(newValueBis, {
-          isOpened: true,
-          setEndDate: true,
-          selectSection
-        });
-        newValueBis.forEach((value, index) => {
-          expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
-        });
-      } else {
-        expect(onChange.callCount).to.equal(initialChangeCount + getExpectedOnChangeCount(componentFamily, pickerParams) - (
-        // meridiem does not change this time in case of multi section digital clock
-        pickerParams.type === 'time' || pickerParams.type === 'date-time' ? 1 : 0));
-        expect(onChange.lastCall.args[0]).toEqualDateTime(newValueBis);
-      }
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(0);
-    });
-    it('should call onClose and onAccept with the live value when pressing Escape', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      const {
-        selectSection
-      } = renderWithProps({
-        onChange,
-        onAccept,
-        onClose,
-        defaultValue: values[0],
-        open: true,
-        closeOnSelect: false
-      });
-
-      // Change the value (already tested)
-      const newValue = setNewValue(values[0], {
-        isOpened: true,
-        selectSection
-      });
-
-      // Dismiss the picker
-      userEvent.keyPress(document.activeElement, {
-        key: 'Escape'
-      });
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, pickerParams));
-      expect(onAccept.callCount).to.equal(1);
-      if (pickerParams.type === 'date-range') {
-        newValue.forEach((value, index) => {
-          expect(onChange.lastCall.args[0][index]).toEqualDateTime(value);
-        });
-      } else {
-        expect(onChange.lastCall.args[0]).toEqualDateTime(newValue);
-      }
-      expect(onClose.callCount).to.equal(1);
-    });
-    it('should call onClose when clicking outside of the picker without prior change', function test() {
-      // TODO: Fix this test and enable it on mobile and date-range
-      if (pickerParams.variant === 'mobile' || pickerParams.type === 'date-range') {
-        this.skip();
-      }
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
-        value: values[0],
-        open: true,
-        closeOnSelect: false
-      }));
-
-      // Dismiss the picker
-      userEvent.mousePress(document.body);
-      expect(onChange.callCount).to.equal(0);
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(1);
-    });
-    it('should call onClose and onAccept with the live value when clicking outside of the picker', function test() {
-      // TODO: Fix this test and enable it on mobile and date-range
-      if (pickerParams.variant === 'mobile' || pickerParams.type === 'date-range') {
-        this.skip();
-      }
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      const {
-        selectSection
-      } = renderWithProps({
-        onChange,
-        onAccept,
-        onClose,
-        defaultValue: values[0],
-        open: true,
-        closeOnSelect: false
-      });
-
-      // Change the value (already tested)
-      const newValue = setNewValue(values[0], {
-        isOpened: true,
-        selectSection
-      });
-
-      // Dismiss the picker
-      userEvent.mousePress(document.body);
-      expect(onChange.callCount).to.equal(getExpectedOnChangeCount(componentFamily, pickerParams));
-      expect(onAccept.callCount).to.equal(1);
-      expect(onAccept.lastCall.args[0]).toEqualDateTime(newValue);
-      expect(onClose.callCount).to.equal(1);
-    });
-    it('should not call onClose or onAccept when clicking outside of the picker if not opened', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
-        closeOnSelect: false
-      }));
-
-      // Dismiss the picker
-      userEvent.mousePress(document.body);
-      expect(onChange.callCount).to.equal(0);
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(0);
-    });
-    it('should not call onClose or onAccept when pressing escape when picker is not opened', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose
-      }));
-
-      // Dismiss the picker
-      userEvent.keyPress(document.body, {
-        key: 'Escape'
-      });
-      expect(onChange.callCount).to.equal(0);
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(0);
-    });
-  });
-};

package/tests/describeValue/testShortcuts.js

@@ -1,112 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["componentFamily", "render", "renderWithProps", "values", "emptyValue", "setNewValue"];
-import * as React from 'react';
-import { expect } from 'chai';
-import { spy } from 'sinon';
-import { expectPickerChangeHandlerValue } from 'test/utils/pickers';
-import { userEvent, screen } from '@mui/monorepo/test/utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const testShortcuts = (ElementToTest, options) => {
-  const {
-      componentFamily,
-      render,
-      values
-    } = options,
-    pickerParams = _objectWithoutPropertiesLoose(options, _excluded);
-  if (componentFamily !== 'picker') {
-    return;
-  }
-  describe('Picker shortcuts', () => {
-    it('should call onClose, onChange and onAccept when picking a shortcut without explicit changeImportance', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
-        defaultValue: values[0],
-        open: true,
-        closeOnSelect: true,
-        slotProps: {
-          shortcuts: {
-            items: [{
-              label: 'Test shortcut',
-              getValue: () => values[1]
-            }]
-          }
-        }
-      }));
-      const shortcut = screen.getByRole('button', {
-        name: 'Test shortcut'
-      });
-      userEvent.mousePress(shortcut);
-      expect(onChange.callCount).to.equal(1);
-      expectPickerChangeHandlerValue(pickerParams.type, onChange, values[1]);
-      expect(onAccept.callCount).to.equal(1);
-      expectPickerChangeHandlerValue(pickerParams.type, onAccept, values[1]);
-      expect(onClose.callCount).to.equal(1);
-    });
-    it('should call onClose and onChange when picking a shortcut with changeImportance="accept"', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
-        defaultValue: values[0],
-        open: true,
-        closeOnSelect: true,
-        slotProps: {
-          shortcuts: {
-            items: [{
-              label: 'Test shortcut',
-              getValue: () => values[1]
-            }],
-            changeImportance: 'accept'
-          }
-        }
-      }));
-      const shortcut = screen.getByRole('button', {
-        name: 'Test shortcut'
-      });
-      userEvent.mousePress(shortcut);
-      expect(onChange.callCount).to.equal(1);
-      expectPickerChangeHandlerValue(pickerParams.type, onChange, values[1]);
-      expect(onAccept.callCount).to.equal(1);
-      expectPickerChangeHandlerValue(pickerParams.type, onAccept, values[1]);
-      expect(onClose.callCount).to.equal(1);
-    });
-    it('should call onClose and onChange when picking a shortcut with changeImportance="set"', () => {
-      const onChange = spy();
-      const onAccept = spy();
-      const onClose = spy();
-      render( /*#__PURE__*/_jsx(ElementToTest, {
-        onChange: onChange,
-        onAccept: onAccept,
-        onClose: onClose,
-        defaultValue: values[0],
-        open: true,
-        closeOnSelect: true,
-        slotProps: {
-          shortcuts: {
-            items: [{
-              label: 'Test shortcut',
-              getValue: () => values[1]
-            }],
-            changeImportance: 'set'
-          }
-        }
-      }));
-      const shortcut = screen.getByRole('button', {
-        name: 'Test shortcut'
-      });
-      userEvent.mousePress(shortcut);
-      expect(onChange.callCount).to.equal(1);
-      expectPickerChangeHandlerValue(pickerParams.type, onChange, values[1]);
-      expect(onAccept.callCount).to.equal(0);
-      expect(onClose.callCount).to.equal(0);
-    });
-  });
-};