fixup! 💄(frontend) replace to cunningham Datepicker

openfun · Jul 19, 2023 · 83b5577 · 83b5577
1 parent 0025936
commit 83b5577
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 10 deletions.
diff --git a/...es/lib_classroom/src/components/ClassroomWidgetProvider/widgets/Scheduling/index.spec.tsx b/...es/lib_classroom/src/components/ClassroomWidgetProvider/widgets/Scheduling/index.spec.tsx
@@ -77,7 +77,11 @@ describe('<Scheduling />', () => {
       ),
     );
 
-    await userTypeDatePicker(startingAt, userEvent);
+    await userTypeDatePicker(
+      startingAt,
+      screen.getByText(/Starting date/i),
+      userEvent,
+    );
 
     deferredPatch.resolve({ message: 'Classroom scheduled.' });
 

diff --git a/src/frontend/packages/lib_components/src/common/SchedulingFields/index.spec.tsx b/src/frontend/packages/lib_components/src/common/SchedulingFields/index.spec.tsx
@@ -31,7 +31,7 @@ describe('<SchedulingFields />', () => {
     const startingAt = DateTime.local()
       .plus({ days: 1 })
       .set({ second: 0, millisecond: 0 });
-    await userTypeDatePicker(startingAt);
+    await userTypeDatePicker(startingAt, screen.getByText(/Starting date/i));
     expect(inputStartingAtDate).toHaveTextContent(startingAt.toLocaleString());
 
     const inputStartingAtTime = screen.getByLabelText(/starting time/i);
@@ -145,7 +145,10 @@ describe('<SchedulingFields />', () => {
       screen.getByTestId('starting-at-date-picker'),
     ).getByRole('presentation');
     expect(inputStartingAtDate).toHaveTextContent('mm/dd/yyyy');
-    await userTypeDatePicker(startingAtPast);
+    await userTypeDatePicker(
+      startingAtPast,
+      screen.getByText(/Starting date/i),
+    );
     const allSpin = await screen.findAllByRole('spinbutton');
 
     allSpin.forEach((spin) => {

diff --git a/src/frontend/packages/lib_tests/src/cunningham.tsx b/src/frontend/packages/lib_tests/src/cunningham.tsx
@@ -8,23 +8,24 @@ import { DateTime } from 'luxon';
  * @param userEvent
  */
 export const userTypeDatePicker = async (
-  startingAt: DateTime,
+  datetime: DateTime,
+  element: Element,
   userEvent?: ReturnType<typeof userEventInit.setup>,
 ) => {
   const localUserEvent = userEvent || userEventInit;
-  await localUserEvent.click(screen.getByText(/Starting date/i));
+  await localUserEvent.click(element);
 
   const [monthSegment, daySegment, yearSegment] = await screen.findAllByRole(
     'spinbutton',
   );
 
   await localUserEvent.click(monthSegment);
   expect(monthSegment).toHaveFocus();
-  await localUserEvent.keyboard(startingAt.toFormat('MM'));
+  await localUserEvent.keyboard(datetime.toFormat('MM'));
 
   expect(daySegment).toHaveFocus();
-  await localUserEvent.keyboard(startingAt.toFormat('dd'));
+  await localUserEvent.keyboard(datetime.toFormat('dd'));
 
   expect(yearSegment).toHaveFocus();
-  await localUserEvent.keyboard(startingAt.toFormat('yyyy'));
+  await localUserEvent.keyboard(datetime.toFormat('yyyy'));
 };
diff --git a/...src/components/common/VideoWidgetProvider/widgets/SchedulingAndDescription/index.spec.tsx b/...src/components/common/VideoWidgetProvider/widgets/SchedulingAndDescription/index.spec.tsx
@@ -109,7 +109,11 @@ describe('<SchedulingAndDescription />', () => {
 
     screen.getByText('Your live is not scheduled');
 
-    await userTypeDatePicker(startingAt, userEvent);
+    await userTypeDatePicker(
+      startingAt,
+      screen.getByText(/Starting date/i),
+      userEvent,
+    );
 
     const inputStartingAtDate = within(
       screen.getByTestId('starting-at-date-picker'),
@@ -224,7 +228,11 @@ describe('<SchedulingAndDescription />', () => {
       ),
     );
 
-    await userTypeDatePicker(startingAt, userEvent);
+    await userTypeDatePicker(
+      startingAt,
+      screen.getByText(/Starting date/i),
+      userEvent,
+    );
 
     expect(fetchMock.calls()).toHaveLength(0);