initial frame for cow racing

Author: cjrace

src/app/games/(games)/page.tsx

@@ -51,6 +51,14 @@ export default async function Games() {
             linktext="Boom Boom Pirate"
           />
 
+          <GamesCard
+            imagePath="/images/almo-border.png"
+            title="Cow racing!"
+            description="... ... ZOOM!"
+            link="/games/cowrace"
+            linktext="Cow racing!"
+          />
+
           <GamesCard
             imagePath="/images/almo-border.png"
             title="Uno"

src/app/games/cowrace/page.tsx

@@ -0,0 +1,27 @@
+import { Space, Title } from "@mantine/core";
+import { Metadata } from "next";
+import Header from "@/components/header";
+import CowRace from "@/components/cowrace";
+
+export const metadata: Metadata = {
+  title: "Cow racing",
+  description: "Zoom zoom cow!",
+  openGraph: {
+    title: "Cow Racing | Almost Yellow",
+    description: "Zoom zoom cow!",
+  },
+};
+
+export default function CowRacePage() {
+  return (
+    <>
+      <Header noCrumbs={true} game={true} />
+
+      <main id="main-content">
+        <Title>Cow racing</Title>
+        <Space h="xl" />
+        <CowRace />
+      </main>
+    </>
+  );
+}

src/components/cowrace.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { IconTractor } from "@tabler/icons-react";
+
+export default function CowRace() {
+  return (
+    <>
+      <IconTractor />
+    </>
+  );
+}

tests/public/01_navigation.spec.ts

@@ -46,6 +46,12 @@ test("Can navigate to the games page and through its subpages", async ({
   await expect(page).toHaveURL("/games/boomboompirate");
   await expect(page.locator("h1")).toContainText("Boom");
 
+  await page.getByLabel("Back to our games list").click();
+  await page.getByRole("link", { name: "Cow racing!" }).click();
+  await expect(page).toHaveTitle("Cow racing | Almost Yellow");
+  await expect(page).toHaveURL("/games/cowrace");
+  await expect(page.locator("h1")).toContainText("Cow");
+
   await page.getByLabel("Back to our games list").click();
   await page.getByRole("link", { name: "Home" }).click();
   await expect(page).toHaveURL("/");