fix: fix test

src/App.test.js

@@ -1,13 +1,18 @@
-import { render, screen, fireEvent } from '@testing-library/react';
-import React from 'react';
+import { render, screen, fireEvent, act } from '@testing-library/react';
 import TodoList from './features/todos/TodoList';
+import React from 'react';
+import { store } from './app/store';
+import { Provider } from 'react-redux';
+
 
 test('renders todo list', () => {
-  render(<TodoList />);
+  render(
+    <Provider store={store}>
+      <TodoList />
+    </Provider>
+  );
 
-  render(<TodoList />);
-
-  const headingElement = screen.getAllByRole('heading', { name: /todo list/i })[0];
+  const headingElement = screen.getByRole('heading', { name: /todo list/i });
   expect(headingElement).toBeInTheDocument();
 
   const inputElement = screen.getByLabelText(/Add to list/i);
@@ -18,11 +23,15 @@ test('renders todo list', () => {
   expect(submitButton).toBeInTheDocument();
 });
 
-
 test('allows user to type in a new todo', () => {
-  render(<TodoList />);
+  render(
+    <Provider store={store}>
+      <TodoList />
+    </Provider>);
 
   const inputElement = screen.getByLabelText(/Add to list/i);
-  fireEvent.change(inputElement, { target: { value: 'New Todo Item' } });
+  act(() => {
+    fireEvent.change(inputElement, { target: { value: 'New Todo Item' } });
+  });
   expect(inputElement.value).toBe('New Todo Item');
-});
+});