test: set up react testing library for react components testing

Author: betich

apps/web/package.json

@@ -35,15 +35,17 @@
 		"zod": "^3.25.56"
 	},
 	"devDependencies": {
+		"@eventer/backend": "workspace:*",
 		"@eventer/eslint-config": "workspace:*",
 		"@eventer/typescript-config": "workspace:*",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/react": "^16.3.0",
 		"@types/node": "^22.15.3",
 		"@types/react": "19.1.8",
 		"@types/react-dom": "19.1.6",
 		"drizzle-kit": "^0.31.1",
 		"eslint": "^9.28.0",
 		"tsx": "^4.7.1",
-		"typescript": "5.8.2",
-		"@eventer/backend": "workspace:*"
+		"typescript": "5.8.2"
 	}
 }

apps/web/src/app/(home)/home.test.tsx

@@ -0,0 +1,15 @@
+// dummy home.test.tsx
+
+import { render, screen } from "@testing-library/react";
+import React from "react";
+import HomePage from "./page";
+import "@testing-library/jest-dom";
+import { describe, expect, it } from "vitest";
+
+describe("HomePage", () => {
+	it("renders the home page", () => {
+		render(<HomePage />);
+
+		expect(screen.getByText("Eventer")).toBeInTheDocument();
+	});
+});