Meldeperiode

Author: igorweber

__tests__/index.test.jsx

@@ -1,34 +1,41 @@
 import { render, screen } from "@testing-library/react";
 import Home from "../src/pages/index";
 import "@testing-library/jest-dom";
-import mockRouter from 'next-router-mock';
+import fetchMock from "jest-fetch-mock";
+// import mockRouter from 'next-router-mock';
+
+fetchMock.enableMocks();
+
 
 jest.mock('next/router', () => require('next-router-mock'));
 
 jest.mock('react-i18next', () => ({
-  useTranslation: () => {
-    return {
-      t: (str) => "Ny løsning",
-      i18n: {
-        changeLanguage: () => new Promise(() => {}),
-      },
-    };
-  },
+    useTranslation: () => {
+        return {
+            t: (str) => "Ny løsning",
+            i18n: {
+                changeLanguage: () => new Promise(() => {
+                }),
+            },
+        };
+    },
 }));
 
 describe("Home", () => {
 
-  beforeEach(() => {
-    mockRouter.locale = "nb"
-  });
+    beforeEach(() => {
+        fetch.resetMocks();
+    });
+
+    it("renders a heading", () => {
+        // fetch.mockResponseOnce(JSON.stringify([]));
 
-  it("renders a heading", () => {
-    render(<Home />);
+        render(<Home periods={[]} />);
 
-    const heading = screen.getByRole("heading", {
-      name: /Ny løsning/i,
-    });
+        const heading = screen.getByRole("heading", {
+            name: /Ny løsning/i,
+        });
 
-    expect(heading).toBeInTheDocument();
-  });
+        expect(heading).toBeInTheDocument();
+    });
 });

package-lock.json

@@ -38,6 +38,7 @@
     "eslint-plugin-testing-library": "^5.9.1",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
+    "jest-fetch-mock": "^3.0.3",
     "next-router-mock": "^0.8.0",
     "prettier": "^2.8.0",
     "typescript": "^4.9.3"