nit bits

package.json

@@ -13,6 +13,26 @@
     "prettify": "prettier --write **/*.{ts,tsx,js,jsx,json}",
     "format": "prettier --write 'src/**/*.{ts,tsx,scss,css,json}'"
   },
+  "jest": {
+    "coveragePathIgnorePatterns": [
+      "node_modules",
+      "test-config",
+      "interfaces",
+      "jestGlobalMocks.ts",
+      ".module.ts",
+      "<rootDir>/src/App.tsx",
+      "<rootDir>/src/index.tsx",
+      "<rootDir>/src/reportWebVitals.ts"
+    ],
+    "coverageThreshold": {
+      "global": {
+        "statements": 80,
+        "branches": 80,
+        "functions": 80,
+        "lines": 80
+      }
+    }
+  },
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged"

src/components/__tests__/SearchForm.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import { Router } from 'react-router-dom';
 import SearchForm from 'components/SearchForm';
 import { createMemoryHistory } from 'history';
@@ -15,7 +15,7 @@ const renderWithRoute = (path: string) => {
   );
 };
 
-describe('NavBar', () => {
+describe('SearchForm', () => {
   test('should render search form with empty input on movies route', () => {
     renderWithRoute('/movies');
     const input = screen.getByRole('textbox') as HTMLInputElement;
@@ -32,14 +32,14 @@ describe('NavBar', () => {
     expect(input.value).toEqual(query);
   });
 
-  test('should change input value when user types', () => {
+  test('should change input value when user types', async () => {
     const query = 'red';
     renderWithRoute('/movies');
     const input = screen.getByRole('textbox') as HTMLInputElement;
     expect(input).toBeInTheDocument();
     expect(input.value).toEqual('');
 
     userEvent.type(input, query);
-    expect(input.value).toEqual(query);
+    await waitFor(() => expect(input.value).toEqual(query));
   });
 });

src/hoc/__tests__/withErrorHandler.integration.test.tsx

@@ -45,7 +45,5 @@ describe('Integration test between useHttpErrorHandler hook and withErrorHandler
     expect(screen.queryByTestId('close-button')).not.toBeInTheDocument();
     expect(screen.queryByText('Error')).not.toBeInTheDocument();
     expect(screen.queryByText(`${axiosError.message}`)).not.toBeInTheDocument();
-
-    screen.debug();
   });
 });

src/pages/__tests__/Home.test.tsx

@@ -34,22 +34,22 @@ describe('Home', () => {
     mockFetchGenres.mockResolvedValueOnce(genres);
     mockGetMovies.mockResolvedValueOnce(moviesResponse);
   });
-  // test('should render loading spinner', async () => {
-  //   const history = createMemoryHistory();
-  //   history.push(`/movies/${category}`);
-  //   render(
-  //     <HelmetProvider>
-  //       <AppContext.Provider value={{ genres: [], setGenres }}>
-  //         <Router history={history}>
-  //           <Route path={route.home}>
-  //             <Home />
-  //           </Route>
-  //         </Router>
-  //       </AppContext.Provider>
-  //     </HelmetProvider>
-  //   );
-  //   await waitFor(() => expect(screen.getByTestId('spinner')).toBeInTheDocument());
-  // });
+  test('should render loading spinner', async () => {
+    const history = createMemoryHistory();
+    history.push(`/movies/${category}`);
+    render(
+      <HelmetProvider>
+        <AppContext.Provider value={{ genres: [], setGenres }}>
+          <Router history={history}>
+            <Route path={route.home}>
+              <Home />
+            </Route>
+          </Router>
+        </AppContext.Provider>
+      </HelmetProvider>,
+    );
+    await waitFor(() => expect(screen.getByTestId('spinner')).toBeInTheDocument());
+  });
 
   test('should render movie list', async () => {
     const history = createMemoryHistory();