diff --git a/playwright.config.cjs b/playwright.config.cjs
index 5966b5dd..6ed38d22 100644
--- a/playwright.config.cjs
+++ b/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. */
diff --git a/tests/components/Footer.test.jsx b/tests/components/Footer.test.jsx
new file mode 100644
index 00000000..8aaa8cae
--- /dev/null
+++ b/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);
+  });
+});