feat: add /ladder (#272)

* add /ladder

* prettier

* add ladder test

* group with other react routes

Author: cho-jos

js/components/app.tsx

@@ -3,6 +3,7 @@ import { paths } from "../paths";
 import { AppcuesTrackPage } from "./appcues";
 import { Header } from "./header";
 import { Home } from "./home";
+import { Ladder } from "./ladderPage/ladder";
 import { HelpMenu, Menu } from "./menus";
 import { captureException } from "@sentry/react";
 import { ReactElement, useEffect } from "react";
@@ -68,6 +69,10 @@ const router = createBrowserRouter([
         path: paths.help,
         element: <HelpMenu />,
       },
+      {
+        path: paths.ladder,
+        element: <Ladder />,
+      },
     ],
   },
 ]);

js/components/ladderPage/ladder.tsx

@@ -0,0 +1,5 @@
+import { ReactElement } from "react";
+
+export const Ladder = (): ReactElement => {
+  return <>Ladder Page</>;
+};

js/paths.ts

@@ -3,4 +3,5 @@ export const paths = {
   menu: "/menu",
   help: "/help",
   logout: "/logout",
+  ladder: "/ladder",
 } as const;

js/test/components/ladderPage/ladder.test.tsx

@@ -0,0 +1,9 @@
+import { Ladder } from "../../../components/ladderPage/ladder";
+import { render } from "@testing-library/react";
+
+describe("Ladder", () => {
+  test("renders", () => {
+    const view = render(<Ladder />);
+    expect(view.getByText("Ladder Page")).toBeInTheDocument();
+  });
+});

lib/orbit_web/router.ex

@@ -63,6 +63,7 @@ defmodule OrbitWeb.Router do
     get "/", ReactAppController, :home
     get "/menu", ReactAppController, :home
     get "/help", ReactAppController, :home
+    get "/ladder", ReactAppController, :home
     get "/logout", AuthController, :logout
 
     get "/sign-in-export/:filename", SignInExportController, :get