env: reinstall @testing-library/user-event

Author: lja1018

apps/calendar/src/hooks/timeGrid/useTimeGridEventMove.spec.tsx

@@ -9,7 +9,7 @@ import { useTimeGridEventMove } from '@src/hooks/timeGrid/useTimeGridEventMove';
 import EventModel from '@src/model/eventModel';
 import EventUIModel from '@src/model/eventUIModel';
 import { createDate } from '@src/test/helpers';
-import { dragAndDrop, fireEvent, renderHook, screen } from '@src/test/utils';
+import { dragAndDrop, renderHook, screen, userEvent } from '@src/test/utils';
 import { Day, setTimeStrToDate, toFormat } from '@src/time/datetime';
 import { EventBusImpl } from '@src/utils/eventBus';
 import { noop } from '@src/utils/noop';
@@ -119,11 +119,12 @@ describe('useTimeGridEventMove', () => {
 
   it('should return null when not dragging', () => {
     // Given
+    const user = userEvent.setup();
     const result = setup();
     const event = screen.getByText('Event 1');
 
     // When
-    fireEvent.click(event);
+    user.click(event);
 
     // Then
     expect(result.current?.movingEvent).toBeNull();

apps/calendar/src/test/utils.tsx

@@ -6,6 +6,7 @@ import {
   render as ptlRender,
   renderHook as ptlRenderHook,
 } from '@testing-library/preact';
+import { default as userEvent } from '@testing-library/user-event';
 
 import { CalendarContainer } from '@src/calendarContainer';
 import { initCalendarStore } from '@src/contexts/calendarStore';
@@ -98,4 +99,5 @@ export function hasDesiredStartTime(el: HTMLElement, startTimeStr: FormattedTime
 }
 
 export * from '@testing-library/preact';
-export { render, renderHook };
+export * from '@testing-library/user-event';
+export { render, renderHook, userEvent };

package-lock.json

@@ -9,6 +9,7 @@
     "@rollup/plugin-commonjs": "^22.0.1",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/preact": "^3.2.2",
+    "@testing-library/user-event": "^14.3.0",
     "@types/dompurify": "^2.3.3",
     "@types/jest": "^27.4.1",
     "@types/node": "^17.0.23",