Endringer i API + test

Author: igorweber

__tests__/index.test.jsx

@@ -1,4 +1,4 @@
-import { render, screen } from "@testing-library/react";
+import { act, render, screen, waitFor } from "@testing-library/react";
 import Home from "../src/pages/index";
 import "@testing-library/jest-dom";
 import fetchMock from "jest-fetch-mock";
@@ -27,15 +27,19 @@ describe("Home", () => {
         fetch.resetMocks();
     });
 
-    it("renders a heading", () => {
-        // fetch.mockResponseOnce(JSON.stringify([]));
+    it("renders a heading", async () => {
+        fetch.mockResponseOnce(JSON.stringify([]));
 
-        render(<Home periods={[]} />);
-
-        const heading = screen.getByRole("heading", {
-            name: /Ny løsning/i,
+        act(() => {
+            render(<Home periods={[]} />);
         });
 
-        expect(heading).toBeInTheDocument();
+        await waitFor(() => {
+            const heading = screen.getByRole("heading", {
+                name: /Ny løsning/i,
+            });
+
+            expect(heading).toBeInTheDocument();
+        });
     });
 });

src/components/CenteredLoader.module.css

@@ -1,4 +1,5 @@
 .loader {
     display: flex;
     justify-content: center;
+    margin: 15rem;
 }

src/models/LoadedMeldeperiode.ts

@@ -0,0 +1,6 @@
+export type LoadedMeldeperiode = {
+  meldeperiodeId: number;
+  fomDato: string;
+  tomDato: string;
+  frist: string;
+}

src/pages/api/period/get.ts

@@ -0,0 +1,24 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { doRequest } from "../../../utils/api.utils";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  try {
+    const { id } = req.query
+    const url = `${process.env.DP_RAPP_API_URL}/api/v1/mellomlagring/hente/${id}`;
+
+    const response = await doRequest(req, res, "GET", url);
+
+    if (!response.ok) {
+      return res.status(500).send(`Unexpected response status: ${response.statusText}`)
+    }
+
+    const json = await response.json();
+
+    return res.json(json);
+  } catch (error) {
+    return res.status(500).send(error);
+  }
+}

src/pages/api/period/save.ts

@@ -0,0 +1,23 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { doRequest } from "../../../utils/api.utils";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  try {
+    const url = `${process.env.DP_RAPP_API_URL}/api/v1/meldeperiode/hente`;
+
+    const response = await doRequest(req, res, "GET", url);
+
+    if (!response.ok) {
+      return res.status(500).send(`Unexpected response status: ${response.statusText}`)
+    }
+
+    const json = await response.json();
+
+    return res.json(json);
+  } catch (error) {
+    return res.status(500).send(error);
+  }
+}

src/pages/api/period/send.ts

@@ -0,0 +1,21 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { doRequest } from "../../../utils/api.utils";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  try {
+    const url = `${process.env.DP_RAPP_API_URL}/api/v1/mellomlagring/lagre`;
+
+    const response = await doRequest(req, res, "POST", url);
+
+    if (!response.ok) {
+      return res.status(500).send(`Unexpected response status: ${response.statusText}`)
+    }
+
+    return res.end()
+  } catch (error) {
+    return res.status(500).send(error);
+  }
+}

src/pages/api/periods/[id].ts

@@ -0,0 +1,21 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { doRequest } from "../../../utils/api.utils";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  try {
+    const url = `${process.env.DP_RAPP_API_URL}/api/v1/send`;
+
+    const response = await doRequest(req, res, "POST", url);
+
+    if (!response.ok) {
+      return res.status(500).send(`Unexpected response status: ${response.statusText}`)
+    }
+
+    return res.end();
+  } catch (error) {
+    return res.status(500).send(error);
+  }
+}