Add secret management guide, client-side performance monitoring, and search accessibility enhancements

- Introduced a comprehensive Secret Management Guide detailing best practices, secret classification, development setup, production management, rotation procedures, and emergency protocols.
- Implemented a client-side performance monitoring script to track various metrics including page load performance, paint metrics, layout shifts, and memory usage.
- Enhanced search accessibility with keyboard navigation support for search results, ensuring compliance with WCAG standards and improving user experience.

backend/tests/e2e/README.md

@@ -14,16 +14,6 @@ uv pip install -r requirements.txt
 playwright install
 ```
 
-3. Create test fixtures:
-```bash
-mkdir -p tests/fixtures
-```
-
-4. Add test assets:
-Place the following files in `tests/fixtures/`:
-- `test_photo.jpg` - A sample photo for testing uploads
-- `test_avatar.jpg` - A sample avatar image for profile tests
-
 ## Running Tests
 
 ### Run all tests:
@@ -86,6 +76,21 @@ You can create these users using Django management commands:
 python manage.py create_test_users
 ```
 
+## Test Images
+
+Tests that require file uploads use the `test_images` fixture defined in `conftest.py`. This fixture generates temporary JPEG images at runtime, eliminating the need for external fixture files.
+
+Usage in tests:
+```python
+def test_add_photo(page: Page, test_images):
+    page.get_by_label("Photo").set_input_files(test_images["test_photo"])
+    page.get_by_label("Avatar").set_input_files(test_images["test_avatar"])
+```
+
+Available keys:
+- `test_images["test_photo"]` - Path to a temporary test photo
+- `test_images["test_avatar"]` - Path to a temporary test avatar
+
 ## Test Environment
 
 Tests expect:
@@ -104,8 +109,7 @@ Tests expect:
 
 1. **Connection Refused**: Ensure Django server is running
 2. **Element Not Found**: Check selectors and page load timing
-3. **Upload Failures**: Verify test fixtures exist
-4. **Authentication Errors**: Verify test users exist in database
+3. **Authentication Errors**: Verify test users exist in database
 
 ## Contributing
 

backend/tests/e2e/cleanup.sh

@@ -6,11 +6,6 @@ echo "Cleaning up test data..."
 # Run Django cleanup command
 uv run manage.py cleanup_test_data
 
-# Clean up test fixtures
-echo "Cleaning up test fixtures..."
-rm -f tests/fixtures/test_photo.jpg
-rm -f tests/fixtures/test_avatar.jpg
-
 # Clean up Playwright artifacts
 echo "Cleaning up Playwright artifacts..."
 rm -rf test-results/

backend/tests/e2e/conftest.py

@@ -1,4 +1,6 @@
 import pytest
+import tempfile
+from pathlib import Path
 from playwright.sync_api import Page
 
 
@@ -85,22 +87,82 @@ def mod_page(page: Page, live_server, setup_test_data):
     yield page
 
 
+@pytest.fixture(scope="session")
+def test_images():
+    """Generate temporary test images for upload tests.
+
+    Creates simple valid JPEG images using raw bytes.
+    Images are cleaned up after the test session.
+    """
+    # Minimal valid JPEG image (1x1 red pixel)
+    # This is a valid JPEG that any image library will accept
+    jpeg_bytes = bytes([
+        0xFF, 0xD8, 0xFF, 0xE0, 0x00, 0x10, 0x4A, 0x46, 0x49, 0x46, 0x00, 0x01,
+        0x01, 0x00, 0x00, 0x01, 0x00, 0x01, 0x00, 0x00, 0xFF, 0xDB, 0x00, 0x43,
+        0x00, 0x08, 0x06, 0x06, 0x07, 0x06, 0x05, 0x08, 0x07, 0x07, 0x07, 0x09,
+        0x09, 0x08, 0x0A, 0x0C, 0x14, 0x0D, 0x0C, 0x0B, 0x0B, 0x0C, 0x19, 0x12,
+        0x13, 0x0F, 0x14, 0x1D, 0x1A, 0x1F, 0x1E, 0x1D, 0x1A, 0x1C, 0x1C, 0x20,
+        0x24, 0x2E, 0x27, 0x20, 0x22, 0x2C, 0x23, 0x1C, 0x1C, 0x28, 0x37, 0x29,
+        0x2C, 0x30, 0x31, 0x34, 0x34, 0x34, 0x1F, 0x27, 0x39, 0x3D, 0x38, 0x32,
+        0x3C, 0x2E, 0x33, 0x34, 0x32, 0xFF, 0xC0, 0x00, 0x0B, 0x08, 0x00, 0x01,
+        0x00, 0x01, 0x01, 0x01, 0x11, 0x00, 0xFF, 0xC4, 0x00, 0x1F, 0x00, 0x00,
+        0x01, 0x05, 0x01, 0x01, 0x01, 0x01, 0x01, 0x01, 0x00, 0x00, 0x00, 0x00,
+        0x00, 0x00, 0x00, 0x00, 0x01, 0x02, 0x03, 0x04, 0x05, 0x06, 0x07, 0x08,
+        0x09, 0x0A, 0x0B, 0xFF, 0xC4, 0x00, 0xB5, 0x10, 0x00, 0x02, 0x01, 0x03,
+        0x03, 0x02, 0x04, 0x03, 0x05, 0x05, 0x04, 0x04, 0x00, 0x00, 0x01, 0x7D,
+        0x01, 0x02, 0x03, 0x00, 0x04, 0x11, 0x05, 0x12, 0x21, 0x31, 0x41, 0x06,
+        0x13, 0x51, 0x61, 0x07, 0x22, 0x71, 0x14, 0x32, 0x81, 0x91, 0xA1, 0x08,
+        0x23, 0x42, 0xB1, 0xC1, 0x15, 0x52, 0xD1, 0xF0, 0x24, 0x33, 0x62, 0x72,
+        0x82, 0x09, 0x0A, 0x16, 0x17, 0x18, 0x19, 0x1A, 0x25, 0x26, 0x27, 0x28,
+        0x29, 0x2A, 0x34, 0x35, 0x36, 0x37, 0x38, 0x39, 0x3A, 0x43, 0x44, 0x45,
+        0x46, 0x47, 0x48, 0x49, 0x4A, 0x53, 0x54, 0x55, 0x56, 0x57, 0x58, 0x59,
+        0x5A, 0x63, 0x64, 0x65, 0x66, 0x67, 0x68, 0x69, 0x6A, 0x73, 0x74, 0x75,
+        0x76, 0x77, 0x78, 0x79, 0x7A, 0x83, 0x84, 0x85, 0x86, 0x87, 0x88, 0x89,
+        0x8A, 0x92, 0x93, 0x94, 0x95, 0x96, 0x97, 0x98, 0x99, 0x9A, 0xA2, 0xA3,
+        0xA4, 0xA5, 0xA6, 0xA7, 0xA8, 0xA9, 0xAA, 0xB2, 0xB3, 0xB4, 0xB5, 0xB6,
+        0xB7, 0xB8, 0xB9, 0xBA, 0xC2, 0xC3, 0xC4, 0xC5, 0xC6, 0xC7, 0xC8, 0xC9,
+        0xCA, 0xD2, 0xD3, 0xD4, 0xD5, 0xD6, 0xD7, 0xD8, 0xD9, 0xDA, 0xE1, 0xE2,
+        0xE3, 0xE4, 0xE5, 0xE6, 0xE7, 0xE8, 0xE9, 0xEA, 0xF1, 0xF2, 0xF3, 0xF4,
+        0xF5, 0xF6, 0xF7, 0xF8, 0xF9, 0xFA, 0xFF, 0xDA, 0x00, 0x08, 0x01, 0x01,
+        0x00, 0x00, 0x3F, 0x00, 0xFB, 0xD5, 0xDB, 0x20, 0xA8, 0xBA, 0xAE, 0xAF,
+        0xDA, 0xAD, 0x28, 0xA6, 0x02, 0x8A, 0x28, 0x03, 0xFF, 0xD9
+    ])
+
+    temp_dir = tempfile.mkdtemp(prefix="thrillwiki_test_")
+    temp_path = Path(temp_dir)
+
+    test_photo_path = temp_path / "test_photo.jpg"
+    test_avatar_path = temp_path / "test_avatar.jpg"
+
+    test_photo_path.write_bytes(jpeg_bytes)
+    test_avatar_path.write_bytes(jpeg_bytes)
+
+    yield {
+        "test_photo": str(test_photo_path),
+        "test_avatar": str(test_avatar_path),
+    }
+
+    # Cleanup
+    import shutil
+    shutil.rmtree(temp_dir, ignore_errors=True)
+
+
 @pytest.fixture
-def test_park(auth_page: Page, live_server):
+def test_park(auth_page: Page, live_server, test_images):
     """Fixture for test park"""
     # Create test park using live_server URL
     auth_page.goto(f"{live_server.url}/parks/create/")
     auth_page.get_by_label("Name").fill("Test Park")
     auth_page.get_by_label("Location").fill("Orlando, FL")
     auth_page.get_by_label("Description").fill("A test theme park")
-    auth_page.get_by_label("Photo").set_input_files("tests/fixtures/test_photo.jpg")
+    auth_page.get_by_label("Photo").set_input_files(test_images["test_photo"])
     auth_page.get_by_role("button", name="Create Park").click()
 
     yield auth_page
 
 
 @pytest.fixture
-def test_ride(test_park: Page, live_server):
+def test_ride(test_park: Page, live_server, test_images):
     """Fixture for test ride"""
     # Create test ride using live_server URL
     test_park.goto(f"{live_server.url}/rides/create/")
@@ -108,7 +170,7 @@ def test_ride(test_park: Page, live_server):
     test_park.get_by_label("Park").select_option("Test Park")
     test_park.get_by_label("Type").select_option("Roller Coaster")
     test_park.get_by_label("Description").fill("A test ride")
-    test_park.get_by_label("Photo").set_input_files("tests/fixtures/test_photo.jpg")
+    test_park.get_by_label("Photo").set_input_files(test_images["test_photo"])
     test_park.get_by_role("button", name="Create Ride").click()
 
     yield test_park

backend/tests/e2e/setup.sh

@@ -11,7 +11,6 @@ check_command() {
 
 # Check required commands
 check_command uv
-check_command curl
 check_command playwright
 
 # Clean up any existing test data
@@ -26,21 +25,6 @@ uv pip install -r requirements.txt
 echo "Installing Playwright browsers..."
 playwright install chromium firefox webkit
 
-# Create test fixtures directory
-echo "Setting up test fixtures..."
-mkdir -p tests/fixtures
-
-# Download test images
-echo "Downloading test images..."
-curl -L "https://picsum.photos/1920/1080" -o tests/fixtures/test_photo.jpg
-curl -L "https://picsum.photos/500/500" -o tests/fixtures/test_avatar.jpg
-
-# Verify images were downloaded
-if [ ! -f tests/fixtures/test_photo.jpg ] || [ ! -f tests/fixtures/test_avatar.jpg ]; then
-    echo "Error: Failed to download test images"
-    exit 1
-fi
-
 # Create test users
 echo "Creating test users..."
 uv run manage.py create_test_users

backend/tests/e2e/test_parks.py

@@ -88,7 +88,7 @@ def test_add_park_review(page: Page):
     expect(page.get_by_text("Had a fantastic time at the park!")).to_be_visible()
 
 
-def test_add_park_photo(page: Page):
+def test_add_park_photo(page: Page, test_images):
     # First login
     page.goto("http://localhost:8000/accounts/login/")
     page.get_by_label("Username").fill("testuser")
@@ -105,7 +105,7 @@ def test_add_park_photo(page: Page):
     page.get_by_role("button", name="Add Photo").click()
 
     # Upload photo
-    page.get_by_label("Photo").set_input_files("tests/fixtures/test_photo.jpg")
+    page.get_by_label("Photo").set_input_files(test_images["test_photo"])
     page.get_by_label("Caption").fill("Beautiful castle at sunset")
 
     # Submit photo

backend/tests/e2e/test_profiles.py

@@ -19,7 +19,7 @@ def test_profile_page(page: Page):
     expect(page.get_by_role("tab", name="Settings")).to_be_visible()
 
 
-def test_edit_profile(page: Page):
+def test_edit_profile(page: Page, test_images):
     # First login
     page.goto("http://localhost:8000/accounts/login/")
     page.get_by_label("Username").fill("testuser")
@@ -36,7 +36,7 @@ def test_edit_profile(page: Page):
     page.get_by_label("Location").fill("Orlando, FL")
 
     # Upload avatar
-    page.get_by_label("Avatar").set_input_files("tests/fixtures/test_avatar.jpg")
+    page.get_by_label("Avatar").set_input_files(test_images["test_avatar"])
 
     # Save changes
     page.get_by_role("button", name="Save Changes").click()

backend/tests/e2e/test_rides.py

@@ -113,7 +113,7 @@ def test_add_ride_review(page: Page):
     expect(page.get_by_text("Such a thrilling experience in the dark!")).to_be_visible()
 
 
-def test_add_ride_photo(page: Page):
+def test_add_ride_photo(page: Page, test_images):
     # First login
     page.goto("http://localhost:8000/accounts/login/")
     page.get_by_label("Username").fill("testuser")
@@ -130,7 +130,7 @@ def test_add_ride_photo(page: Page):
     page.get_by_role("button", name="Add Photo").click()
 
     # Upload photo
-    page.get_by_label("Photo").set_input_files("tests/fixtures/test_photo.jpg")
+    page.get_by_label("Photo").set_input_files(test_images["test_photo"])
     page.get_by_label("Caption").fill("Awesome ride entrance")
 
     # Submit photo