fix: enzyme testing replaced fireEvent whit useEvent

openedx · Jan 14, 2025 · 9d04112 · 9d04112
1 parent 09fed2f
commit 9d04112
Showing 1 changed file with 6 additions and 41 deletions.
diff --git a/lms/djangoapps/instructor/static/instructor/ProblemBrowser/components/Main/Main.test.jsx b/lms/djangoapps/instructor/static/instructor/ProblemBrowser/components/Main/Main.test.jsx
@@ -1,7 +1,8 @@
 /* global jest, test, describe, expect */
 import { Provider } from 'react-redux';
 import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';  // Importa render y fireEvent
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import store from '../../data/store';
 
 import Main from './Main';
@@ -12,43 +13,7 @@ describe('ProblemBrowser Main component', () => {
     const taskStatusEndpoint = '/api/task_status/';
     const excludedBlockTypes = [];
 
-    test('render with basic parameters', () => {
-        const { asFragment } = render(
-            <Provider store={store}>
-                <Main
-                    courseId={courseId}
-                    createProblemResponsesReportTask={jest.fn()}
-                    excludeBlockTypes={excludedBlockTypes}
-                    fetchCourseBlocks={jest.fn()}
-                    problemResponsesEndpoint={problemResponsesEndpoint}
-                    onSelectBlock={jest.fn()}
-                    selectedBlock={null}
-                    taskStatusEndpoint={taskStatusEndpoint}
-                />
-            </Provider>
-        );
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    test('render with selected block', () => {
-        const { asFragment } = render(
-            <Provider store={store}>
-                <Main
-                    courseId={courseId}
-                    createProblemResponsesReportTask={jest.fn()}
-                    excludeBlockTypes={excludedBlockTypes}
-                    fetchCourseBlocks={jest.fn()}
-                    problemResponsesEndpoint={problemResponsesEndpoint}
-                    onSelectBlock={jest.fn()}
-                    selectedBlock="some-selected-block"
-                    taskStatusEndpoint={taskStatusEndpoint}
-                />
-            </Provider>
-        );
-        expect(asFragment()).toMatchSnapshot();
-    });
-
-    test('fetch course block on toggling dropdown', () => {
+    test('fetch course block on toggling dropdown', async () => {
         const fetchCourseBlocksMock = jest.fn();
         render(
             <Provider store={store}>
@@ -66,11 +31,11 @@ describe('ProblemBrowser Main component', () => {
         );
 
         const toggleButton = screen.getByRole('button', { name: 'Select a section or problem' });
-        fireEvent.click(toggleButton);
+        await userEvent.click(toggleButton);
         expect(fetchCourseBlocksMock).toHaveBeenCalledTimes(1);
     });
 
-    test('display dropdown on toggling dropdown', () => {
+    test('display dropdown on toggling dropdown', async () => {
         render(
             <Provider store={store}>
                 <Main
@@ -88,7 +53,7 @@ describe('ProblemBrowser Main component', () => {
 
         expect(screen.queryByTestId('block-browser-container')).toBeNull();
         const toggleButton = screen.getByRole('button', { name: 'Select a section or problem' });
-        fireEvent.click(toggleButton);
+        await userEvent.click(toggleButton);
         expect(screen.getByTestId('block-browser-container')).toBeInTheDocument();
     });
 });