Merge pull request #152 from aiven/smulis-137

feat[coral]: add first dummy application routes

coral/package.json

@@ -30,7 +30,8 @@
   "dependencies": {
     "@aivenio/design-system": "^18.4.3",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.4.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.5",

coral/src/main.tsx

@@ -1,10 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "./App";
+import { RouterProvider } from "react-router-dom";
+import router from "./router";
+
 import "@aivenio/design-system/dist/styles.css";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
-    <App />
+    <RouterProvider router={router} />
   </React.StrictMode>
 );

coral/src/pages/hello/index.test.tsx

@@ -0,0 +1,15 @@
+import HelloPage from "./index";
+import { render, cleanup, screen } from "@testing-library/react";
+
+describe("HelloPage", () => {
+  beforeEach(() => {
+    render(<HelloPage />);
+  });
+
+  afterEach(() => {
+    cleanup();
+  });
+  it("shoud render dummy content", () => {
+    expect(screen.getByText("Hello")).toBeVisible();
+  });
+});

coral/src/pages/hello/index.tsx

@@ -0,0 +1,3 @@
+const HelloPage = () => <h1>Hello</h1>;
+
+export default HelloPage;

coral/src/pages/index.test.tsx

@@ -0,0 +1,15 @@
+import HomePage from "./index";
+import { render, cleanup, screen } from "@testing-library/react";
+
+describe("HomePage", () => {
+  beforeEach(() => {
+    render(<HomePage />);
+  });
+
+  afterEach(() => {
+    cleanup();
+  });
+  it("shoud render dummy content", () => {
+    expect(screen.getByText("Index")).toBeVisible();
+  });
+});

coral/src/pages/index.tsx

@@ -0,0 +1,3 @@
+const HomePage = () => <h1>Index</h1>;
+
+export default HomePage;

coral/src/router.tsx

@@ -0,0 +1,22 @@
+import { createBrowserRouter, Navigate, RouteObject } from "react-router-dom";
+import HomePage from "./pages/index";
+import HelloPage from "./pages/hello";
+
+const routes: Array<RouteObject> = [
+  {
+    path: "/",
+    element: <HomePage />,
+  },
+  {
+    path: "/hello",
+    element: <HelloPage />,
+  },
+  {
+    path: "*",
+    element: <Navigate to="/" />,
+  },
+];
+
+const router = createBrowserRouter(routes);
+
+export default router;