test: Add snapshot tests

PTG/src/About.test.tsx

@@ -0,0 +1,12 @@
+import { render } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { MemoryRouter } from "react-router-dom";
+import About from "./About";
+
+describe("About", () => {
+    it("matches snapshot", () => {
+        const { container } = render(<About />, { wrapper: MemoryRouter });
+
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});

PTG/src/Footer.test.tsx

@@ -0,0 +1,11 @@
+import { render } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import Footer from "./Footer";
+
+describe("Footer", () => {
+    it("matches snapshot", () => {
+        const { container } = render(<Footer />);
+
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});

PTG/src/NotFoundPage.test.tsx

@@ -0,0 +1,14 @@
+import { render } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { MemoryRouter } from "react-router-dom";
+import NotFoundPage from "./NotFoundPage";
+
+describe("NotFoundPage", () => {
+    it("matches snapshot", () => {
+        const { container } = render(<NotFoundPage />, {
+            wrapper: MemoryRouter,
+        });
+
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});

PTG/src/__snapshots__/About.test.tsx.snap

@@ -0,0 +1,26 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`About > matches snapshot 1`] = `
+<div
+  class="header"
+>
+  <header>
+    <a
+      class="websiteName"
+      data-discover="true"
+      href="/project1/"
+    >
+      <h1>
+        Pokémon Team Generator
+      </h1>
+    </a>
+    <a
+      class="about"
+      data-discover="true"
+      href="/project1/about"
+    >
+      About
+    </a>
+  </header>
+</div>
+`;

PTG/src/__snapshots__/Footer.test.tsx.snap

@@ -0,0 +1,32 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Footer > matches snapshot 1`] = `
+<div>
+  <footer
+    class="footer"
+  >
+    <p>
+      Designed by:
+    </p>
+    <div
+      class="names"
+    >
+      <a
+        href="mailto:ayseza@stud.ntnu.no"
+      >
+        Ayse Zeynep Aydin
+      </a>
+      <a
+        href="mailto:halvortf@stud.ntnu.no"
+      >
+        Halvor Thallaug Fagerli
+      </a>
+      <a
+        href="mailto:joelte@stud.ntnu.no"
+      >
+        Joel Tom Erlandsson
+      </a>
+    </div>
+  </footer>
+</div>
+`;

PTG/src/__snapshots__/NotFoundPage.test.tsx.snap

@@ -0,0 +1,17 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`NotFoundPage > matches snapshot 1`] = `
+<div>
+  <h1>
+    Page Not Found
+  </h1>
+  <a
+    data-discover="true"
+    href="/"
+  >
+    <button>
+      Go back Home
+    </button>
+  </a>
+</div>
+`;