Added test for BoardGrid component

src/app/components/ui/BoardGrid.test.tsx

@@ -0,0 +1,27 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render, screen } from "@testing-library/react";
+import BoardGrid from "./BoardGrid";
+
+vi.mock("next/navigation", () => {
+  const useParams = vi
+    .fn()
+    .mockReturnValue({ board: "RST-WBSB-WTDTR-TRWS-BWS" });
+  return { useParams };
+});
+
+describe("BoardGrid", () => {
+  beforeEach(async () => {
+    render(<BoardGrid />);
+
+    return async () => {
+      cleanup();
+      vi.clearAllMocks();
+    };
+  });
+  it("should render properly", () => {
+    const hexgrid: HTMLOrSVGElement = screen.getByTestId("hexgrid-svg");
+    // @ts-ignore
+    const g: SVGElement = hexgrid.firstElementChild;
+    expect(g.childElementCount).toBe(19);
+  });
+});

src/app/components/ui/BoardGrid.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { HexGrid, Layout, Hexagon } from "react-hexgrid";
-import { getCubeCoords } from "@/lib/utils";
+import { getCubeCoords } from "../../../lib/utils";
 import React, { useState } from "react";
 import { useParams } from "next/navigation";