Integrate MSW with Jest

README.md

@@ -14,3 +14,5 @@
 
 3. Install MSW and follow setup for mocks/handlers/server [via docs](https://nextjs.org/docs/testing#jest-and-react-testing-library):
 `npm install msw --save-dev`
+
+3. Integrate MSW with Jest

jest.config.js

@@ -1,4 +1,5 @@
 module.exports = {
+    setupFilesAfterEnv: ['./jest.setup.js'],
     collectCoverageFrom: [
       '**/*.{js,jsx,ts,tsx}',
       '!**/*.d.ts',

jest.setup.js

@@ -0,0 +1,8 @@
+import { server } from './src/mocks/server.js'
+// Establish API mocking before all tests.
+beforeAll(() => server.listen())
+// Reset any request handlers that we may add during the tests,
+// so they don't affect other tests.
+afterEach(() => server.resetHandlers())
+// Clean up after the tests are finished.
+afterAll(() => server.close())