From f77bb0f6bdcf9d37796c678eedda420cc656f3a1 Mon Sep 17 00:00:00 2001 From: Bennett Dams Date: Wed, 20 Oct 2021 19:51:58 +0200 Subject: [PATCH] Change server config and add some simple fetch execution --- README.md | 6 +++++- jest.setup.js | 2 +- src/pages/index.tsx | 7 +++++++ 3 files changed, 13 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 07f4e76..6a4beb5 100644 --- a/README.md +++ b/README.md @@ -18,4 +18,8 @@ 3. Integrate MSW with Jest 3. Install and utilize `whatwg-fetch` - needed for Polyfill with Next.js -`npm install -D whatwg-fetch` \ No newline at end of file +`npm install -D whatwg-fetch` + +3. Change server config to `onUnhandledRequest: "error"` and add some simple fetch execution in the tested component + +==> The test does not fail, even though the tests shows the error \ No newline at end of file diff --git a/jest.setup.js b/jest.setup.js index 6dd4686..bfd0bb3 100644 --- a/jest.setup.js +++ b/jest.setup.js @@ -1,6 +1,6 @@ import { server } from './src/mocks/server.js' // Establish API mocking before all tests. -beforeAll(() => server.listen()) +beforeAll(() => server.listen({ onUnhandledRequest: "error" })) // Reset any request handlers that we may add during the tests, // so they don't affect other tests. afterEach(() => server.resetHandlers()) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 1ef0af1..c5d53cc 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,9 +1,16 @@ import type { NextPage } from 'next' import Head from 'next/head' import Image from 'next/image' +import { useEffect } from 'react' import styles from '../styles/Home.module.css' const Home: NextPage = () => { + useEffect(() => { + async function test() { + await fetch("https://jsonplaceholder.typicode.com/todos/1"); + } + test(); + }, []); return (