apply pre-commit

website/src/README.md

@@ -1,10 +1,13 @@
-
 # Unit testing with Jest and React Testing Library
 
-[Jest](https://jestjs.io/) is a test runner that is commonly coupled with [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) for creating unit tests.
+[Jest](https://jestjs.io/) is a test runner that is commonly coupled with
+[React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) for creating unit tests.
 
 ## Creating tests
-To begin writing tests, create a file ending in `.test.ts` for non-React code or a file ending with `.test.tsx` for testing React code. For example, a test file for React component `TaskOption.tsx` would be named `TaskOption.test.tsx` and would be created within the same directory as the component.
+
+To begin writing tests, create a file ending in `.test.ts` for non-React code or a file ending with `.test.tsx` for
+testing React code. For example, a test file for React component `TaskOption.tsx` would be named `TaskOption.test.tsx`
+and would be created within the same directory as the component.
 
 ```
 // TaskOption.test.tsx
@@ -44,13 +47,26 @@ describe("TaskOption component", () => {
 });
 
 ```
-This is a test that checks if the component has rendered correctly and if it navigates properly on click. The testing methods, component, and its props type are imported. The `describe` is a Jest method that is used to group related tests together while the `it` is what actually runs a test.
 
-A testProps object is created and passed to the component to be rendered using the `render` method. Now it can be tested. Query methods like `getByRole` and others listed in the [testing library's docs](https://testing-library.com/docs/react-testing-library/cheatsheet#queries) can be used to search for elements in the page. Finally, `expect` is run on those elements to see if they match the values in the props that were originally declared. If they match, the test passes. If they do not match or if an error occurs, the test fails.
+This is a test that checks if the component has rendered correctly and if it navigates properly on click. The testing
+methods, component, and its props type are imported. The `describe` is a Jest method that is used to group related tests
+together while the `it` is what actually runs a test.
+
+A testProps object is created and passed to the component to be rendered using the `render` method. Now it can be
+tested. Query methods like `getByRole` and others listed in the
+[testing library's docs](https://testing-library.com/docs/react-testing-library/cheatsheet#queries) can be used to
+search for elements in the page. Finally, `expect` is run on those elements to see if they match the values in the props
+that were originally declared. If they match, the test passes. If they do not match or if an error occurs, the test
+fails.
+
+In the second test, a mock router is used to simulate Next's router. The TaskOption component is rendered with the
+router as its parent. To simulate a click, `fireEvent.click()` is used on the element with the role of "link". Finally,
+the router can be tested by verifying that the `router.push` method was called with the correct path. Since the push
+method is also called with two more arguments `as` and `options` that aren't useful for this specific test,
+`expect.anything()` is used to ensure that those arguments are not null or undefined.
 
-In the second test, a mock router is used to simulate Next's router. The TaskOption component is rendered with the router as its parent. To simulate a click, `fireEvent.click()` is used on the element with the role of "link". Finally, the router can be tested by verifying that the `router.push` method was called with the correct path. Since the push method is also called with two more arguments `as` and `options` that aren't useful for this specific test, `expect.anything()` is used to ensure that those arguments are not null or undefined.
 ## Running tests
 
 ```
 npm run jest
-```
+```

website/src/pages.test/about.test.tsx

@@ -5,6 +5,6 @@ describe("About page", () => {
   it("should render correctly", () => {
     render(<AboutPage />);
 
-    expect(screen.getByRole("heading", {level: 1})).toHaveTextContent("What is OpenAssistant?");
+    expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("What is OpenAssistant?");
   });
 });

website/src/test-utils/createMockRouter.ts

@@ -25,7 +25,7 @@ export function createMockRouter(router: Partial<NextRouter>): NextRouter {
       off: jest.fn(),
       emit: jest.fn(),
     },
-    ...router
+    ...router,
   };
   return mockRouter;
 }