feat (test): write unit tests for Footer (#249)

* feat (test): write unit tests for Footer

* chore: update playwright config to only run *.spec.js files

Author: alvyynm

playwright.config.cjs

@@ -12,6 +12,7 @@ import { defineConfig, devices } from "@playwright/test";
  */
 module.exports = defineConfig({
   testDir: "./tests",
+  testMatch: "**/*.spec.js", // only run *.spec.js files
   /* Run tests in files in parallel */
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */

tests/components/Footer.test.jsx

@@ -0,0 +1,28 @@
+import { render, screen } from "@testing-library/react";
+import { BrowserRouter } from "react-router-dom";
+import { describe, expect, it } from "vitest";
+import Footer from "../../src/components/Footer";
+
+describe("Footer", () => {
+  const renderWithRouter = (ui) => render(<BrowserRouter>{ui}</BrowserRouter>);
+
+  it("should render successfully", () => {
+    renderWithRouter(<Footer />);
+    expect(screen.getByRole("contentinfo")).toBeTruthy();
+  });
+
+  it("displays correct copyright notice", () => {
+    renderWithRouter(<Footer />);
+    expect(
+      screen.getByText((content) =>
+        content.includes(" SpaceYaTech | All Rights Reserved")
+      )
+    ).toBeTruthy();
+  });
+
+  it("renders correct number of links", () => {
+    renderWithRouter(<Footer />);
+    const links = screen.getAllByRole("link");
+    expect(links).toHaveLength(15);
+  });
+});