Add FastAPI tests and improve UI feedback

Author: Bhargava49

requirements.txt

@@ -1,2 +1,4 @@
 fastapi
 uvicorn
+pytest
+httpx

src/static/app.js

@@ -25,6 +25,10 @@ document.addEventListener("DOMContentLoaded", () => {
           <p>${details.description}</p>
           <p><strong>Schedule:</strong> ${details.schedule}</p>
           <p><strong>Availability:</strong> ${spotsLeft} spots left</p>
+          <p><strong>Participants:</strong></p>
+          <ul class="participants">
+            ${details.participants.map(participant => `<li>${participant}</li>`).join('')}
+          </ul>
         `;
 
         activitiesList.appendChild(activityCard);
@@ -62,6 +66,7 @@ document.addEventListener("DOMContentLoaded", () => {
         messageDiv.textContent = result.message;
         messageDiv.className = "success";
         signupForm.reset();
+        await fetchActivities(); // Fetch updated activities
       } else {
         messageDiv.textContent = result.detail || "An error occurred";
         messageDiv.className = "error";

src/static/styles.css

@@ -74,6 +74,14 @@ section h3 {
   margin-bottom: 8px;
 }
 
+.activity-card .participants {
+  margin-top: 10px;
+  padding: 10px;
+  border-top: 1px solid #ddd;
+  list-style-type: disc;
+  padding-left: 20px;
+}
+
 .form-group {
   margin-bottom: 15px;
 }

tests/test_app.py

@@ -0,0 +1,37 @@
+import pytest
+from fastapi.testclient import TestClient
+from src import app as app_module
+
+client = TestClient(app_module.app)
+
+
+def test_get_activities():
+    """GET /activities should return the activities dictionary."""
+    response = client.get("/activities")
+    assert response.status_code == 200
+    data = response.json()
+    # Basic sanity checks
+    assert isinstance(data, dict)
+    assert "Chess Club" in data
+    assert isinstance(data["Chess Club"].get("participants"), list)
+
+
+def test_signup_for_activity():
+    """POST signup should add the email to the activity participants."""
+    activity = "Chess Club"
+    test_email = "[email protected]"
+
+    # Ensure clean state before test
+    participants = app_module.activities[activity]["participants"]
+    if test_email in participants:
+        participants.remove(test_email)
+
+    try:
+        response = client.post(f"/activities/{activity}/signup", params={"email": test_email})
+        assert response.status_code == 200
+        assert response.json() == {"message": f"Signed up {test_email} for {activity}"}
+        assert test_email in app_module.activities[activity]["participants"]
+    finally:
+        # Cleanup added test email
+        if test_email in app_module.activities[activity]["participants"]:
+            app_module.activities[activity]["participants"].remove(test_email)