From 3330fa30c33a2822bc21cde2c0145759fa7a0479 Mon Sep 17 00:00:00 2001
From: joelte <joelte@ntnu.no>
Date: Fri, 18 Sep 2026 17:54:16 +0200
Subject: [PATCH] test: Add snapshot tests

Added some snapshot tests for Footer About and NotFoundPage.
---
 PTG/src/About.test.tsx                        | 12 +++++++
 PTG/src/Footer.test.tsx                       | 11 +++++++
 PTG/src/NotFoundPage.test.tsx                 | 14 ++++++++
 PTG/src/__snapshots__/About.test.tsx.snap     | 26 +++++++++++++++
 PTG/src/__snapshots__/Footer.test.tsx.snap    | 32 +++++++++++++++++++
 .../__snapshots__/NotFoundPage.test.tsx.snap  | 17 ++++++++++
 6 files changed, 112 insertions(+)
 create mode 100644 PTG/src/About.test.tsx
 create mode 100644 PTG/src/Footer.test.tsx
 create mode 100644 PTG/src/NotFoundPage.test.tsx
 create mode 100644 PTG/src/__snapshots__/About.test.tsx.snap
 create mode 100644 PTG/src/__snapshots__/Footer.test.tsx.snap
 create mode 100644 PTG/src/__snapshots__/NotFoundPage.test.tsx.snap

diff --git a/PTG/src/About.test.tsx b/PTG/src/About.test.tsx
new file mode 100644
index 0000000..3b7145c
--- /dev/null
+++ b/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();
+    });
+});
diff --git a/PTG/src/Footer.test.tsx b/PTG/src/Footer.test.tsx
new file mode 100644
index 0000000..bf1f98c
--- /dev/null
+++ b/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();
+    });
+});
diff --git a/PTG/src/NotFoundPage.test.tsx b/PTG/src/NotFoundPage.test.tsx
new file mode 100644
index 0000000..ecc9ed9
--- /dev/null
+++ b/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();
+    });
+});
diff --git a/PTG/src/__snapshots__/About.test.tsx.snap b/PTG/src/__snapshots__/About.test.tsx.snap
new file mode 100644
index 0000000..384b3f7
--- /dev/null
+++ b/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>
+`;
diff --git a/PTG/src/__snapshots__/Footer.test.tsx.snap b/PTG/src/__snapshots__/Footer.test.tsx.snap
new file mode 100644
index 0000000..fea2d22
--- /dev/null
+++ b/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>
+`;
diff --git a/PTG/src/__snapshots__/NotFoundPage.test.tsx.snap b/PTG/src/__snapshots__/NotFoundPage.test.tsx.snap
new file mode 100644
index 0000000..22efe0a
--- /dev/null
+++ b/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>
+`;