Enable test cases for both apps

frontend/package.json

@@ -5,7 +5,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest"
   },
   "dependencies": {
     "react": "^18.2.0",
@@ -13,7 +14,11 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.2.1",
-    "vite": "^5.0.8"
+    "vite": "^5.0.8",
+    "vitest": "^1.6.0",
+    "@testing-library/react": "^14.2.0",
+    "@testing-library/jest-dom": "^6.4.0",
+    "jsdom": "^24.0.0"
   }
 }
 

frontend/src/App.test.jsx

@@ -0,0 +1,16 @@
+import { describe, it, expect } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import App from './App.jsx'
+
+describe('App', () => {
+  it('renders the app header', () => {
+    render(<App />)
+    expect(screen.getByText(/FarmaFinder/i)).toBeInTheDocument()
+  })
+
+  it('renders the view switcher', () => {
+    render(<App />)
+    expect(screen.getByText(/Public Search/i)).toBeInTheDocument()
+    expect(screen.getByText(/Admin Panel/i)).toBeInTheDocument()
+  })
+})

frontend/src/test/setup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'

frontend/vitest.config.js

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    setupFiles: './src/test/setup.js',
+  },
+})