test(Page): add unit test for content.__error rendering and fix test setup

Author: mr-baraiya

package.json

@@ -100,6 +100,7 @@
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/postcss": "^4.2.1",
     "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "autoprefixer": "^10.4.27",
     "babel-loader": "^10.1.1",

…c/components/Page/__tests__/Page.test.js …/components/Page/__tests__/Page.test.jsxsrc/components/Page/__tests__/Page.test.js renamed to src/components/Page/__tests__/Page.test.jsx src/components/Page/__tests__/Page.test.js renamed to src/components/Page/__tests__/Page.test.jsx

@@ -4,6 +4,7 @@
 
 import React from "react";
 import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom";
 import { MemoryRouter } from "react-router";
 import Page from "../Page";
 
@@ -17,8 +18,11 @@ jest.mock("react-router", () => ({
   useLocation: () => ({ pathname: "/test", hash: "" }),
 }));
 
+// Mock scrollTo (jsdom doesn't support it)
+window.scrollTo = jest.fn();
+
 describe("Page component", () => {
-  it("renders error message when content.__error exists", () => {
+  it("renders error message when content.__error exists", async () => {
     const content = {
       __error: true,
       message: "Failed to load content",
@@ -30,6 +34,7 @@ describe("Page component", () => {
       </MemoryRouter>,
     );
 
-    expect(screen.getByText("Failed to load content")).toBeInTheDocument();
+    const errorElement = await screen.findByText(/failed to load content/i);
+    expect(errorElement).toBeInTheDocument();
   });
 });