Update tests

Author: LukasTy

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

@@ -1,14 +1,9 @@
 import * as React from 'react';
 import { expect } from 'chai';
 import { spy } from 'sinon';
-import { fireEvent, fireTouchChangedEvent, screen } from '@mui/internal-test-utils';
+import { fireEvent, screen } from '@mui/internal-test-utils';
 import { MobileDateTimePicker } from '@mui/x-date-pickers/MobileDateTimePicker';
-import {
-  adapterToUse,
-  createPickerRenderer,
-  openPicker,
-  getClockTouchEvent,
-} from 'test/utils/pickers';
+import { adapterToUse, createPickerRenderer, openPicker } from 'test/utils/pickers';
 import { hasTouchSupport, testSkipIf } from 'test/utils/skipIf';
 
 describe('<MobileDateTimePicker />', () => {
@@ -119,18 +114,14 @@ describe('<MobileDateTimePicker />', () => {
       expect(onChange.lastCall.args[0]).toEqualDateTime(new Date(2010, 0, 15));
 
       // Change the hours
-      const hourClockEvent = getClockTouchEvent(11, '12hours');
-      fireTouchChangedEvent(screen.getByTestId('clock'), 'touchmove', hourClockEvent);
-      fireTouchChangedEvent(screen.getByTestId('clock'), 'touchend', hourClockEvent);
+      fireEvent.click(screen.getByRole('option', { name: '11 hours' }));
       expect(onChange.callCount).to.equal(3);
       expect(onChange.lastCall.args[0]).toEqualDateTime(adapterToUse.date('2010-01-15T11:00:00'));
 
       // Change the minutes
-      const minuteClockEvent = getClockTouchEvent(53, 'minutes');
-      fireTouchChangedEvent(screen.getByTestId('clock'), 'touchmove', minuteClockEvent);
-      fireTouchChangedEvent(screen.getByTestId('clock'), 'touchend', minuteClockEvent);
+      fireEvent.click(screen.getByRole('option', { name: '55 minutes' }));
       expect(onChange.callCount).to.equal(4);
-      expect(onChange.lastCall.args[0]).toEqualDateTime(adapterToUse.date('2010-01-15T11:53:00'));
+      expect(onChange.lastCall.args[0]).toEqualDateTime(adapterToUse.date('2010-01-15T11:55:00'));
       expect(onAccept.callCount).to.equal(0);
       expect(onClose.callCount).to.equal(0);
     });

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { screen, fireEvent, fireTouchChangedEvent } from '@mui/internal-test-utils';
+import { screen, fireEvent } from '@mui/internal-test-utils';
 import {
   createPickerRenderer,
   adapterToUse,
   expectFieldValueV7,
   openPicker,
-  getClockTouchEvent,
   describeValidation,
   describeValue,
   describePicker,
@@ -82,22 +81,16 @@ describe('<MobileDateTimePicker /> - Describes', () => {
         screen.getByRole('gridcell', { name: adapterToUse.getDate(newValue).toString() }),
       );
       const hasMeridiem = adapterToUse.is12HourCycleInCurrentLocale();
-      // change hours
-      const hourClockEvent = getClockTouchEvent(
-        adapterToUse.getHours(newValue),
-        hasMeridiem ? '12hours' : '24hours',
+      const hours = adapterToUse.format(newValue, hasMeridiem ? 'hours12h' : 'hours24h');
+      const hoursNumber = adapterToUse.getHours(newValue);
+      fireEvent.click(screen.getByRole('option', { name: `${parseInt(hours, 10)} hours` }));
+      fireEvent.click(
+        screen.getByRole('option', { name: `${adapterToUse.getMinutes(newValue)} minutes` }),
       );
-      fireTouchChangedEvent(screen.getByTestId('clock'), 'touchmove', hourClockEvent);
-      fireTouchChangedEvent(screen.getByTestId('clock'), 'touchend', hourClockEvent);
-      // change minutes
-      const minutesClockEvent = getClockTouchEvent(adapterToUse.getMinutes(newValue), 'minutes');
-      fireTouchChangedEvent(screen.getByTestId('clock'), 'touchmove', minutesClockEvent);
-      fireTouchChangedEvent(screen.getByTestId('clock'), 'touchend', minutesClockEvent);
-
       if (hasMeridiem) {
-        const newHours = adapterToUse.getHours(newValue);
-        // select appropriate meridiem
-        fireEvent.click(screen.getByRole('button', { name: newHours >= 12 ? 'PM' : 'AM' }));
+        // meridiem is an extra view on `DesktopDateTimePicker`
+        // we need to click it to finish selection
+        fireEvent.click(screen.getByRole('option', { name: hoursNumber >= 12 ? 'PM' : 'AM' }));
       }
 
       // Close the picker

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

@@ -18,7 +18,7 @@ describe('<StaticDateTimePicker />', () => {
     fireEvent.click(screen.getByRole('gridcell', { name: '1' }));
     expect(onChange.callCount).to.equal(1);
 
-    expect(screen.getByLabelText(/Selected time/)).toBeVisible();
+    expect(screen.getByLabelText('35 minutes')).toBeVisible();
   });
 
   describe('Component slot: Tabs', () => {