test: useEvent intead of fireEvent

Author: dcoa

src/authz-module/libraries-manager/ErrorPage/index.test.tsx

@@ -1,6 +1,5 @@
-import {
-  screen, fireEvent, waitFor,
-} from '@testing-library/react';
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { ErrorBoundary } from 'react-error-boundary';
 import { renderWrapper } from '@src/setupTest';
 import LibrariesErrorFallback from './index';
@@ -67,9 +66,8 @@ describe('LibrariesErrorFallback', () => {
         <ThrowError error={error} />
       </ErrorBoundary>,
     );
-    const reloadBtn = screen.getByText(/Reload Page/i);
-    fireEvent.click(reloadBtn);
-    // If your ErrorPage uses error.refetch, this will be called
-    await waitFor(() => expect(refetch).toHaveBeenCalled());
+    const user = userEvent.setup();
+    await user.click(screen.getByText(/Reload Page/i));
+    expect(refetch).toHaveBeenCalled();
   });
 });

src/authz-module/libraries-manager/context.tsx

@@ -6,8 +6,8 @@ import { AppContext } from '@edx/frontend-platform/react';
 import { useValidateUserPermissions } from '@src/data/hooks';
 import { usePermissionsByRole } from '@src/authz-module/data/hooks';
 import { PermissionMetadata, ResourceMetadata, Role } from 'types';
-import { libraryPermissions, libraryResourceTypes, libraryRolesMetadata } from './constants';
 import { CustomErrors } from '@src/constants';
+import { libraryPermissions, libraryResourceTypes, libraryRolesMetadata } from './constants';
 
 const LIBRARY_TEAM_PERMISSIONS = ['view_library_team', 'manage_library_team'];