[core] Make DatePickers tests independent from other packages

babel.config.js

@@ -26,6 +26,7 @@ const defaultAlias = {
   ),
   docs: resolveAliasPath('./node_modules/@mui/monorepo/docs'),
   test: resolveAliasPath('./test'),
+  '@unit/date-pickers': resolveAliasPath('./test/unit-date-pickers'),
   packages: resolveAliasPath('./packages'),
 };
 

package.json

@@ -53,7 +53,7 @@
     "test:regressions:server": "serve test/regressions -p 5001",
     "test:argos": "node ./scripts/pushArgos.mjs",
     "typescript": "lerna run --no-bail --parallel typescript",
-    "typescript:ci": "lerna run --concurrency 1 --no-bail --no-sort typescript",
+    "typescript:ci": "lerna run --concurrency 1 --no-bail typescript",
     "use-react-version": "node scripts/useReactVersion.mjs",
     "build:codesandbox": "lerna run --concurrency 3 --no-private --scope \"@mui/*\" build",
     "install:codesandbox": "pnpm install --no-frozen-lockfile",
@@ -64,7 +64,8 @@
     "release:publish:dry-run": "pnpm publish --recursive --tag latest --registry=\"http://localhost:4873/\"",
     "release:tag": "node scripts/releaseTag.mjs",
     "validate": "concurrently \"pnpm prettier && pnpm eslint\" \"pnpm proptypes\" \"pnpm docs:typescript:formatted\" \"pnpm docs:api\"",
-    "clean:node_modules": "rimraf --glob \"**/node_modules\""
+    "clean:node_modules": "rimraf --glob \"**/node_modules\"",
+    "test:unit:pickers": "pnpm --filter @mui-x-internal/unit-date-pickers test:unit"
   },
   "devDependencies": {
     "@actions/core": "^1.10.1",

packages/x-charts-pro/tsconfig.json

@@ -10,5 +10,5 @@
     ],
     "noImplicitAny": false
   },
-  "include": ["src/**/*", "../../test/utils/addChaiAssertions.ts"]
+  "include": ["src/**/*"]
 }

packages/x-charts/tsconfig.json

@@ -9,5 +9,5 @@
       "node"
     ]
   },
-  "include": ["src/**/*", "../../test/utils/addChaiAssertions.ts", "../../test/utils/init.ts"]
+  "include": ["src/**/*", "../../test/utils/init.ts"]
 }

packages/x-date-pickers-pro/src/DateRangeCalendar/DateRangeCalendar.test.tsx

@@ -13,7 +13,7 @@ import {
   buildPickerDragInteractions,
   rangeCalendarDayTouches,
   createPickerRenderer,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { MockedDataTransfer } from 'test/utils/dragAndDrop';
 import {
   DateRangeCalendar,

packages/x-date-pickers-pro/src/DateRangePicker/DateRangePicker.test.tsx

@@ -7,7 +7,7 @@ import {
   createPickerRenderer,
   getFieldInputRoot,
   stubMatchMedia,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 
 describe('<DateRangePicker />', () => {
   const { render, clock } = createPickerRenderer({

packages/x-date-pickers-pro/src/DateRangePicker/describes.DateRangePicker.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';
-import { createPickerRenderer } from 'test/utils/pickers';
+import { createPickerRenderer } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<DateRangePicker /> - Describes', () => {

packages/x-date-pickers-pro/src/DateRangePickerDay/DateRangePickerDay.test.tsx

@@ -3,7 +3,7 @@ import {
   DateRangePickerDay,
   dateRangePickerDayClasses as classes,
 } from '@mui/x-date-pickers-pro/DateRangePickerDay';
-import { createPickerRenderer, adapterToUse } from 'test/utils/pickers';
+import { createPickerRenderer, adapterToUse } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<DateRangePickerDay />', () => {

packages/x-date-pickers-pro/src/DateTimeRangePicker/tests/describes.DateTimeRangePicker.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { createPickerRenderer } from 'test/utils/pickers';
+import { createPickerRenderer } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 import { DateTimeRangePicker } from '../DateTimeRangePicker';
 

packages/x-date-pickers-pro/src/DesktopDateRangePicker/tests/DesktopDateRangePicker.test.tsx

@@ -14,7 +14,7 @@ import {
   openPicker,
   getFieldSectionsContainer,
   getTextbox,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 
 const isJSDOM = /jsdom/.test(window.navigator.userAgent);
 

packages/x-date-pickers-pro/src/DesktopDateRangePicker/tests/describes.DesktopDateRangePicker.test.tsx

@@ -9,7 +9,7 @@ import {
   describeRangeValidation,
   getFieldInputRoot,
   getFieldSectionsContainer,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { DesktopDateRangePicker } from '@mui/x-date-pickers-pro/DesktopDateRangePicker';
 import { SingleInputDateRangeField } from '@mui/x-date-pickers-pro/SingleInputDateRangeField';
 import { describeConformance } from 'test/utils/describeConformance';

packages/x-date-pickers-pro/src/DesktopDateTimeRangePicker/tests/DesktopDateTimeRangePicker.test.tsx

@@ -7,7 +7,7 @@ import {
   openPicker,
   getFieldSectionsContainer,
   expectFieldValueV7,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { DesktopDateTimeRangePicker } from '../DesktopDateTimeRangePicker';
 
 describe('<DesktopDateTimeRangePicker />', () => {

packages/x-date-pickers-pro/src/DesktopDateTimeRangePicker/tests/describes.DesktopDateTimeRangePicker.test.tsx

@@ -8,7 +8,7 @@ import {
   describePicker,
   describeRangeValidation,
   getFieldSectionsContainer,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { DesktopDateTimeRangePicker } from '../DesktopDateTimeRangePicker';
 
 describe('<DesktopDateTimeRangePicker /> - Describes', () => {

packages/x-date-pickers-pro/src/MobileDateRangePicker/tests/MobileDateRangePicker.test.tsx

@@ -8,7 +8,7 @@ import {
   adapterToUse,
   openPicker,
   getFieldSectionsContainer,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { DateRange } from '@mui/x-date-pickers-pro/models';
 import { SingleInputDateRangeField } from '@mui/x-date-pickers-pro/SingleInputDateRangeField';
 

packages/x-date-pickers-pro/src/MobileDateRangePicker/tests/describes.MobileDateRangePicker.test.tsx

@@ -10,7 +10,7 @@ import {
   describeValue,
   describePicker,
   getFieldSectionsContainer,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<MobileDateRangePicker /> - Describes', () => {

packages/x-date-pickers-pro/src/MobileDateTimeRangePicker/tests/describes.MobileDateTimeRangePicker.test.tsx

@@ -9,7 +9,7 @@ import {
   describeRangeValidation,
   getFieldSectionsContainer,
   openPicker,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { MobileDateTimeRangePicker } from '../MobileDateTimeRangePicker';
 
 describe('<MobileDateTimeRangePicker /> - Describes', () => {

packages/x-date-pickers-pro/src/MultiInputDateRangeField/tests/MultiInputDateRangeField.validation.test.tsx

@@ -4,7 +4,7 @@ import {
   adapterToUse,
   describeRangeValidation,
   setValueOnFieldInput,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 
 describe('<MultiInputDateRangeField />', () => {
   const { render, clock } = createPickerRenderer({ clock: 'fake' });

packages/x-date-pickers-pro/src/MultiInputDateRangeField/tests/describes.MultiInputDateRangeField.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MultiInputDateRangeField } from '@mui/x-date-pickers-pro/MultiInputDateRangeField';
-import { createPickerRenderer } from 'test/utils/pickers';
+import { createPickerRenderer } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<MultiInputDateRangeField />', () => {

packages/x-date-pickers-pro/src/MultiInputDateTimeRangeField/tests/MultiInputDateTimeRangeField.validation.test.tsx

@@ -4,7 +4,7 @@ import {
   adapterToUse,
   describeRangeValidation,
   setValueOnFieldInput,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 
 describe('<MultiInputDateTimeRangeField />', () => {
   const { render, clock } = createPickerRenderer({ clock: 'fake' });

packages/x-date-pickers-pro/src/MultiInputDateTimeRangeField/tests/describes.MultiInputDateTimeRangeField.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MultiInputDateTimeRangeField } from '@mui/x-date-pickers-pro/MultiInputDateTimeRangeField';
-import { createPickerRenderer } from 'test/utils/pickers';
+import { createPickerRenderer } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<MultiInputDateTimeRangeField />', () => {

packages/x-date-pickers-pro/src/MultiInputTimeRangeField/tests/MultiInputTimeRangeField.validation.test.tsx

@@ -4,7 +4,7 @@ import {
   adapterToUse,
   describeRangeValidation,
   setValueOnFieldInput,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 
 describe('<MultiInputTimeRangeField />', () => {
   const { render, clock } = createPickerRenderer({ clock: 'fake' });

packages/x-date-pickers-pro/src/MultiInputTimeRangeField/tests/describes.MultiInputTimeRangeField.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MultiInputTimeRangeField } from '@mui/x-date-pickers-pro/MultiInputTimeRangeField';
-import { createPickerRenderer } from 'test/utils/pickers';
+import { createPickerRenderer } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<MultiInputTimeRangeField />', () => {

packages/x-date-pickers-pro/src/PickersRangeCalendarHeader/describes.PickersRangeCalendarHeader.test.tsx

@@ -3,7 +3,7 @@ import { pickersCalendarHeaderClasses } from '@mui/x-date-pickers/PickersCalenda
 import { pickersArrowSwitcherClasses } from '@mui/x-date-pickers/internals';
 import { PickersRangeCalendarHeader } from '@mui/x-date-pickers-pro/PickersRangeCalendarHeader';
 import { ConformanceOptions } from '@mui/internal-test-utils';
-import { adapterToUse, createPickerRenderer } from 'test/utils/pickers';
+import { adapterToUse, createPickerRenderer } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 const CALENDARS_TO_CLASSES_MAP: Record<1 | 2, ConformanceOptions['classes']> = {

packages/x-date-pickers-pro/src/SingleInputDateRangeField/tests/describes.SingleInputDateRangeField.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
 import { SingleInputDateRangeField } from '@mui/x-date-pickers-pro/SingleInputDateRangeField';
-import { createPickerRenderer, describeRangeValidation } from 'test/utils/pickers';
+import { createPickerRenderer, describeRangeValidation } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<SingleInputDateRangeField /> - Describes', () => {

packages/x-date-pickers-pro/src/SingleInputDateRangeField/tests/editing.SingleInputDateRangeField.test.tsx

@@ -7,7 +7,7 @@ import {
   expectFieldValueV6,
   describeAdapters,
   getTextbox,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 
 describe('<SingleInputDateRangeField /> - Editing', () => {
   describeAdapters(`key: Delete`, SingleInputDateRangeField, ({ adapter, renderWithProps }) => {

packages/x-date-pickers-pro/src/SingleInputDateRangeField/tests/selection.SingleInputDateRangeField.test.tsx

@@ -9,7 +9,7 @@ import {
   createPickerRenderer,
   expectFieldValueV7,
   expectFieldValueV6,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 
 describe('<SingleInputDateRangeField /> - Selection', () => {
   const { render, clock } = createPickerRenderer({ clock: 'fake' });

packages/x-date-pickers-pro/src/SingleInputDateTimeRangeField/tests/describes.SingleInputDateTimeRangeField.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SingleInputDateTimeRangeField } from '@mui/x-date-pickers-pro/SingleInputDateTimeRangeField';
-import { createPickerRenderer, describeRangeValidation } from 'test/utils/pickers';
+import { createPickerRenderer, describeRangeValidation } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<SingleInputDateTimeRangeField /> - Describes', () => {

packages/x-date-pickers-pro/src/SingleInputTimeRangeField/tests/describes.SingleInputTimeRangeField.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SingleInputTimeRangeField } from '@mui/x-date-pickers-pro/SingleInputTimeRangeField';
-import { createPickerRenderer, describeRangeValidation } from 'test/utils/pickers';
+import { createPickerRenderer, describeRangeValidation } from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<SingleInputTimeRangeField /> - Describes', () => {

packages/x-date-pickers-pro/src/StaticDateRangePicker/StaticDateRangePicker.test.tsx

@@ -3,7 +3,11 @@ import { expect } from 'chai';
 import { isWeekend } from 'date-fns';
 import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker';
 import { screen } from '@mui/internal-test-utils';
-import { createPickerRenderer, adapterToUse, describeRangeValidation } from 'test/utils/pickers';
+import {
+  createPickerRenderer,
+  adapterToUse,
+  describeRangeValidation,
+} from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<StaticDateRangePicker />', () => {

packages/x-date-pickers-pro/src/internals/utils/date-range-manager.test.ts

@@ -1,5 +1,5 @@
 import { expect } from 'chai';
-import { adapterToUse } from 'test/utils/pickers';
+import { adapterToUse } from '@unit/date-pickers/helpers';
 import { calculateRangeChange, calculateRangePreview } from './date-range-manager';
 import { DateRange } from '../../models';
 

packages/x-date-pickers-pro/tsconfig.json

@@ -12,5 +12,5 @@
     ],
     "noImplicitAny": false
   },
-  "include": ["src/**/*", "../../test/utils/addChaiAssertions.ts"]
+  "include": ["src/**/*", "../../test/unit-date-pickers/setup/chaiAssertions.d.ts"]
 }

packages/x-date-pickers/src/AdapterDateFns/AdapterDateFns.test.tsx

@@ -8,7 +8,7 @@ import {
   describeGregorianAdapter,
   TEST_DATE_ISO_STRING,
   buildFieldInteractions,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { enUS, fr, de, ru } from 'date-fns/locale';
 
 describe('<AdapterDateFns />', () => {

packages/x-date-pickers/src/AdapterDateFnsJalali/AdapterDateFnsJalali.test.tsx

@@ -6,7 +6,7 @@ import {
   expectFieldValueV7,
   describeJalaliAdapter,
   buildFieldInteractions,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { enUS } from 'date-fns/locale';
 import faIR from 'date-fns-jalali/locale/fa-IR';
 import faJalaliIR from 'date-fns-jalali/locale/fa-jalali-IR';

packages/x-date-pickers/src/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.test.tsx

@@ -6,7 +6,7 @@ import {
   expectFieldValueV7,
   describeJalaliAdapter,
   buildFieldInteractions,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { enUS, faIR } from 'date-fns-jalali/locale';
 import { AdapterFormats } from '@mui/x-date-pickers/models';
 

packages/x-date-pickers/src/AdapterDateFnsV3/AdapterDateFnsV3.test.tsx

@@ -1,5 +1,5 @@
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
-import { describeGregorianAdapter } from 'test/utils/pickers/describeGregorianAdapter';
+import { describeGregorianAdapter } from '@unit/date-pickers/helpers/describeGregorianAdapter';
 import { fr } from 'date-fns/locale';
 
 describe('<AdapterDateFnsV3 />', () => {

packages/x-date-pickers/src/AdapterDayjs/AdapterDayjs.test.tsx

@@ -9,7 +9,7 @@ import {
   describeGregorianAdapter,
   TEST_DATE_ISO_STRING,
   buildFieldInteractions,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import 'dayjs/locale/fr';
 import 'dayjs/locale/de';
 // We import the plugins here just to have the typing

packages/x-date-pickers/src/AdapterLuxon/AdapterLuxon.test.tsx

@@ -10,7 +10,7 @@ import {
   describeGregorianAdapter,
   TEST_DATE_ISO_STRING,
   buildFieldInteractions,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 
 describe('<AdapterLuxon />', () => {
   describeGregorianAdapter(AdapterLuxon, {

packages/x-date-pickers/src/AdapterMoment/AdapterMoment.test.tsx

@@ -11,7 +11,7 @@ import {
   describeGregorianAdapter,
   TEST_DATE_ISO_STRING,
   buildFieldInteractions,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import 'moment/locale/de';
 import 'moment/locale/fr';
 import 'moment/locale/ko';

packages/x-date-pickers/src/AdapterMomentHijri/AdapterMomentHijri.test.tsx

@@ -8,7 +8,7 @@ import {
   expectFieldValueV7,
   describeHijriAdapter,
   buildFieldInteractions,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import 'moment/locale/ar';
 
 describe('<AdapterMomentHijri />', () => {

packages/x-date-pickers/src/AdapterMomentJalaali/AdapterMomentJalaali.test.tsx

@@ -8,7 +8,7 @@ import {
   expectFieldValueV7,
   describeJalaliAdapter,
   buildFieldInteractions,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { AdapterFormats } from '@mui/x-date-pickers/models';
 import 'moment/locale/fa';
 

packages/x-date-pickers/src/DateCalendar/tests/DateCalendar.test.tsx

@@ -4,7 +4,7 @@ import { spy } from 'sinon';
 import { fireEvent, userEvent, screen } from '@mui/internal-test-utils';
 import { DateCalendar } from '@mui/x-date-pickers/DateCalendar';
 import { PickersDay } from '@mui/x-date-pickers/PickersDay';
-import { createPickerRenderer, adapterToUse } from 'test/utils/pickers';
+import { createPickerRenderer, adapterToUse } from '@unit/date-pickers/helpers';
 
 const isJSDOM = /jsdom/.test(window.navigator.userAgent);
 

packages/x-date-pickers/src/DateCalendar/tests/describes.DateCalendar.test.tsx

@@ -8,7 +8,7 @@ import {
   createPickerRenderer,
   describeValidation,
   describeValue,
-} from 'test/utils/pickers';
+} from '@unit/date-pickers/helpers';
 import { describeConformance } from 'test/utils/describeConformance';
 
 describe('<DateCalendar /> - Describes', () => {

packages/x-date-pickers/src/DateCalendar/tests/keyboard.DateCalendar.test.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { act, fireEvent, screen } from '@mui/internal-test-utils';
 import { DateCalendar } from '@mui/x-date-pickers/DateCalendar';
-import { adapterToUse, createPickerRenderer } from 'test/utils/pickers';
+import { adapterToUse, createPickerRenderer } from '@unit/date-pickers/helpers';
 
 describe('<DateCalendar /> keyboard interactions', () => {
   const { render, clock } = createPickerRenderer({ clock: 'fake' });

packages/x-date-pickers/src/DateCalendar/tests/localization.DateCalendar.test.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { expect } from 'chai';
 import { screen } from '@mui/internal-test-utils';
 import { DateCalendar } from '@mui/x-date-pickers/DateCalendar';
-import { createPickerRenderer, AdapterName } from 'test/utils/pickers';
+import { createPickerRenderer, AdapterName } from '@unit/date-pickers/helpers';
 import { he } from 'date-fns/locale';
 import 'dayjs/locale/he';
 import 'moment/locale/he';

packages/x-date-pickers/src/DateCalendar/tests/timezone.DateCalendar.test.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { spy } from 'sinon';
 import { expect } from 'chai';
 import { userEvent, screen } from '@mui/internal-test-utils';
-import { describeAdapters } from 'test/utils/pickers';
+import { describeAdapters } from '@unit/date-pickers/helpers';
 import { DateCalendar } from '@mui/x-date-pickers/DateCalendar';
 
 const TIMEZONE_TO_TEST = ['UTC', 'system', 'America/New_York'];