tests: pw test for footer component

src/components/layouts/footer.tsx

@@ -1,6 +1,6 @@
 export function Footer() {
   return (
-    <footer className="bg-black7 h-32 flex justify-center items-center border-gray-900 border-t-2 z-10`">
+    <footer className="bg-black7 h-32 flex justify-center items-center border-gray-900 border-t-2 z-10">
       <p className="mr-0 text-sm font-bold">
         copyright &copy; 2024 <span className="text-green-500">zoro.cut</span>
       </p>

tests/e2e/footer.spec.ts

@@ -0,0 +1,19 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("Footer Component", () => {
+  test("should render correctly with copyright information", async ({
+    page,
+  }) => {
+    await page.goto("./");
+
+    const footer = await page.waitForSelector("footer");
+
+    expect(await footer.isVisible()).toBeTruthy();
+
+    const footerText = await footer.textContent();
+
+    expect(footerText).toContain("copyright");
+    expect(footerText).toContain("2024");
+    expect(footerText).toContain("zoro.cut");
+  });
+});