bdd tests

tests/e2e/bdd/profile/README.md

@@ -0,0 +1,89 @@
+# Profile BDD E2E Tests
+
+This directory contains BDD (Behavior-Driven Development) E2E tests for the GridPilot profile functionality.
+
+## Test Coverage
+
+### 1. Profile Main (`profile-main.spec.ts`)
+Tests the main profile page where drivers can view and manage their profile.
+
+**Scenarios:**
+- Driver sees their profile information
+- Driver can navigate to profile sub-pages
+- Driver sees profile statistics and achievements
+- Driver can view their avatar and personal details
+
+### 2. Profile Leagues (`profile-leagues.spec.ts`)
+Tests the profile leagues page where drivers can view their league memberships.
+
+**Scenarios:**
+- Driver sees list of leagues they are a member of
+- Driver can view league details from their profile
+- Driver can leave a league from their profile
+- Driver sees league status and upcoming races
+
+### 3. Profile Liveries (`profile-liveries.spec.ts`)
+Tests the profile liveries page where drivers can manage their racing liveries.
+
+**Scenarios:**
+- Driver sees list of uploaded liveries
+- Driver can view livery details and validation status
+- Driver can navigate to livery upload page
+- Driver sees livery preview and metadata
+
+### 4. Profile Livery Upload (`profile-livery-upload.spec.ts`)
+Tests the livery upload functionality for drivers.
+
+**Scenarios:**
+- Driver can upload a new livery
+- Driver sees upload progress and validation
+- Driver receives confirmation after successful upload
+- Driver sees error messages for invalid uploads
+
+### 5. Profile Settings (`profile-settings.spec.ts`)
+Tests the profile settings page where drivers can update their personal information.
+
+**Scenarios:**
+- Driver can view their current profile settings
+- Driver can update personal information
+- Driver can save changes to their profile
+- Driver sees validation errors for invalid input
+
+### 6. Profile Sponsorship Requests (`profile-sponsorship-requests.spec.ts`)
+Tests the sponsorship requests page where drivers can manage sponsorship opportunities.
+
+**Scenarios:**
+- Driver sees list of sponsorship requests
+- Driver can accept sponsorship offers
+- Driver can reject sponsorship offers
+- Driver sees sponsorship details and terms
+
+## Test Philosophy
+
+These tests follow the BDD testing concept defined in `plans/bdd_testing_concept.md`:
+
+1. **Focus on Outcomes**: Tests validate final user outcomes, not visual implementation.
+2. **Gherkin Syntax**: Tests use Given/When/Then structure in comments.
+3. **Acceptance Criteria**: Tests serve as the final source of truth for profile functionality.
+4. **Playwright**: Tests use Playwright for E2E testing.
+
+## Implementation Notes
+
+- All test files are placeholders with TODO comments.
+- Tests should be implemented using Playwright.
+- Authentication setup should be shared across tests.
+- Tests should validate final user outcomes, not implementation details.
+- Tests should be independent and can run in any order.
+
+## Directory Structure
+
+```
+tests/e2e/bdd/profile/
+├── profile-main.spec.ts
+├── profile-leagues.spec.ts
+├── profile-liveries.spec.ts
+├── profile-livery-upload.spec.ts
+├── profile-settings.spec.ts
+├── profile-sponsorship-requests.spec.ts
+└── README.md
+```

tests/e2e/bdd/profile/profile-leagues.spec.ts

@@ -0,0 +1,216 @@
+/**
+ * BDD E2E Test: Profile Leagues Page
+ * 
+ * Tests the profile leagues page that displays:
+ * - List of leagues the driver is a member of
+ * - League information (name, status, upcoming races)
+ * - Navigation to league details
+ * - Option to leave leagues
+ * 
+ * Focus: Final user outcomes - what the driver sees and can verify
+ */
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Profile Leagues Page', () => {
+  test.beforeEach(async ({ page }) => {
+    // TODO: Implement authentication setup for a registered driver
+    // - Navigate to login page
+    // - Enter credentials for "John Doe" or similar test driver
+    // - Verify successful login
+    // - Navigate to /profile/leagues page
+  });
+
+  test('Driver sees list of leagues they are a member of', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views their league memberships
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see a list of leagues I am a member of
+    // And each league should display the league name
+    // And each league should display the league status (Active/Inactive)
+  });
+
+  test('Driver can navigate to league details from profile', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver navigates to league details
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // And I am a member of the "European GT League"
+    // When I click on the "European GT League" entry
+    // Then I should be navigated to the league detail page
+    // And the URL should be /leagues/[league-id]
+  });
+
+  test('Driver can leave a league from profile', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver leaves a league
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // And I am a member of the "European GT League"
+    // When I click "Leave League" for the "European GT League"
+    // Then I should be removed from the league roster
+    // And I should see a confirmation message
+    // And the league should be removed from my leagues list
+  });
+
+  test('Driver sees league upcoming races', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views upcoming races for their leagues
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // And I am a member of the "European GT League"
+    // Then I should see upcoming races for the league
+    // And each race should show the track name
+    // And each race should show the race date and time
+  });
+
+  test('Driver sees league status indicator', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the status of each league (Active/Inactive)
+    // And the status should be clearly indicated with visual cues
+  });
+
+  test('Driver sees league member count', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league member count
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the number of members in each league
+    // And the member count should be accurate
+  });
+
+  test('Driver sees league role', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees their role in each league
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see my role in each league (Member/Admin/Steward)
+    // And the role should be clearly indicated
+  });
+
+  test('Driver sees empty state when no leagues joined', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver with no league memberships
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // And I have not joined any leagues
+    // Then I should see a message indicating no leagues joined
+    // And I should see a call-to-action to discover leagues
+    // And I should see a link to the leagues discovery page
+  });
+
+  test('Driver can filter leagues by status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver filters leagues by status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // And I have both active and inactive leagues
+    // When I filter by "Active" status
+    // Then I should only see active leagues
+    // And inactive leagues should be hidden
+  });
+
+  test('Driver can search leagues by name', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver searches for a specific league
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // When I search for "European GT"
+    // Then I should see leagues matching the search term
+    // And non-matching leagues should be hidden
+  });
+
+  test('Driver sees league registration status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league registration status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the registration status for each league
+    // And the status should indicate if registration is open or closed
+  });
+
+  test('Driver sees league category tags', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league categories
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see category tags for each league
+    // And tags should include game type, skill level, etc.
+  });
+
+  test('Driver sees league rating', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league rating
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the average rating for each league
+    // And the rating should be displayed as stars or numeric value
+  });
+
+  test('Driver sees league prize pool', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league prize pool
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the prize pool for each league
+    // And the prize pool should be displayed as currency amount
+  });
+
+  test('Driver sees league sponsor count', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league sponsor count
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the number of sponsors for each league
+    // And the sponsor count should be accurate
+  });
+
+  test('Driver sees league race count', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league race count
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the total number of races in each league
+    // And the race count should be accurate
+  });
+
+  test('Driver sees league championship count', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league championship count
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the total number of championships in each league
+    // And the championship count should be accurate
+  });
+
+  test('Driver sees league visibility', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league visibility
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the league visibility (Public/Private)
+    // And the visibility should be clearly indicated
+  });
+
+  test('Driver sees league creation date', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league creation date
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the creation date for each league
+    // And the date should be formatted correctly
+  });
+
+  test('Driver sees league owner information', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees league owner
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Leagues" page
+    // Then I should see the league owner name for each league
+    // And I should be able to click the owner name to view their profile
+  });
+});

tests/e2e/bdd/profile/profile-liveries.spec.ts

@@ -0,0 +1,235 @@
+/**
+ * BDD E2E Test: Profile Liveries Page
+ * 
+ * Tests the profile liveries page that displays:
+ * - List of uploaded liveries
+ * - Livery details (car name, validation status, upload date)
+ * - Livery preview and metadata
+ * - Navigation to livery upload page
+ * 
+ * Focus: Final user outcomes - what the driver sees and can verify
+ */
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Profile Liveries Page', () => {
+  test.beforeEach(async ({ page }) => {
+    // TODO: Implement authentication setup for a registered driver
+    // - Navigate to login page
+    // - Enter credentials for "John Doe" or similar test driver
+    // - Verify successful login
+    // - Navigate to /profile/liveries page
+  });
+
+  test('Driver sees list of uploaded liveries', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views their liveries
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // Then I should see a list of my uploaded liveries
+    // And each livery should display the car name
+    // And each livery should display the livery thumbnail
+  });
+
+  test('Driver can view livery details', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views livery details
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // And I have uploaded a livery
+    // When I click on a livery entry
+    // Then I should see detailed information about the livery
+    // And I should see the car name, car ID, and upload date
+  });
+
+  test('Driver sees livery validation status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery validation status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // Then I should see the validation status for each livery
+    // And the status should indicate if the livery is validated or pending
+    // And the status should be clearly indicated with visual cues
+  });
+
+  test('Driver sees livery upload date', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery upload date
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // Then I should see the upload date for each livery
+    // And the date should be formatted correctly
+  });
+
+  test('Driver can navigate to livery upload page', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver navigates to livery upload page
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // When I click "Upload New Livery" or similar button
+    // Then I should be navigated to the livery upload page
+    // And the URL should be /profile/liveries/upload
+  });
+
+  test('Driver sees livery preview', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery preview
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // And I have uploaded a livery
+    // Then I should see a preview image of the livery
+    // And the preview should be clearly visible
+  });
+
+  test('Driver sees livery car name', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery car name
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // Then I should see the car name for each livery
+    // And the car name should be accurate
+  });
+
+  test('Driver sees livery car ID', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery car ID
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // Then I should see the car ID for each livery
+    // And the car ID should be accurate
+  });
+
+  test('Driver sees empty state when no liveries uploaded', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver with no liveries
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // And I have not uploaded any liveries
+    // Then I should see a message indicating no liveries
+    // And I should see a call-to-action to upload a livery
+    // And I should see a link to the livery upload page
+  });
+
+  test('Driver can filter liveries by validation status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver filters liveries by validation status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // And I have both validated and pending liveries
+    // When I filter by "Validated" status
+    // Then I should only see validated liveries
+    // And pending liveries should be hidden
+  });
+
+  test('Driver can search liveries by car name', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver searches for a specific livery
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // When I search for "Porsche"
+    // Then I should see liveries matching the search term
+    // And non-matching liveries should be hidden
+  });
+
+  test('Driver sees livery metadata', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery metadata
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // And I have uploaded a livery
+    // Then I should see metadata for the livery
+    // And metadata should include file size, format, and upload date
+  });
+
+  test('Driver sees livery file size', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery file size
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // Then I should see the file size for each livery
+    // And the file size should be formatted correctly (e.g., MB, KB)
+  });
+
+  test('Driver sees livery file format', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery file format
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // Then I should see the file format for each livery
+    // And the format should be clearly indicated (e.g., PNG, DDS)
+  });
+
+  test('Driver can delete a livery', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver deletes a livery
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // And I have uploaded a livery
+    // When I click "Delete" for a livery
+    // Then the livery should be removed from my list
+    // And I should see a confirmation message
+  });
+
+  test('Driver sees livery with error state', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery error state
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // And a livery failed to load
+    // Then I should see an error placeholder
+    // And I should see an option to retry
+  });
+
+  test('Driver can retry failed livery load', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver retries failed livery load
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // And a livery failed to load
+    // When I click "Retry" for the livery
+    // Then the livery should be loaded again
+    // And I should see the result
+  });
+
+  test('Driver sees livery upload progress', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery upload progress
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // When I upload a new livery
+    // Then I should see a progress indicator
+    // And I should see the upload status
+  });
+
+  test('Driver sees livery validation requirements', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery validation requirements
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // When I click "Upload New Livery"
+    // Then I should see validation requirements
+    // And I should see supported file formats
+    // And I should see maximum file size
+  });
+
+  test('Driver sees livery preview before upload', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery preview before upload
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // When I select a livery file to upload
+    // Then I should see a preview of the livery
+    // And I should be able to confirm the upload
+  });
+
+  test('Driver can cancel livery upload', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver cancels livery upload
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Liveries" page
+    // When I select a livery file to upload
+    // And I click "Cancel"
+    // Then the upload should be cancelled
+    // And the livery should not be added to my list
+  });
+});

tests/e2e/bdd/profile/profile-livery-upload.spec.ts

@@ -0,0 +1,224 @@
+/**
+ * BDD E2E Test: Profile Livery Upload Page
+ * 
+ * Tests the livery upload functionality that allows:
+ * - Drivers to upload new racing liveries
+ * - Drivers to see upload progress and validation
+ * - Drivers to receive confirmation after successful upload
+ * - Drivers to see error messages for invalid uploads
+ * 
+ * Focus: Final user outcomes - what the driver sees and can verify
+ */
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Profile Livery Upload Page', () => {
+  test.beforeEach(async ({ page }) => {
+    // TODO: Implement authentication setup for a registered driver
+    // - Navigate to login page
+    // - Enter credentials for "John Doe" or similar test driver
+    // - Verify successful login
+    // - Navigate to /profile/liveries/upload page
+  });
+
+  test('Driver can upload a new livery', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver uploads a new livery
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I click "Upload Livery"
+    // And I select a valid livery file
+    // Then the livery should be uploaded
+    // And I should see a confirmation message
+    // And the livery should be added to my liveries list
+  });
+
+  test('Driver sees upload progress indicator', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees upload progress
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I upload a livery
+    // Then I should see a progress indicator
+    // And I should see the upload status (uploading, processing, complete)
+  });
+
+  test('Driver sees livery validation requirements', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees validation requirements
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // Then I should see validation requirements
+    // And I should see supported file formats
+    // And I should see maximum file size
+    // And I should see recommended dimensions
+  });
+
+  test('Driver sees livery preview before upload', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery preview
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I select a livery file
+    // Then I should see a preview of the livery
+    // And I should be able to confirm the upload
+  });
+
+  test('Driver can cancel livery upload', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver cancels livery upload
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I select a livery file
+    // And I click "Cancel"
+    // Then the upload should be cancelled
+    // And I should be returned to the upload page
+  });
+
+  test('Driver cannot upload invalid file format', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver tries to upload invalid file
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I try to upload an invalid file format
+    // Then I should see an error message
+    // And the upload should be rejected
+  });
+
+  test('Driver cannot upload file exceeding size limit', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver tries to upload oversized file
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I try to upload a file exceeding the size limit
+    // Then I should see an error message
+    // And the upload should be rejected
+  });
+
+  test('Driver sees livery validation after upload', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery validation status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I upload a livery
+    // Then I should see the validation status
+    // And I should see if the livery is validated or pending
+  });
+
+  test('Driver sees livery metadata after upload', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees livery metadata
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I upload a livery
+    // Then I should see metadata for the livery
+    // And metadata should include file size, format, and upload date
+  });
+
+  test('Driver can select car for livery', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver selects car for livery
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I select a car from the dropdown
+    // And I upload a livery
+    // Then the livery should be associated with the selected car
+  });
+
+  test('Driver sees error for missing car selection', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver tries to upload without selecting car
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I try to upload a livery without selecting a car
+    // Then I should see an error message
+    // And the upload should be rejected
+  });
+
+  test('Driver sees error for invalid livery dimensions', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver tries to upload livery with invalid dimensions
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I try to upload a livery with invalid dimensions
+    // Then I should see an error message
+    // And the upload should be rejected
+  });
+
+  test('Driver sees error for corrupted livery file', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver tries to upload corrupted livery file
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I try to upload a corrupted livery file
+    // Then I should see an error message
+    // And the upload should be rejected
+  });
+
+  test('Driver can retry failed upload', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver retries failed upload
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // And an upload failed
+    // When I click "Retry Upload"
+    // Then the upload should be attempted again
+    // And I should see the result
+  });
+
+  test('Driver sees upload confirmation message', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees upload confirmation
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I successfully upload a livery
+    // Then I should see a confirmation message
+    // And I should see a link to view my liveries
+  });
+
+  test('Driver can navigate back to liveries page', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver navigates back to liveries page
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // When I click "Back to Liveries" or similar navigation
+    // Then I should be navigated to the liveries page
+    // And the URL should be /profile/liveries
+  });
+
+  test('Driver sees livery upload instructions', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees upload instructions
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // Then I should see instructions for uploading liveries
+    // And I should see step-by-step guidance
+  });
+
+  test('Driver sees livery upload tips', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees upload tips
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // Then I should see tips for creating good liveries
+    // And I should see best practices
+  });
+
+  test('Driver sees livery upload examples', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees upload examples
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // Then I should see examples of good liveries
+    // And I should see examples of what to avoid
+  });
+
+  test('Driver sees livery upload FAQ', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees upload FAQ
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Livery Upload" page
+    // Then I should see frequently asked questions
+    // And I should see answers to common issues
+  });
+});

tests/e2e/bdd/profile/profile-main.spec.ts

@@ -0,0 +1,201 @@
+/**
+ * BDD E2E Test: Profile Main Page
+ * 
+ * Tests the main profile page that displays:
+ * - Driver's personal information (name, avatar, bio)
+ * - Driver's profile statistics and achievements
+ * - Navigation to profile sub-pages (leagues, liveries, settings, sponsorship requests)
+ * - Profile management options
+ * 
+ * Focus: Final user outcomes - what the driver sees and can verify
+ */
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Profile Main Page', () => {
+  test.beforeEach(async ({ page }) => {
+    // TODO: Implement authentication setup for a registered driver
+    // - Navigate to login page
+    // - Enter credentials for "John Doe" or similar test driver
+    // - Verify successful login
+    // - Navigate to /profile page
+  });
+
+  test('Driver sees their profile information on main page', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views their profile information
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // Then I should see my name prominently displayed
+    // And I should see my avatar
+    // And I should see my bio (if available)
+    // And I should see my location or country (if available)
+  });
+
+  test('Driver sees profile statistics on main page', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views their profile statistics
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // Then I should see my current rating
+    // And I should see my current rank
+    // And I should see my total race starts
+    // And I should see my total wins
+    // And I should see my total podiums
+    // And I should see my win percentage
+  });
+
+  test('Driver can navigate to leagues page from profile', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver navigates to leagues page
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // When I click on the "Leagues" section or link
+    // Then I should be navigated to the profile leagues page
+    // And the URL should be /profile/leagues
+  });
+
+  test('Driver can navigate to liveries page from profile', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver navigates to liveries page
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // When I click on the "Liveries" section or link
+    // Then I should be navigated to the profile liveries page
+    // And the URL should be /profile/liveries
+  });
+
+  test('Driver can navigate to settings page from profile', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver navigates to settings page
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // When I click on the "Settings" section or link
+    // Then I should be navigated to the profile settings page
+    // And the URL should be /profile/settings
+  });
+
+  test('Driver can navigate to sponsorship requests page from profile', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver navigates to sponsorship requests page
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // When I click on the "Sponsorship Requests" section or link
+    // Then I should be navigated to the sponsorship requests page
+    // And the URL should be /profile/sponsorship-requests
+  });
+
+  test('Driver sees profile achievements section', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views their achievements
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // Then I should see an achievements section
+    // And I should see badges or trophies for completed achievements
+    // And I should see progress indicators for ongoing achievements
+  });
+
+  test('Driver sees recent activity on profile page', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views recent activity
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // Then I should see a recent activity feed
+    // And I should see recent races, league joins, or other actions
+    // And each activity should have a timestamp
+  });
+
+  test('Driver sees profile completion indicator', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees profile completion status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // Then I should see a profile completion percentage
+    // And I should see suggestions to complete my profile
+    // And I should see which sections are incomplete
+  });
+
+  test('Driver can edit profile from main page', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver edits profile from main page
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // When I click "Edit Profile" or similar button
+    // Then I should be navigated to the settings page
+    // And I should be able to edit my profile information
+  });
+
+  test('Driver sees empty state when no leagues joined', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver with no league memberships
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // And I have not joined any leagues
+    // Then I should see the leagues section
+    // And I should see a message indicating no leagues joined
+    // And I should see a call-to-action to discover leagues
+  });
+
+  test('Driver sees empty state when no liveries uploaded', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver with no liveries
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // And I have not uploaded any liveries
+    // Then I should see the liveries section
+    // And I should see a message indicating no liveries
+    // And I should see a call-to-action to upload a livery
+  });
+
+  test('Driver sees empty state when no sponsorship requests', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver with no sponsorship requests
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // And I have no sponsorship requests
+    // Then I should see the sponsorship requests section
+    // And I should see a message indicating no requests
+    // And I should see information about how to get sponsorships
+  });
+
+  test('Driver sees profile with SEO metadata', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver verifies SEO metadata
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // Then the page title should contain my name
+    // And the page description should mention my profile
+    // And the page should have Open Graph tags for social sharing
+  });
+
+  test('Driver sees consistent profile layout', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver verifies profile layout consistency
+    // Given I am on the "Profile" page
+    // Then the layout should be consistent with other profile pages
+    // And the navigation should be accessible
+    // And the styling should match the design system
+  });
+
+  test('Driver sees profile with team affiliation', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views their team affiliation
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // And I am affiliated with a team
+    // Then I should see my team name
+    // And I should see my team logo (if available)
+    // And I should see my role in the team
+  });
+
+  test('Driver sees profile with social links', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views their social links
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile" page
+    // And I have social links configured
+    // Then I should see social media links (e.g., Discord, Twitter, iRacing)
+    // And each link should be clickable
+    // And each link should navigate to the correct external URL
+  });
+});

tests/e2e/bdd/profile/profile-settings.spec.ts

@@ -0,0 +1,260 @@
+/**
+ * BDD E2E Test: Profile Settings Page
+ * 
+ * Tests the profile settings page that allows:
+ * - Drivers to view their current profile settings
+ * - Drivers to update personal information
+ * - Drivers to save changes to their profile
+ * - Drivers to see validation errors for invalid input
+ * 
+ * Focus: Final user outcomes - what the driver sees and can verify
+ */
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Profile Settings Page', () => {
+  test.beforeEach(async ({ page }) => {
+    // TODO: Implement authentication setup for a registered driver
+    // - Navigate to login page
+    // - Enter credentials for "John Doe" or similar test driver
+    // - Verify successful login
+    // - Navigate to /profile/settings page
+  });
+
+  test('Driver can view their current profile settings', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views their profile settings
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // Then I should see my current profile information
+    // And I should see my name, email, and other personal details
+    // And I should see my avatar preview
+  });
+
+  test('Driver can update their name', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates their name
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I change my name to "Jane Doe"
+    // And I click "Save"
+    // Then my name should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver can update their email', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates their email
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I change my email to "jane@example.com"
+    // And I click "Save"
+    // Then my email should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver can update their bio', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates their bio
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I change my bio to a new description
+    // And I click "Save"
+    // Then my bio should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver can update their location', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates their location
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I change my location to a new country
+    // And I click "Save"
+    // Then my location should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver can update their avatar', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates their avatar
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I upload a new avatar image
+    // And I click "Save"
+    // Then my avatar should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver sees validation error for invalid email', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver enters invalid email
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I enter an invalid email format
+    // And I click "Save"
+    // Then I should see a validation error message
+    // And the save should be rejected
+  });
+
+  test('Driver sees validation error for empty required fields', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver leaves required fields empty
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I clear a required field
+    // And I click "Save"
+    // Then I should see a validation error message
+    // And the save should be rejected
+  });
+
+  test('Driver sees validation error for invalid avatar file', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver tries to upload invalid avatar
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I try to upload an invalid avatar file
+    // Then I should see a validation error message
+    // And the upload should be rejected
+  });
+
+  test('Driver can cancel profile changes', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver cancels profile changes
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I make changes to my profile
+    // And I click "Cancel"
+    // Then my changes should be discarded
+    // And my profile should remain unchanged
+  });
+
+  test('Driver sees unsaved changes warning', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees unsaved changes warning
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I make changes to my profile
+    // And I try to navigate away
+    // Then I should see a warning about unsaved changes
+    // And I should be able to confirm or cancel navigation
+  });
+
+  test('Driver can save changes without errors', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver saves valid changes
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I make valid changes to my profile
+    // And I click "Save"
+    // Then my changes should be saved successfully
+    // And I should see a confirmation message
+  });
+
+  test('Driver sees profile completion progress', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees profile completion progress
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // Then I should see a profile completion percentage
+    // And I should see which sections are incomplete
+    // And I should see suggestions to complete my profile
+  });
+
+  test('Driver can update social links', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates social links
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I update my social media links
+    // And I click "Save"
+    // Then my social links should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver can update team affiliation', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates team affiliation
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I update my team affiliation
+    // And I click "Save"
+    // Then my team affiliation should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver can update notification preferences', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates notification preferences
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I update my notification preferences
+    // And I click "Save"
+    // Then my notification preferences should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver can update privacy settings', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver updates privacy settings
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I update my privacy settings
+    // And I click "Save"
+    // Then my privacy settings should be updated
+    // And I should see a confirmation message
+  });
+
+  test('Driver sees settings saved successfully', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees settings saved successfully
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I save my settings
+    // Then I should see a success message
+    // And the message should be clearly visible
+  });
+
+  test('Driver sees settings save error', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees settings save error
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // And there is a server error
+    // When I try to save my settings
+    // Then I should see an error message
+    // And I should see an option to retry
+  });
+
+  test('Driver can retry failed save', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver retries failed save
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // And a save failed
+    // When I click "Retry Save"
+    // Then the save should be attempted again
+    // And I should see the result
+  });
+
+  test('Driver sees settings form validation in real-time', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees real-time validation
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // When I enter invalid data in a field
+    // Then I should see validation errors immediately
+    // And the errors should be specific to the field
+  });
+
+  test('Driver can clear avatar', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver clears avatar
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Profile Settings" page
+    // And I have an avatar
+    // When I click "Clear Avatar"
+    // Then my avatar should be removed
+    // And I should see a default avatar or placeholder
+  });
+});

tests/e2e/bdd/profile/profile-sponsorship-requests.spec.ts

@@ -0,0 +1,250 @@
+/**
+ * BDD E2E Test: Profile Sponsorship Requests Page
+ * 
+ * Tests the sponsorship requests page that allows:
+ * - Drivers to view sponsorship opportunities
+ * - Drivers to accept sponsorship offers
+ * - Drivers to reject sponsorship offers
+ * - Drivers to view sponsorship details and terms
+ * 
+ * Focus: Final user outcomes - what the driver sees and can verify
+ */
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Profile Sponsorship Requests Page', () => {
+  test.beforeEach(async ({ page }) => {
+    // TODO: Implement authentication setup for a registered driver
+    // - Navigate to login page
+    // - Enter credentials for "John Doe" or similar test driver
+    // - Verify successful login
+    // - Navigate to /profile/sponsorship-requests page
+  });
+
+  test('Driver sees list of sponsorship requests', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship requests
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // Then I should see a list of sponsorship requests
+    // And each request should display the sponsor name
+    // And each request should display the offer details
+  });
+
+  test('Driver can view sponsorship request details', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship request details
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // When I click on a sponsorship request
+    // Then I should see detailed information about the offer
+    // And I should see the sponsor name, offer terms, and duration
+  });
+
+  test('Driver can accept a sponsorship offer', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver accepts a sponsorship offer
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a pending sponsorship request
+    // When I click "Accept" for the sponsorship
+    // Then the sponsorship should be accepted
+    // And I should see a confirmation message
+    // And the request should be removed from pending list
+  });
+
+  test('Driver can reject a sponsorship offer', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver rejects a sponsorship offer
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a pending sponsorship request
+    // When I click "Reject" for the sponsorship
+    // Then the sponsorship should be rejected
+    // And I should see a confirmation message
+    // And the request should be removed from pending list
+  });
+
+  test('Driver sees sponsorship offer terms', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship terms
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // When I view the request details
+    // Then I should see the sponsorship terms
+    // And I should see the financial offer
+    // And I should see the required commitments
+  });
+
+  test('Driver sees sponsorship sponsor information', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsor information
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // When I view the request details
+    // Then I should see sponsor information
+    // And I should see sponsor logo or name
+    // And I should see sponsor description
+  });
+
+  test('Driver sees sponsorship duration', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship duration
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // When I view the request details
+    // Then I should see the sponsorship duration
+    // And I should see the start and end dates
+  });
+
+  test('Driver sees sponsorship financial details', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship financial details
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // When I view the request details
+    // Then I should see the financial offer
+    // And I should see the payment terms
+    // And I should see the payment schedule
+  });
+
+  test('Driver sees sponsorship requirements', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship requirements
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // When I view the request details
+    // Then I should see the sponsorship requirements
+    // And I should see the required commitments
+    // And I should see the deliverables
+  });
+
+  test('Driver sees sponsorship status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // Then I should see the status of each request
+    // And the status should indicate if it's pending, accepted, or rejected
+  });
+
+  test('Driver can filter sponsorship requests by status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver filters sponsorship requests by status
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have pending and accepted requests
+    // When I filter by "Pending" status
+    // Then I should only see pending requests
+    // And accepted requests should be hidden
+  });
+
+  test('Driver can search sponsorship requests by sponsor name', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver searches for a specific sponsor
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // When I search for a sponsor name
+    // Then I should see requests matching the search term
+    // And non-matching requests should be hidden
+  });
+
+  test('Driver sees empty state when no sponsorship requests', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver with no sponsorship requests
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have no sponsorship requests
+    // Then I should see a message indicating no requests
+    // And I should see information about how to get sponsorships
+  });
+
+  test('Driver sees sponsorship request expiration date', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees sponsorship request expiration
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // Then I should see the expiration date for the request
+    // And the date should be formatted correctly
+  });
+
+  test('Driver sees sponsorship request creation date', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees sponsorship request creation date
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // Then I should see when the request was created
+    // And the date should be formatted correctly
+  });
+
+  test('Driver can view sponsor profile', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsor profile
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a sponsorship request
+    // When I click on the sponsor name
+    // Then I should be navigated to the sponsor profile page
+    // And I should see sponsor details
+  });
+
+  test('Driver sees sponsorship request with pending status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees pending sponsorship request
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a pending sponsorship request
+    // Then I should see the request marked as pending
+    // And I should see accept and reject buttons
+  });
+
+  test('Driver sees sponsorship request with accepted status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees accepted sponsorship request
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have an accepted sponsorship request
+    // Then I should see the request marked as accepted
+    // And I should see the sponsorship details
+  });
+
+  test('Driver sees sponsorship request with rejected status', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver sees rejected sponsorship request
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have a rejected sponsorship request
+    // Then I should see the request marked as rejected
+    // And I should see the rejection reason (if available)
+  });
+
+  test('Driver can view sponsorship contract', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship contract
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have an accepted sponsorship
+    // When I click "View Contract"
+    // Then I should see the sponsorship contract
+    // And I should be able to download or print it
+  });
+
+  test('Driver sees sponsorship revenue tracking', async ({ page }) => {
+    // TODO: Implement test
+    // Scenario: Driver views sponsorship revenue
+    // Given I am a registered driver "John Doe"
+    // And I am on the "Sponsorship Requests" page
+    // And I have accepted sponsorships
+    // Then I should see revenue tracking
+    // And I should see total earnings
+    // And I should see payment history
+  });
+});