Made additional changes to **/_tests__**

Author: barnaboss305

src/components/TaskEditSuggestions/Components/__tests__/TaskEditSuggestionRow.test.js

@@ -1,8 +1,7 @@
-import React from 'react';
 import { render, fireEvent, screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import userEvent from '@testing-library/user-event';
-import { TaskEditSuggestionRow } from 'components/TaskEditSuggestions/Components/TaskEditSuggestionRow';  
+import { TaskEditSuggestionRow } from '../TaskEditSuggestionRow';
 
 // Mock the `datetimeToDate` function
 jest.mock('components/TeamMemberTasks/components/TaskDifferenceModal', () => ({
@@ -21,43 +20,37 @@ describe('TaskEditSuggestionRow', () => {
     jest.clearAllMocks();
   });
 
-
-  
   it('renders the task edit suggestion information', () => {
     render(
       <TaskEditSuggestionRow
         taskEditSuggestion={taskEditSuggestionMock}
         handleToggleTaskEditSuggestionModal={mockHandleToggle}
-      />
+      />,
     );
 
     expect(screen.getByText('Mocked Date')).toBeInTheDocument();
     expect(screen.getByText(taskEditSuggestionMock.user)).toBeInTheDocument();
     expect(screen.getByText(taskEditSuggestionMock.oldTask.taskName)).toBeInTheDocument();
   });
 
-
-
   it('calls handleToggleTaskEditSuggestionModal with taskEditSuggestion data when the row is clicked', () => {
     render(
       <TaskEditSuggestionRow
         taskEditSuggestion={taskEditSuggestionMock}
         handleToggleTaskEditSuggestionModal={mockHandleToggle}
-      />
+      />,
     );
 
     fireEvent.click(screen.getByRole('row'));
     expect(mockHandleToggle).toHaveBeenCalledWith(taskEditSuggestionMock);
   });
 
-
-
   it('calls handleToggleTaskEditSuggestionModal with taskEditSuggestion data when the button is clicked', () => {
     render(
       <TaskEditSuggestionRow
         taskEditSuggestion={taskEditSuggestionMock}
         handleToggleTaskEditSuggestionModal={mockHandleToggle}
-      />
+      />,
     );
 
     fireEvent.click(screen.getByText('View Suggestion'));
@@ -66,9 +59,7 @@ describe('TaskEditSuggestionRow', () => {
     expect(mockHandleToggle).toHaveBeenCalledTimes(1);
   });
 
-
   it('prevents event propagation when the button is clicked', () => {
-    
     const mockParentHandler = jest.fn();
 
     render(
@@ -77,24 +68,22 @@ describe('TaskEditSuggestionRow', () => {
           taskEditSuggestion={taskEditSuggestionMock}
           handleToggleTaskEditSuggestionModal={mockHandleToggle}
         />
-      </div>
+      </div>,
     );
 
     const button = screen.getByText('View Suggestion');
     userEvent.click(button);
 
     expect(mockParentHandler).not.toHaveBeenCalled();
     expect(mockHandleToggle).toHaveBeenCalledWith(taskEditSuggestionMock);
-    
   });
 
-
   it('applies inline styles to the button', () => {
     render(
       <TaskEditSuggestionRow
         taskEditSuggestion={taskEditSuggestionMock}
         handleToggleTaskEditSuggestionModal={mockHandleToggle}
-      />
+      />,
     );
 
     const button = screen.getByText('View Suggestion');
@@ -106,14 +95,12 @@ describe('TaskEditSuggestionRow', () => {
     });
   });
 
-
-
   it('updates when taskEditSuggestion prop changes', () => {
     const { rerender } = render(
       <TaskEditSuggestionRow
         taskEditSuggestion={taskEditSuggestionMock}
         handleToggleTaskEditSuggestionModal={mockHandleToggle}
-      />
+      />,
     );
 
     const newTaskEditSuggestion = {
@@ -126,10 +113,10 @@ describe('TaskEditSuggestionRow', () => {
       <TaskEditSuggestionRow
         taskEditSuggestion={newTaskEditSuggestion}
         handleToggleTaskEditSuggestionModal={mockHandleToggle}
-      />
+      />,
     );
 
     expect(screen.getByText('new-user')).toBeInTheDocument();
     expect(screen.getByText('New Task')).toBeInTheDocument();
   });
-});
+});

src/components/TaskEditSuggestions/Components/__tests__/TaskEditSuggestionsModal.test.js

@@ -1,16 +1,14 @@
-import React from 'react';
-import { TaskEditSuggestionsModal } from 'components/TaskEditSuggestions/Components/TaskEditSuggestionsModal';  
+/* eslint-disable react/jsx-props-no-spreading */
 import * as reduxHooks from 'react-redux';
-import { waitFor, render, fireEvent, screen } from '@testing-library/react';
-import { act } from 'react-dom/test-utils';
+import { render, screen } from '@testing-library/react';
+import { TaskEditSuggestionsModal } from '../TaskEditSuggestionsModal';
 
 jest.mock('react-redux', () => ({
   useDispatch: jest.fn(),
   useSelector: jest.fn(),
   useStore: jest.fn(),
 }));
 
-
 const mockDispatch = jest.fn();
 const mockGetState = jest.fn();
 const mockToggleModal = jest.fn();
@@ -24,7 +22,6 @@ beforeEach(() => {
   jest.clearAllMocks();
   reduxHooks.useDispatch.mockReturnValue(mockDispatch);
   reduxHooks.useStore.mockReturnValue({ getState: mockGetState });
-
 });
 
 describe('TaskEditSuggestionsModal Rendering', () => {
@@ -43,7 +40,7 @@ describe('TaskEditSuggestionsModal Rendering', () => {
     const taskEditSuggestion = {
       user: 'John Doe',
       oldTask: {
-        taskName: 'Old Task Name',       
+        taskName: 'Old Task Name',
       },
       newTask: {
         taskName: 'New Task Name',
@@ -52,16 +49,12 @@ describe('TaskEditSuggestionsModal Rendering', () => {
     const props = { ...defaultProps, taskEditSuggestion, isTaskEditSuggestionsModalOpen: true };
     const { queryByText } = render(<TaskEditSuggestionsModal {...props} />);
     expect(queryByText(/John Doe/i)).not.toBeInTheDocument();
-    
   });
 });
 
-
-
 describe('TaskEditSuggestionsModal Redux Integration', () => {
   it('uses useDispatch hook', () => {
     render(<TaskEditSuggestionsModal {...defaultProps} />);
     expect(reduxHooks.useDispatch).toHaveBeenCalled();
   });
-
 });

src/components/TaskEditSuggestions/__tests__/TaskEditSuggestions.test.js

@@ -1,10 +1,9 @@
-import React from 'react';
 import { render, fireEvent, screen } from '@testing-library/react';
 import * as reduxHooks from 'react-redux';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';
 import { waitFor } from '@testing-library/react';
-import { themeMock } from '__tests__/mockStates';
+import { themeMock } from '../../../__tests__/mockStates';
 import { toggleDateSuggestedSortDirection, toggleUserSortDirection } from '../actions';
 import TaskEditSuggestions from '../TaskEditSuggestions';
 
@@ -151,8 +150,6 @@ describe('TaskEditSuggestions loading', () => {
     });
     testStore.dispatch({ type: 'FETCH_TASK_EDIT_SUGGESTIONS_BEGIN' });
 
-    const state = testStore.getState();
-
     render(
       <Provider store={testStore}>
         <TaskEditSuggestions />

src/components/TaskEditSuggestions/__tests__/actions.test.js

@@ -1,5 +1,3 @@
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk'; 
 import {
   fetchTaskEditSuggestionsBegin,
   fetchTaskEditSuggestionsSuccess,
@@ -8,10 +6,7 @@ import {
   toggleDateSuggestedSortDirection,
   toggleUserSortDirection,
   fetchTaskEditSuggestionCountSuccess,
-} from '../actions'; 
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
+} from '../actions';
 
 describe('Redux Actions', () => {
   it('should create an action to begin fetching task edit suggestions', () => {
@@ -20,7 +15,9 @@ describe('Redux Actions', () => {
   });
 
   it('should create an action for successful task edit suggestions fetching', () => {
-    const data = { /* your data here */ };
+    const data = {
+      /* your data here */
+    };
     const expectedAction = { type: 'FETCH_TASK_EDIT_SUGGESTIONS_SUCESS', payload: data };
     expect(fetchTaskEditSuggestionsSuccess(data)).toEqual(expectedAction);
   });
@@ -62,4 +59,4 @@ describe('Redux Actions', () => {
     };
     expect(fetchTaskEditSuggestionCountSuccess(count)).toEqual(expectedAction);
   });
-});
+});