test: update fireEvent with useEvent

Author: dcoa

src/authz-module/components/RoleCard/index.test.tsx

@@ -1,6 +1,7 @@
-import { fireEvent, screen } from '@testing-library/react';
+import { screen } from '@testing-library/react';
 import { renderWrapper } from '@src/setupTest';
 import RoleCard from '.';
+import userEvent from '@testing-library/user-event';
 
 jest.mock('@openedx/paragon/icons', () => ({
   Delete: () => <svg data-testid="delete-icon" />,
@@ -33,7 +34,8 @@ describe('RoleCard', () => {
     ],
   };
 
-  it('renders all role card sections correctly', () => {
+  it('renders all role card sections correctly', async () => {
+    const user = userEvent.setup();
     renderWrapper(<RoleCard {...defaultProps} />);
 
     // Title
@@ -55,7 +57,7 @@ describe('RoleCard', () => {
     // Collapsible title
     expect(screen.getByText('Permissions')).toBeInTheDocument();
 
-    fireEvent.click(screen.getByText('Permissions'));
+    user.click(screen.getByText('Permissions'));
 
     // Resource label
     expect(screen.getByText('Library Resource')).toBeInTheDocument();