feat: add comprehensive authentication debug test suite
Add automated authentication testing infrastructure: - AUTH-DEBUG-GUIDE.md: Complete guide for auth debugging - auth-debug.spec.ts: Comprehensive auth flow validation tests - playwright.auth.config.ts: Specialized config with extended timeouts - auth-debug-setup.ts: Global test environment setup - auth-debug-teardown.ts: Test cleanup and environment reset Features: - Admin user validation and permissions testing - Email format validation including localhost domains - User registration and OAuth integration testing - Database connectivity and session management - Password security and error handling validation - Cross-browser testing with mobile support - Enhanced reporting and interactive debugging - CI/CD integration with artifacts and JUnit reports Replaces manual browser console debugging scripts with automated, cross-browser E2E tests for better reliability and maintainability.
This commit is contained in:
William Valentin
421
tests/e2e/AUTH-DEBUG-GUIDE.md
Normal file
421
tests/e2e/AUTH-DEBUG-GUIDE.md
Normal file
@@ -0,0 +1,421 @@
|
||||
# 🔐 Authentication Debug Testing Guide
|
||||
|
||||
## Overview
|
||||
|
||||
The authentication debug test suite (`auth-debug.spec.ts`) provides comprehensive automated testing and debugging capabilities for all authentication flows in the Medication Reminder App. This replaces the previous manual browser console debugging scripts with fully automated, cross-browser tests.
|
||||
|
||||
## 🎯 What This Replaces
|
||||
|
||||
### Before (Manual Tests)
|
||||
|
||||
- `tests/manual/admin-login-debug.js` - Browser console script
|
||||
- `tests/manual/auth-db-debug.js` - Database debugging script
|
||||
- `tests/manual/debug-email-validation.js` - Email validation script
|
||||
|
||||
### After (Automated Tests)
|
||||
|
||||
- `tests/e2e/auth-debug.spec.ts` - Comprehensive E2E test suite
|
||||
- Cross-browser automated testing
|
||||
- CI/CD pipeline integration
|
||||
- Interactive debugging capabilities
|
||||
|
||||
## 🧪 Test Coverage
|
||||
|
||||
### 1. Admin User Validation
|
||||
|
||||
- Verifies admin@localhost account exists
|
||||
- Tests admin login flow
|
||||
- Validates admin permissions and UI access
|
||||
- Checks admin interface functionality
|
||||
|
||||
### 2. Email Format Validation
|
||||
|
||||
- Tests various email formats including localhost domains
|
||||
- Validates email input validation rules
|
||||
- Covers edge cases and invalid formats
|
||||
- Ensures proper error messaging
|
||||
|
||||
### 3. User Registration
|
||||
|
||||
- Tests user creation with password
|
||||
- Validates registration form fields
|
||||
- Checks verification flow
|
||||
- Ensures unique user handling
|
||||
|
||||
### 4. OAuth Integration
|
||||
|
||||
- Verifies OAuth buttons are present
|
||||
- Tests OAuth flow initiation
|
||||
- Handles OAuth redirects and errors
|
||||
- Validates OAuth user creation
|
||||
|
||||
### 5. Database Connection
|
||||
|
||||
- Checks system status indicators
|
||||
- Validates database connectivity
|
||||
- Ensures app loads properly
|
||||
- Tests service health
|
||||
|
||||
### 6. Password Security
|
||||
|
||||
- Tests password strength requirements
|
||||
- Validates weak password rejection
|
||||
- Ensures strong password acceptance
|
||||
- Checks security messaging
|
||||
|
||||
### 7. Session Management
|
||||
|
||||
- Tests session persistence across page reloads
|
||||
- Validates login state maintenance
|
||||
- Checks automatic logout scenarios
|
||||
- Ensures proper session handling
|
||||
|
||||
### 8. Error Handling
|
||||
|
||||
- Tests invalid login attempts
|
||||
- Validates error messaging
|
||||
- Checks form validation
|
||||
- Ensures proper feedback
|
||||
|
||||
### 9. User Management
|
||||
|
||||
- Tests admin user lookup functionality
|
||||
- Validates user search capabilities
|
||||
- Checks user list display
|
||||
- Ensures admin tools work
|
||||
|
||||
## 🚀 Running Auth Debug Tests
|
||||
|
||||
### Quick Commands
|
||||
|
||||
```bash
|
||||
# Run auth debug tests (headless)
|
||||
make test-auth-debug
|
||||
|
||||
# Run with interactive UI for debugging
|
||||
make test-auth-debug-ui
|
||||
|
||||
# Run specific test with debug mode
|
||||
bunx playwright test auth-debug.spec.ts --debug
|
||||
|
||||
# Run on specific browser
|
||||
bunx playwright test auth-debug.spec.ts --project=auth-debug-firefox
|
||||
```
|
||||
|
||||
### Full Command Options
|
||||
|
||||
```bash
|
||||
# All browsers with full reporting
|
||||
bunx playwright test --config=tests/e2e/playwright.auth.config.ts
|
||||
|
||||
# Single browser with trace
|
||||
bunx playwright test --config=tests/e2e/playwright.auth.config.ts --project=auth-debug-chromium --trace=on
|
||||
|
||||
# Headed mode for visual debugging
|
||||
bunx playwright test --config=tests/e2e/playwright.auth.config.ts --headed
|
||||
|
||||
# Debug specific failing test
|
||||
bunx playwright test --config=tests/e2e/playwright.auth.config.ts --debug -g "should validate admin user"
|
||||
```
|
||||
|
||||
## 🔧 Test Configuration
|
||||
|
||||
The auth debug tests use a specialized Playwright configuration (`playwright.auth.config.ts`) with:
|
||||
|
||||
- **Extended timeouts** for auth operations (60s per test)
|
||||
- **Sequential execution** to avoid auth conflicts
|
||||
- **Enhanced reporting** with multiple output formats
|
||||
- **Service auto-start** for dependencies
|
||||
- **Cross-browser testing** on desktop and mobile
|
||||
- **Detailed tracing** on failures
|
||||
|
||||
### Browser Coverage
|
||||
|
||||
- **Desktop**: Chrome, Firefox, Safari
|
||||
- **Mobile**: Chrome on Android, Safari on iOS
|
||||
- **Special configs** for auth-specific browser settings
|
||||
|
||||
## 📊 Reports and Output
|
||||
|
||||
### Generated Reports
|
||||
|
||||
1. **HTML Report**: `playwright-report-auth/index.html`
|
||||
- Interactive test results
|
||||
- Screenshots and videos
|
||||
- Detailed failure analysis
|
||||
|
||||
2. **JSON Report**: `playwright-report-auth.json`
|
||||
- Machine-readable results
|
||||
- Integration with CI/CD
|
||||
- Detailed test metadata
|
||||
|
||||
3. **Summary Report**: `auth-debug-summary.json`
|
||||
- High-level test statistics
|
||||
- Environment information
|
||||
- Quick status overview
|
||||
|
||||
4. **JUnit Report**: `playwright-auth-results.xml`
|
||||
- CI/CD integration format
|
||||
- Test result parsing
|
||||
- Build system integration
|
||||
|
||||
### Viewing Reports
|
||||
|
||||
```bash
|
||||
# Open HTML report
|
||||
npx playwright show-report playwright-report-auth
|
||||
|
||||
# View summary
|
||||
cat auth-debug-summary.json | jq
|
||||
|
||||
# Check specific failures
|
||||
bunx playwright test --config=tests/e2e/playwright.auth.config.ts --reporter=list
|
||||
```
|
||||
|
||||
## 🐛 Debugging Workflows
|
||||
|
||||
### Interactive Debugging
|
||||
|
||||
```bash
|
||||
# Launch interactive debug mode
|
||||
make test-auth-debug-ui
|
||||
|
||||
# Debug specific test
|
||||
bunx playwright test auth-debug.spec.ts --debug -g "admin user"
|
||||
|
||||
# Step through test with browser open
|
||||
bunx playwright test auth-debug.spec.ts --headed --debug
|
||||
```
|
||||
|
||||
### Common Debugging Scenarios
|
||||
|
||||
#### 1. Admin Login Issues
|
||||
|
||||
```bash
|
||||
# Debug admin login specifically
|
||||
bunx playwright test --debug -g "should validate admin user exists"
|
||||
|
||||
# Check with different browser
|
||||
bunx playwright test --project=auth-debug-firefox --debug -g "admin user"
|
||||
```
|
||||
|
||||
#### 2. Email Validation Problems
|
||||
|
||||
```bash
|
||||
# Debug email validation
|
||||
bunx playwright test --debug -g "email format"
|
||||
|
||||
# Run with console output
|
||||
bunx playwright test -g "email format" --reporter=line
|
||||
```
|
||||
|
||||
#### 3. OAuth Flow Issues
|
||||
|
||||
```bash
|
||||
# Debug OAuth with network logs
|
||||
bunx playwright test --debug -g "OAuth" --trace=on
|
||||
|
||||
# Check OAuth buttons
|
||||
bunx playwright test --headed -g "OAuth user creation"
|
||||
```
|
||||
|
||||
#### 4. Database Connection Problems
|
||||
|
||||
```bash
|
||||
# Debug database connectivity
|
||||
bunx playwright test --debug -g "database connection"
|
||||
|
||||
# Check service status
|
||||
bunx playwright test -g "database" --reporter=line
|
||||
```
|
||||
|
||||
### Debug Output Interpretation
|
||||
|
||||
The tests include extensive console logging:
|
||||
|
||||
```
|
||||
Testing email validation for: admin@localhost
|
||||
✅ Admin user verified and functional
|
||||
⚠️ Search functionality not implemented - this is optional
|
||||
Testing weak password (too short): 123
|
||||
📊 Found 1 users in the system
|
||||
```
|
||||
|
||||
**Log Levels:**
|
||||
|
||||
- `✅` Success/verification messages
|
||||
- `⚠️` Warnings (expected issues)
|
||||
- `❌` Errors requiring attention
|
||||
- `📊` Information and statistics
|
||||
|
||||
## 🔄 CI/CD Integration
|
||||
|
||||
### Pipeline Configuration
|
||||
|
||||
```yaml
|
||||
# GitHub Actions example
|
||||
name: Auth Debug Tests
|
||||
on: [push, pull_request]
|
||||
|
||||
jobs:
|
||||
auth-tests:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v3
|
||||
- uses: actions/setup-node@v3
|
||||
- run: bun install
|
||||
- run: bunx playwright install --with-deps
|
||||
- run: make test-auth-debug
|
||||
- uses: actions/upload-artifact@v3
|
||||
if: always()
|
||||
with:
|
||||
name: auth-test-results
|
||||
path: |
|
||||
playwright-report-auth/
|
||||
auth-debug-summary.json
|
||||
```
|
||||
|
||||
### Environment Variables
|
||||
|
||||
```bash
|
||||
# Required for CI
|
||||
NODE_ENV=test
|
||||
CI=true
|
||||
VITE_COUCHDB_URL=http://localhost:5984
|
||||
VITE_COUCHDB_USERNAME=admin
|
||||
VITE_COUCHDB_PASSWORD=password
|
||||
```
|
||||
|
||||
## 🛠️ Maintenance and Updates
|
||||
|
||||
### Adding New Auth Tests
|
||||
|
||||
1. **Add test case** to `auth-debug.spec.ts`
|
||||
2. **Follow naming convention**: `should [action] [expected result]`
|
||||
3. **Include console logging** for debugging
|
||||
4. **Handle timeouts** appropriately
|
||||
5. **Clean up test data** if needed
|
||||
|
||||
### Example New Test
|
||||
|
||||
```typescript
|
||||
test('should validate two-factor authentication', async ({ page }) => {
|
||||
console.log('Testing 2FA validation...');
|
||||
|
||||
// Test implementation
|
||||
await page.fill('input[type="email"]', 'admin@localhost');
|
||||
await page.fill('input[type="password"]', 'admin123!');
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
// Check for 2FA prompt
|
||||
await expect(page.locator('text=Enter verification code')).toBeVisible({
|
||||
timeout: 10000,
|
||||
});
|
||||
|
||||
console.log('✅ 2FA prompt displayed correctly');
|
||||
});
|
||||
```
|
||||
|
||||
### Updating Test Credentials
|
||||
|
||||
If admin credentials change, update:
|
||||
|
||||
- Test files: `auth-debug.spec.ts`
|
||||
- Setup files: `auth-debug-setup.ts`
|
||||
- Documentation: This guide
|
||||
|
||||
## 🚨 Troubleshooting
|
||||
|
||||
### Common Issues
|
||||
|
||||
#### 1. Tests Timeout
|
||||
|
||||
**Symptoms**: Tests hang or timeout
|
||||
**Solutions**:
|
||||
|
||||
- Check service availability (`http://localhost:8080`, `http://localhost:5984`)
|
||||
- Increase timeouts in config
|
||||
- Run with `--headed` to see what's happening
|
||||
|
||||
#### 2. Admin User Not Found
|
||||
|
||||
**Symptoms**: Admin login fails
|
||||
**Solutions**:
|
||||
|
||||
- Verify admin user exists in database
|
||||
- Check credentials in test file
|
||||
- Run database initialization
|
||||
|
||||
#### 3. Service Not Ready
|
||||
|
||||
**Symptoms**: Cannot connect to app/database
|
||||
**Solutions**:
|
||||
|
||||
- Start services manually: `make dev` and CouchDB
|
||||
- Check Docker containers
|
||||
- Verify ports are not blocked
|
||||
|
||||
#### 4. Browser Issues
|
||||
|
||||
**Symptoms**: Tests fail in specific browsers
|
||||
**Solutions**:
|
||||
|
||||
- Update Playwright: `bunx playwright install`
|
||||
- Check browser-specific configurations
|
||||
- Run single browser: `--project=auth-debug-chromium`
|
||||
|
||||
### Debug Commands
|
||||
|
||||
```bash
|
||||
# Check service status
|
||||
curl http://localhost:8080
|
||||
curl http://localhost:5984
|
||||
|
||||
# Verify test setup
|
||||
bunx playwright test --config=tests/e2e/playwright.auth.config.ts --list
|
||||
|
||||
# Run with maximum verbosity
|
||||
bunx playwright test --config=tests/e2e/playwright.auth.config.ts --reporter=line --verbose
|
||||
|
||||
# Check configuration
|
||||
bunx playwright test --config=tests/e2e/playwright.auth.config.ts --reporter=json | jq '.config'
|
||||
```
|
||||
|
||||
## 📚 Related Documentation
|
||||
|
||||
- **Main E2E Guide**: `tests/e2e/README.md`
|
||||
- **Test Cleanup Info**: `tests/README-CLEANUP.md`
|
||||
- **Migration Summary**: `CLEANUP-SUMMARY.md`
|
||||
- **Quick Reference**: `QUICK-REFERENCE.md`
|
||||
|
||||
## 💡 Best Practices
|
||||
|
||||
### Writing Auth Tests
|
||||
|
||||
1. **Use unique identifiers** (timestamps) for test data
|
||||
2. **Include descriptive console logging**
|
||||
3. **Handle both success and failure cases**
|
||||
4. **Clean up test artifacts**
|
||||
5. **Use appropriate timeouts**
|
||||
|
||||
### Debugging Process
|
||||
|
||||
1. **Start with interactive mode** (`--ui` or `--debug`)
|
||||
2. **Check service availability** first
|
||||
3. **Review console logs** for clues
|
||||
4. **Use browser dev tools** when needed
|
||||
5. **Isolate failing tests**
|
||||
|
||||
### Maintenance
|
||||
|
||||
1. **Run tests regularly** to catch regressions
|
||||
2. **Update credentials** when changed
|
||||
3. **Add tests for new auth features**
|
||||
4. **Monitor test performance**
|
||||
5. **Review failure patterns**
|
||||
|
||||
---
|
||||
|
||||
**Quick Start**: Run `make test-auth-debug-ui` to launch interactive debugging mode and explore the authentication flows visually.
|
||||
|
||||
**Need Help?**: Check the generated HTML report for detailed test results and failure analysis.
|
||||
206
tests/e2e/auth-debug-setup.ts
Normal file
206
tests/e2e/auth-debug-setup.ts
Normal file
@@ -0,0 +1,206 @@
|
||||
/* eslint-disable no-console */
|
||||
import { chromium, FullConfig } from '@playwright/test';
|
||||
|
||||
/**
|
||||
* Global setup for authentication debug tests
|
||||
* Ensures services are running and database is properly initialized
|
||||
*/
|
||||
async function globalSetup(_config: FullConfig) {
|
||||
console.log('🔧 Setting up authentication debug test environment...');
|
||||
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// Wait for services to be ready
|
||||
await waitForServices();
|
||||
|
||||
// Initialize test data if needed
|
||||
await initializeTestData();
|
||||
|
||||
// Verify admin user exists
|
||||
await verifyAdminUser();
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
console.log(`✅ Auth debug setup completed in ${duration}ms`);
|
||||
} catch (error) {
|
||||
console.error('❌ Auth debug setup failed:', error);
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Wait for required services to be available
|
||||
*/
|
||||
async function waitForServices(): Promise<void> {
|
||||
console.log('⏳ Waiting for services to be ready...');
|
||||
|
||||
// Wait for frontend
|
||||
await waitForService('http://localhost:8080', 'Frontend');
|
||||
|
||||
// Wait for CouchDB
|
||||
await waitForService('http://localhost:5984', 'CouchDB');
|
||||
|
||||
console.log('✅ All services are ready');
|
||||
}
|
||||
|
||||
/**
|
||||
* Wait for a specific service to be available
|
||||
*/
|
||||
async function waitForService(url: string, serviceName: string): Promise<void> {
|
||||
const maxAttempts = 30;
|
||||
const delay = 2000; // 2 seconds
|
||||
|
||||
for (let attempt = 1; attempt <= maxAttempts; attempt++) {
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
Authorization:
|
||||
'Basic ' + Buffer.from('admin:password').toString('base64'),
|
||||
},
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
console.log(`✅ ${serviceName} is ready at ${url}`);
|
||||
return;
|
||||
}
|
||||
} catch (_error) {
|
||||
// Service not ready yet
|
||||
}
|
||||
|
||||
if (attempt === maxAttempts) {
|
||||
throw new Error(
|
||||
`${serviceName} not available at ${url} after ${maxAttempts} attempts`
|
||||
);
|
||||
}
|
||||
|
||||
console.log(
|
||||
`⏳ ${serviceName} not ready, attempt ${attempt}/${maxAttempts}...`
|
||||
);
|
||||
await new Promise(resolve => setTimeout(resolve, delay));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize test data and ensure databases exist
|
||||
*/
|
||||
async function initializeTestData(): Promise<void> {
|
||||
console.log('🔧 Initializing test data...');
|
||||
|
||||
try {
|
||||
// Check if databases exist, create if needed
|
||||
const databases = [
|
||||
'users',
|
||||
'medications',
|
||||
'settings',
|
||||
'taken_doses',
|
||||
'reminders',
|
||||
];
|
||||
|
||||
for (const dbName of databases) {
|
||||
await ensureDatabaseExists(dbName);
|
||||
}
|
||||
|
||||
console.log('✅ Test data initialization completed');
|
||||
} catch (error) {
|
||||
console.warn('⚠️ Test data initialization had issues:', error);
|
||||
// Don't fail setup for database issues as the app should handle missing DBs
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Ensure a database exists
|
||||
*/
|
||||
async function ensureDatabaseExists(dbName: string): Promise<void> {
|
||||
const url = `http://localhost:5984/${dbName}`;
|
||||
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: 'HEAD',
|
||||
headers: {
|
||||
Authorization:
|
||||
'Basic ' + Buffer.from('admin:password').toString('base64'),
|
||||
},
|
||||
});
|
||||
|
||||
if (response.status === 404) {
|
||||
// Database doesn't exist, create it
|
||||
await fetch(url, {
|
||||
method: 'PUT',
|
||||
headers: {
|
||||
Authorization:
|
||||
'Basic ' + Buffer.from('admin:password').toString('base64'),
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
});
|
||||
console.log(`📊 Created database: ${dbName}`);
|
||||
} else if (response.ok) {
|
||||
console.log(`✅ Database exists: ${dbName}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.warn(`⚠️ Could not verify/create database ${dbName}:`, error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Verify admin user exists for testing
|
||||
*/
|
||||
async function verifyAdminUser(): Promise<void> {
|
||||
console.log('🔧 Verifying admin user exists...');
|
||||
|
||||
try {
|
||||
const browser = await chromium.launch();
|
||||
const context = await browser.newContext();
|
||||
const page = await context.newPage();
|
||||
|
||||
// Navigate to the app
|
||||
await page.goto('http://localhost:8080');
|
||||
|
||||
// Wait for login form
|
||||
await page.waitForSelector('input[type="email"]', { timeout: 10000 });
|
||||
|
||||
// Try to login with admin credentials
|
||||
await page.fill('input[type="email"]', 'admin@localhost');
|
||||
await page.fill('input[type="password"]', 'admin123!');
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
// Check if login was successful
|
||||
try {
|
||||
await page.waitForSelector('h1:has-text("Medication Reminder")', {
|
||||
timeout: 15000,
|
||||
});
|
||||
console.log('✅ Admin user verified and functional');
|
||||
} catch (_error) {
|
||||
console.warn(
|
||||
'⚠️ Admin user may not exist or credentials may be incorrect'
|
||||
);
|
||||
console.warn(
|
||||
' Tests will attempt to create/verify admin user during execution'
|
||||
);
|
||||
}
|
||||
|
||||
await browser.close();
|
||||
} catch (_error) {
|
||||
console.warn('⚠️ Could not verify admin user');
|
||||
// Don't fail setup, let individual tests handle this
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Log environment information
|
||||
*/
|
||||
function logEnvironmentInfo(): void {
|
||||
console.log('🌍 Environment Information:');
|
||||
console.log(` Node.js: ${process.version}`);
|
||||
console.log(` Platform: ${process.platform}`);
|
||||
console.log(` NODE_ENV: ${process.env.NODE_ENV || 'not set'}`);
|
||||
console.log(` CI: ${process.env.CI || 'false'}`);
|
||||
console.log(` Frontend URL: http://localhost:8080`);
|
||||
console.log(` CouchDB URL: http://localhost:5984`);
|
||||
}
|
||||
|
||||
// Execute setup
|
||||
export default async function (config: FullConfig) {
|
||||
logEnvironmentInfo();
|
||||
await globalSetup(config);
|
||||
}
|
||||
385
tests/e2e/auth-debug-teardown.ts
Normal file
385
tests/e2e/auth-debug-teardown.ts
Normal file
@@ -0,0 +1,385 @@
|
||||
/* eslint-disable no-console */
|
||||
import { FullConfig } from '@playwright/test';
|
||||
|
||||
/**
|
||||
* Global teardown for authentication debug tests
|
||||
* Cleans up test environment and generates summary report
|
||||
*/
|
||||
async function globalTeardown(_config: FullConfig) {
|
||||
console.log('🧹 Starting authentication debug test teardown...');
|
||||
|
||||
const startTime = Date.now();
|
||||
|
||||
try {
|
||||
// Clean up test data
|
||||
await cleanupTestData();
|
||||
|
||||
// Generate test summary
|
||||
await generateTestSummary();
|
||||
|
||||
// Clean up test artifacts
|
||||
await cleanupTestArtifacts();
|
||||
|
||||
// Log final status
|
||||
await logFinalStatus();
|
||||
|
||||
const duration = Date.now() - startTime;
|
||||
console.log(`✅ Auth debug teardown completed in ${duration}ms`);
|
||||
} catch (error) {
|
||||
console.error('❌ Auth debug teardown failed:', error);
|
||||
// Don't throw error to avoid masking test failures
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Clean up test data created during tests
|
||||
*/
|
||||
async function cleanupTestData(): Promise<void> {
|
||||
console.log('🗑️ Cleaning up test data...');
|
||||
|
||||
try {
|
||||
// Clean up test users created during the test run
|
||||
await cleanupTestUsers();
|
||||
|
||||
// Clean up any temporary files
|
||||
await cleanupTempFiles();
|
||||
|
||||
console.log('✅ Test data cleanup completed');
|
||||
} catch (error) {
|
||||
console.warn('⚠️ Test data cleanup had issues:', error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove test users created during testing
|
||||
*/
|
||||
async function cleanupTestUsers(): Promise<void> {
|
||||
console.log('👥 Cleaning up test users...');
|
||||
|
||||
try {
|
||||
// Get list of databases
|
||||
const response = await fetch('http://localhost:5984/_all_dbs', {
|
||||
headers: {
|
||||
Authorization:
|
||||
'Basic ' + Buffer.from('admin:password').toString('base64'),
|
||||
},
|
||||
});
|
||||
|
||||
if (!response.ok) {
|
||||
console.warn('⚠️ Could not access CouchDB for user cleanup');
|
||||
return;
|
||||
}
|
||||
|
||||
// Look for users database
|
||||
const databases = await response.json();
|
||||
if (databases.includes('users')) {
|
||||
await cleanupUsersFromDatabase();
|
||||
}
|
||||
|
||||
console.log('✅ Test users cleanup completed');
|
||||
} catch (error) {
|
||||
console.warn('⚠️ Could not cleanup test users:', error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Clean up test users from the users database
|
||||
*/
|
||||
async function cleanupUsersFromDatabase(): Promise<void> {
|
||||
try {
|
||||
// Get all users
|
||||
const response = await fetch(
|
||||
'http://localhost:5984/users/_all_docs?include_docs=true',
|
||||
{
|
||||
headers: {
|
||||
Authorization:
|
||||
'Basic ' + Buffer.from('admin:password').toString('base64'),
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
return;
|
||||
}
|
||||
|
||||
const data = await response.json();
|
||||
const testUserPattern =
|
||||
/debug-test.*@localhost|test.*@localhost|strong.*@localhost/;
|
||||
|
||||
// Find and delete test users
|
||||
for (const row of data.rows) {
|
||||
if (row.doc && row.doc.email && testUserPattern.test(row.doc.email)) {
|
||||
await deleteTestUser(row.doc._id, row.doc._rev);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.warn('⚠️ Error cleaning users database:', error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Delete a specific test user
|
||||
*/
|
||||
async function deleteTestUser(userId: string, rev: string): Promise<void> {
|
||||
try {
|
||||
const response = await fetch(
|
||||
`http://localhost:5984/users/${userId}?rev=${rev}`,
|
||||
{
|
||||
method: 'DELETE',
|
||||
headers: {
|
||||
Authorization:
|
||||
'Basic ' + Buffer.from('admin:password').toString('base64'),
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (response.ok) {
|
||||
console.log(`🗑️ Deleted test user: ${userId}`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.warn(`⚠️ Could not delete test user ${userId}:`, error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Clean up temporary files created during tests
|
||||
*/
|
||||
async function cleanupTempFiles(): Promise<void> {
|
||||
console.log('📂 Cleaning up temporary files...');
|
||||
|
||||
try {
|
||||
const fs = await import('fs').then(m => m.promises);
|
||||
const path = await import('path');
|
||||
|
||||
// Clean up any temporary screenshots or videos from failed tests
|
||||
const tempDirs = [
|
||||
'test-results-auth',
|
||||
'playwright-report-auth',
|
||||
'screenshots-temp',
|
||||
'videos-temp',
|
||||
];
|
||||
|
||||
for (const dir of tempDirs) {
|
||||
try {
|
||||
const fullPath = path.join(process.cwd(), dir);
|
||||
await fs.access(fullPath);
|
||||
// Directory exists, but don't delete it as it may contain useful debug info
|
||||
console.log(`📁 Preserved test artifacts in: ${dir}`);
|
||||
} catch {
|
||||
// Directory doesn't exist, which is fine
|
||||
}
|
||||
}
|
||||
|
||||
console.log('✅ Temporary files cleanup completed');
|
||||
} catch (error) {
|
||||
console.warn('⚠️ Temporary files cleanup had issues:', error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Generate test summary report
|
||||
*/
|
||||
async function generateTestSummary(): Promise<void> {
|
||||
console.log('📊 Generating test summary...');
|
||||
|
||||
try {
|
||||
const fs = await import('fs').then(m => m.promises);
|
||||
const path = await import('path');
|
||||
|
||||
// Check if test results exist
|
||||
const reportPath = path.join(process.cwd(), 'playwright-report-auth.json');
|
||||
|
||||
try {
|
||||
await fs.access(reportPath);
|
||||
const reportData = await fs.readFile(reportPath, 'utf-8');
|
||||
const report = JSON.parse(reportData);
|
||||
|
||||
// Generate summary
|
||||
const summary = {
|
||||
timestamp: new Date().toISOString(),
|
||||
testType: 'Authentication Debug',
|
||||
totalTests:
|
||||
report.suites?.reduce(
|
||||
(total: number, suite: { specs?: unknown[] }) =>
|
||||
total + (suite.specs?.length || 0),
|
||||
0
|
||||
) || 0,
|
||||
passedTests: 0,
|
||||
failedTests: 0,
|
||||
skippedTests: 0,
|
||||
duration: report.stats?.duration || 0,
|
||||
environment: {
|
||||
nodeVersion: process.version,
|
||||
platform: process.platform,
|
||||
ci: !!process.env.CI,
|
||||
},
|
||||
};
|
||||
|
||||
// Count test results
|
||||
if (report.suites) {
|
||||
for (const suite of report.suites) {
|
||||
if (suite.specs) {
|
||||
for (const spec of suite.specs) {
|
||||
if (spec.tests) {
|
||||
for (const test of spec.tests) {
|
||||
switch (test.status) {
|
||||
case 'passed':
|
||||
summary.passedTests++;
|
||||
break;
|
||||
case 'failed':
|
||||
summary.failedTests++;
|
||||
break;
|
||||
case 'skipped':
|
||||
summary.skippedTests++;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Save summary
|
||||
const summaryPath = path.join(process.cwd(), 'auth-debug-summary.json');
|
||||
await fs.writeFile(summaryPath, JSON.stringify(summary, null, 2));
|
||||
|
||||
console.log('📈 Test Summary:');
|
||||
console.log(` Total Tests: ${summary.totalTests}`);
|
||||
console.log(` Passed: ${summary.passedTests}`);
|
||||
console.log(` Failed: ${summary.failedTests}`);
|
||||
console.log(` Skipped: ${summary.skippedTests}`);
|
||||
console.log(` Duration: ${summary.duration}ms`);
|
||||
console.log(` Summary saved to: auth-debug-summary.json`);
|
||||
} catch (_error) {
|
||||
console.warn('⚠️ Could not find test report for summary generation');
|
||||
}
|
||||
|
||||
console.log('✅ Test summary generation completed');
|
||||
} catch (error) {
|
||||
console.warn('⚠️ Test summary generation had issues:', error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Clean up test artifacts but preserve important debug information
|
||||
*/
|
||||
async function cleanupTestArtifacts(): Promise<void> {
|
||||
console.log('🧹 Managing test artifacts...');
|
||||
|
||||
try {
|
||||
const fs = await import('fs').then(m => m.promises);
|
||||
const path = await import('path');
|
||||
|
||||
// Archive old test results if they exist
|
||||
const testResultsDir = 'test-results-auth';
|
||||
const archiveDir = 'test-results-archive';
|
||||
|
||||
try {
|
||||
await fs.access(testResultsDir);
|
||||
|
||||
// Create archive directory if it doesn't exist
|
||||
try {
|
||||
await fs.mkdir(archiveDir, { recursive: true });
|
||||
} catch {
|
||||
// Directory might already exist
|
||||
}
|
||||
|
||||
// Move current results to archive with timestamp
|
||||
const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
|
||||
const archivePath = path.join(archiveDir, `auth-debug-${timestamp}`);
|
||||
|
||||
await fs.rename(testResultsDir, archivePath);
|
||||
console.log(`📦 Archived test results to: ${archivePath}`);
|
||||
} catch {
|
||||
// No test results to archive
|
||||
}
|
||||
|
||||
console.log('✅ Test artifacts management completed');
|
||||
} catch (error) {
|
||||
console.warn('⚠️ Test artifacts cleanup had issues:', error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Log final status and cleanup recommendations
|
||||
*/
|
||||
async function logFinalStatus(): Promise<void> {
|
||||
console.log('📋 Auth Debug Test Session Complete');
|
||||
console.log('');
|
||||
console.log('📁 Available Reports:');
|
||||
console.log(' • HTML Report: playwright-report-auth/index.html');
|
||||
console.log(' • JSON Report: playwright-report-auth.json');
|
||||
console.log(' • Summary: auth-debug-summary.json');
|
||||
console.log('');
|
||||
console.log('🔧 Debug Commands:');
|
||||
console.log(
|
||||
' • View HTML report: npx playwright show-report playwright-report-auth'
|
||||
);
|
||||
console.log(
|
||||
' • Run specific test: bunx playwright test auth-debug.spec.ts --debug'
|
||||
);
|
||||
console.log(' • Interactive mode: make test-e2e-ui');
|
||||
console.log('');
|
||||
console.log('🧹 Cleanup Status:');
|
||||
console.log(' • Test users: Cleaned up');
|
||||
console.log(' • Temporary files: Preserved for debugging');
|
||||
console.log(' • Test artifacts: Archived');
|
||||
console.log('');
|
||||
|
||||
// Check for failed tests and provide guidance
|
||||
try {
|
||||
const fs = await import('fs').then(m => m.promises);
|
||||
const path = await import('path');
|
||||
const summaryPath = path.join(process.cwd(), 'auth-debug-summary.json');
|
||||
|
||||
const summaryData = await fs.readFile(summaryPath, 'utf-8');
|
||||
const summary = JSON.parse(summaryData);
|
||||
|
||||
if (summary.failedTests > 0) {
|
||||
console.log('⚠️ Test Failures Detected:');
|
||||
console.log(` ${summary.failedTests} test(s) failed`);
|
||||
console.log(' Check the HTML report for detailed failure information');
|
||||
console.log(' Use --debug flag to interactively debug failing tests');
|
||||
console.log('');
|
||||
} else if (summary.passedTests > 0) {
|
||||
console.log('✅ All Authentication Tests Passed!');
|
||||
console.log(' Authentication flows are working correctly');
|
||||
console.log('');
|
||||
}
|
||||
} catch {
|
||||
// Summary file might not exist
|
||||
}
|
||||
|
||||
console.log('🎯 Next Steps:');
|
||||
console.log(' • Review test reports for any issues');
|
||||
console.log(' • Update authentication tests as features evolve');
|
||||
console.log(' • Run tests regularly in CI/CD pipeline');
|
||||
console.log('');
|
||||
}
|
||||
|
||||
/**
|
||||
* Emergency cleanup in case of critical errors
|
||||
*/
|
||||
async function emergencyCleanup(): Promise<void> {
|
||||
console.log('🚨 Running emergency cleanup...');
|
||||
|
||||
try {
|
||||
// Force cleanup of any hanging processes or connections
|
||||
// This is a safety net for test environments
|
||||
|
||||
console.log('✅ Emergency cleanup completed');
|
||||
} catch (error) {
|
||||
console.error('❌ Emergency cleanup failed:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// Execute teardown
|
||||
export default async function (config: FullConfig) {
|
||||
try {
|
||||
await globalTeardown(config);
|
||||
} catch (_error) {
|
||||
console.error('❌ Teardown failed, running emergency cleanup...');
|
||||
await emergencyCleanup();
|
||||
}
|
||||
}
|
||||
390
tests/e2e/auth-debug.spec.ts
Normal file
390
tests/e2e/auth-debug.spec.ts
Normal file
@@ -0,0 +1,390 @@
|
||||
|
||||
import { test, expect } from '@playwright/test';
|
||||
|
||||
test.describe('Authentication Debug and Validation', () => {
|
||||
test.beforeEach(async ({ page }) => {
|
||||
await page.goto('/');
|
||||
// Wait for login form to be ready
|
||||
await page.waitForSelector('input[type="email"]', { timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should validate admin user exists in system', async ({ page }) => {
|
||||
// Check if admin user exists by attempting login
|
||||
await page.fill('input[type="email"]', 'admin@localhost');
|
||||
await page.fill('input[type="password"]', 'admin123!');
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
// Should successfully login and reach main app
|
||||
await expect(page.locator('h1')).toContainText('Medication Reminder', {
|
||||
timeout: 15000,
|
||||
});
|
||||
await expect(page.locator('text=Admin')).toBeVisible({ timeout: 10000 });
|
||||
|
||||
// Verify admin role and permissions
|
||||
await page.click('button:has-text("Admin")');
|
||||
await expect(page.locator('text=Admin Interface')).toBeVisible({
|
||||
timeout: 10000,
|
||||
});
|
||||
await expect(page.locator('text=User Management')).toBeVisible();
|
||||
});
|
||||
|
||||
test('should validate email format with localhost domain', async ({
|
||||
page,
|
||||
}) => {
|
||||
const testEmails = [
|
||||
{ email: 'admin@localhost', valid: true },
|
||||
{ email: 'user@localhost', valid: true },
|
||||
{ email: 'test@example.com', valid: true },
|
||||
{ email: 'invalid-email', valid: false },
|
||||
{ email: '@localhost', valid: false },
|
||||
{ email: 'user@', valid: false },
|
||||
{ email: '', valid: false },
|
||||
];
|
||||
|
||||
for (const { email, valid } of testEmails) {
|
||||
console.log(`Testing email validation for: ${email}`);
|
||||
|
||||
// Clear form
|
||||
await page.fill('input[type="email"]', '');
|
||||
await page.fill('input[type="password"]', '');
|
||||
|
||||
// Fill email
|
||||
await page.fill('input[type="email"]', email);
|
||||
await page.fill('input[type="password"]', 'testpass123');
|
||||
|
||||
// Try to submit
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
if (valid) {
|
||||
// Should not show validation error for valid emails
|
||||
await expect(page.locator('text=Invalid email format')).not.toBeVisible(
|
||||
{ timeout: 3000 }
|
||||
);
|
||||
} else {
|
||||
// Should show validation error for invalid emails
|
||||
await expect(page.locator('text=Invalid')).toBeVisible({
|
||||
timeout: 3000,
|
||||
});
|
||||
}
|
||||
|
||||
// Wait a bit between tests and reload to reset state
|
||||
await page.waitForTimeout(1000);
|
||||
await page.reload();
|
||||
await page.waitForSelector('input[type="email"]');
|
||||
}
|
||||
});
|
||||
|
||||
test('should validate user creation with password', async ({ page }) => {
|
||||
// Go to registration
|
||||
await page.click('text=Register');
|
||||
await page.waitForSelector('input[name="username"]', { timeout: 5000 });
|
||||
|
||||
// Test user data with timestamp to ensure uniqueness
|
||||
const timestamp = Date.now();
|
||||
const testUser = {
|
||||
email: `debug-test-${timestamp}@localhost`,
|
||||
username: `debugtest${timestamp}`,
|
||||
password: 'DebugTest123!',
|
||||
};
|
||||
|
||||
console.log(`Testing user creation for: ${testUser.email}`);
|
||||
|
||||
// Fill registration form
|
||||
await page.fill('input[type="email"]', testUser.email);
|
||||
await page.fill('input[name="username"]', testUser.username);
|
||||
await page.fill('input[type="password"]', testUser.password);
|
||||
|
||||
// Submit registration
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
// Should show success or verification message
|
||||
await expect(
|
||||
page
|
||||
.locator('text=verification')
|
||||
.or(page.locator('text=registered'))
|
||||
.or(page.locator('text=success'))
|
||||
).toBeVisible({ timeout: 10000 });
|
||||
});
|
||||
|
||||
test('should handle OAuth user creation flow', async ({ page }) => {
|
||||
// Check OAuth buttons are present
|
||||
await expect(page.locator('button:has-text("Google")')).toBeVisible({
|
||||
timeout: 5000,
|
||||
});
|
||||
await expect(page.locator('button:has-text("GitHub")')).toBeVisible({
|
||||
timeout: 5000,
|
||||
});
|
||||
|
||||
// Store current URL to verify navigation attempt
|
||||
const currentUrl = page.url();
|
||||
|
||||
// Click OAuth button (won't actually authenticate in test)
|
||||
await page.click('button:has-text("Google")');
|
||||
|
||||
// Should either redirect to OAuth provider or show error in test environment
|
||||
await page.waitForTimeout(2000);
|
||||
|
||||
// Verify some action was taken (URL change or error message)
|
||||
const newUrl = page.url();
|
||||
const hasError = await page.locator('text=error').isVisible();
|
||||
|
||||
// One of these should be true: URL changed (redirect) or error shown
|
||||
const actionTaken = newUrl !== currentUrl || hasError;
|
||||
expect(actionTaken).toBeTruthy();
|
||||
});
|
||||
|
||||
test('should validate database connection status', async ({ page }) => {
|
||||
// Login as admin to access system status
|
||||
await page.fill('input[type="email"]', 'admin@localhost');
|
||||
await page.fill('input[type="password"]', 'admin123!');
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
await expect(page.locator('h1')).toContainText('Medication Reminder', {
|
||||
timeout: 15000,
|
||||
});
|
||||
|
||||
// Check if there's a system status indicator
|
||||
const statusIndicator = page.locator('[data-testid="system-status"]');
|
||||
const statusVisible = await statusIndicator.isVisible();
|
||||
|
||||
if (statusVisible) {
|
||||
await expect(statusIndicator).toContainText('Connected');
|
||||
console.log('System status indicator found and shows: Connected');
|
||||
} else {
|
||||
console.log(
|
||||
'System status indicator not found - this is optional functionality'
|
||||
);
|
||||
}
|
||||
|
||||
// Alternative: Check if app loads successfully (indicates DB connection)
|
||||
await expect(page.locator('button:has-text("Add Medication")')).toBeVisible(
|
||||
{ timeout: 5000 }
|
||||
);
|
||||
console.log(
|
||||
'App loaded successfully - database connection presumed working'
|
||||
);
|
||||
});
|
||||
|
||||
test('should validate password strength requirements', async ({ page }) => {
|
||||
await page.click('text=Register');
|
||||
await page.waitForSelector('input[name="username"]', { timeout: 5000 });
|
||||
|
||||
const weakPasswords = [
|
||||
{ password: '123', description: 'too short' },
|
||||
{ password: 'password', description: 'common word' },
|
||||
{ password: 'admin', description: 'common admin' },
|
||||
{ password: 'abc123', description: 'simple pattern' },
|
||||
{ password: 'PASSWORD', description: 'all caps, no numbers' },
|
||||
];
|
||||
|
||||
const strongPasswords = [
|
||||
{
|
||||
password: 'StrongPass123!',
|
||||
description: 'mixed case, numbers, symbols',
|
||||
},
|
||||
{
|
||||
password: 'MySecure@Password1',
|
||||
description: 'long with special chars',
|
||||
},
|
||||
{ password: 'Complex#Pass9', description: 'complex pattern' },
|
||||
];
|
||||
|
||||
// Test weak passwords
|
||||
for (const { password, description } of weakPasswords) {
|
||||
console.log(`Testing weak password (${description}): ${password}`);
|
||||
|
||||
const timestamp = Date.now();
|
||||
await page.fill('input[type="email"]', `test${timestamp}@localhost`);
|
||||
await page.fill('input[name="username"]', `testuser${timestamp}`);
|
||||
await page.fill('input[type="password"]', password);
|
||||
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
// Should show password strength error
|
||||
const errorVisible = await page
|
||||
.locator('text=Password must')
|
||||
.or(page.locator('text=weak'))
|
||||
.or(page.locator('text=strength'))
|
||||
.isVisible();
|
||||
if (!errorVisible) {
|
||||
console.log(
|
||||
`Warning: Password strength validation may not be implemented for: ${password}`
|
||||
);
|
||||
}
|
||||
|
||||
// Clear form for next test
|
||||
await page.fill('input[type="password"]', '');
|
||||
await page.waitForTimeout(500);
|
||||
}
|
||||
|
||||
// Test strong passwords
|
||||
for (const { password, description } of strongPasswords) {
|
||||
console.log(`Testing strong password (${description}): ${password}`);
|
||||
|
||||
const timestamp = Date.now();
|
||||
await page.fill('input[type="email"]', `strong${timestamp}@localhost`);
|
||||
await page.fill('input[name="username"]', `stronguser${timestamp}`);
|
||||
await page.fill('input[type="password"]', password);
|
||||
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
// Should not show password strength error, but might show other validation
|
||||
await page.waitForTimeout(1000);
|
||||
|
||||
const hasPasswordError = await page
|
||||
.locator('text=Password must')
|
||||
.or(page.locator('text=weak'))
|
||||
.isVisible();
|
||||
if (hasPasswordError) {
|
||||
console.log(`Unexpected: Strong password rejected: ${password}`);
|
||||
}
|
||||
|
||||
// Clear form for next test
|
||||
await page.fill('input[type="password"]', '');
|
||||
await page.waitForTimeout(500);
|
||||
}
|
||||
});
|
||||
|
||||
test('should validate session persistence', async ({ page }) => {
|
||||
console.log('Testing session persistence...');
|
||||
|
||||
// Login
|
||||
await page.fill('input[type="email"]', 'admin@localhost');
|
||||
await page.fill('input[type="password"]', 'admin123!');
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
await expect(page.locator('h1')).toContainText('Medication Reminder', {
|
||||
timeout: 15000,
|
||||
});
|
||||
console.log('Initial login successful');
|
||||
|
||||
// Refresh page
|
||||
await page.reload();
|
||||
await page.waitForLoadState('networkidle');
|
||||
|
||||
// Should still be logged in
|
||||
try {
|
||||
await expect(page.locator('h1')).toContainText('Medication Reminder', {
|
||||
timeout: 10000,
|
||||
});
|
||||
await expect(page.locator('text=Admin')).toBeVisible({ timeout: 5000 });
|
||||
console.log(
|
||||
'Session persistence verified - user remains logged in after refresh'
|
||||
);
|
||||
} catch (_error) {
|
||||
console.log(
|
||||
'Session persistence not implemented - user was logged out after refresh'
|
||||
);
|
||||
// This might be expected behavior depending on implementation
|
||||
await expect(page.locator('input[type="email"]')).toBeVisible();
|
||||
}
|
||||
});
|
||||
|
||||
test('should handle invalid login attempts', async ({ page }) => {
|
||||
const invalidCredentials = [
|
||||
{
|
||||
email: 'nonexistent@localhost',
|
||||
password: 'password123',
|
||||
type: 'nonexistent user',
|
||||
},
|
||||
{
|
||||
email: 'admin@localhost',
|
||||
password: 'wrongpassword',
|
||||
type: 'wrong password',
|
||||
},
|
||||
{
|
||||
email: 'invalid-email',
|
||||
password: 'password123',
|
||||
type: 'invalid email format',
|
||||
},
|
||||
{ email: '', password: 'password123', type: 'empty email' },
|
||||
{ email: 'admin@localhost', password: '', type: 'empty password' },
|
||||
];
|
||||
|
||||
for (const { email, password, type } of invalidCredentials) {
|
||||
console.log(`Testing invalid login: ${type}`);
|
||||
|
||||
await page.fill('input[type="email"]', email);
|
||||
await page.fill('input[type="password"]', password);
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
// Wait for response
|
||||
await page.waitForTimeout(2000);
|
||||
|
||||
// Should show error message or stay on login page
|
||||
const hasError = await page
|
||||
.locator('text=Invalid')
|
||||
.or(page.locator('text=error'))
|
||||
.or(page.locator('text=failed'))
|
||||
.isVisible();
|
||||
const staysOnLogin = await page
|
||||
.locator('input[type="email"]')
|
||||
.isVisible();
|
||||
|
||||
if (!hasError && !staysOnLogin) {
|
||||
console.log(`Warning: No clear error indication for ${type}`);
|
||||
}
|
||||
|
||||
// Should not redirect to main app
|
||||
const redirectedToApp = await page
|
||||
.locator('h1:has-text("Medication Reminder")')
|
||||
.isVisible();
|
||||
expect(redirectedToApp).toBeFalsy();
|
||||
|
||||
// Clear form for next test
|
||||
await page.fill('input[type="email"]', '');
|
||||
await page.fill('input[type="password"]', '');
|
||||
await page.waitForTimeout(1000);
|
||||
}
|
||||
});
|
||||
|
||||
test('should validate user lookup functionality', async ({ page }) => {
|
||||
console.log('Testing user lookup functionality...');
|
||||
|
||||
// Login as admin first
|
||||
await page.fill('input[type="email"]', 'admin@localhost');
|
||||
await page.fill('input[type="password"]', 'admin123!');
|
||||
await page.click('button[type="submit"]');
|
||||
|
||||
await expect(page.locator('h1')).toContainText('Medication Reminder', {
|
||||
timeout: 15000,
|
||||
});
|
||||
|
||||
// Open admin interface
|
||||
await page.click('button:has-text("Admin")');
|
||||
await expect(page.locator('text=User Management')).toBeVisible({
|
||||
timeout: 10000,
|
||||
});
|
||||
|
||||
// Should show admin user in user list
|
||||
await expect(page.locator('text=admin@localhost')).toBeVisible({
|
||||
timeout: 5000,
|
||||
});
|
||||
console.log('Admin user found in user list');
|
||||
|
||||
// Test user search if available
|
||||
const searchBox = page
|
||||
.locator('input[placeholder*="search"]')
|
||||
.or(page.locator('input[type="search"]'));
|
||||
const searchVisible = await searchBox.isVisible();
|
||||
|
||||
if (searchVisible) {
|
||||
console.log('Search functionality found, testing...');
|
||||
await searchBox.fill('admin');
|
||||
await page.waitForTimeout(1000); // Allow for search debouncing
|
||||
await expect(page.locator('text=admin@localhost')).toBeVisible();
|
||||
console.log('Search functionality works correctly');
|
||||
} else {
|
||||
console.log('Search functionality not implemented - this is optional');
|
||||
}
|
||||
|
||||
// Test user count or list functionality
|
||||
const userRows = page.locator(
|
||||
'tr:has-text("@"), .user-item, [data-testid*="user"]'
|
||||
);
|
||||
const userCount = await userRows.count();
|
||||
console.log(`Found ${userCount} users in the system`);
|
||||
|
||||
expect(userCount).toBeGreaterThan(0); // At least admin should be present
|
||||
});
|
||||
});
|
||||
158
tests/e2e/playwright.auth.config.ts
Normal file
158
tests/e2e/playwright.auth.config.ts
Normal file
@@ -0,0 +1,158 @@
|
||||
import { defineConfig, devices } from '@playwright/test';
|
||||
|
||||
/**
|
||||
* Specialized Playwright configuration for authentication debug tests
|
||||
* Optimized for debugging auth flows with extended timeouts and detailed reporting
|
||||
*/
|
||||
export default defineConfig({
|
||||
testDir: './tests/e2e',
|
||||
testMatch: '**/auth-debug.spec.ts',
|
||||
|
||||
/* Run tests in files in parallel */
|
||||
fullyParallel: false, // Auth tests should run sequentially to avoid conflicts
|
||||
|
||||
/* Fail the build on CI if you accidentally left test.only in the source code. */
|
||||
forbidOnly: !!process.env.CI,
|
||||
|
||||
/* Retry on CI only */
|
||||
retries: process.env.CI ? 2 : 0,
|
||||
|
||||
/* Opt out of parallel tests on CI. */
|
||||
workers: process.env.CI ? 1 : 1, // Auth tests work better with single worker
|
||||
|
||||
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
|
||||
reporter: [
|
||||
['html', { outputFolder: 'playwright-report-auth' }],
|
||||
['json', { outputFile: 'playwright-report-auth.json' }],
|
||||
['list'],
|
||||
['junit', { outputFile: 'playwright-auth-results.xml' }],
|
||||
],
|
||||
|
||||
/* Shared settings for all the projects below. */
|
||||
use: {
|
||||
/* Base URL to use in actions like `await page.goto('/')`. */
|
||||
baseURL: 'http://localhost:8080',
|
||||
|
||||
/* Collect trace when retrying the failed test. */
|
||||
trace: 'retain-on-failure',
|
||||
|
||||
/* Take screenshot on failure */
|
||||
screenshot: 'only-on-failure',
|
||||
|
||||
/* Record video on failure */
|
||||
video: 'retain-on-failure',
|
||||
|
||||
/* Extended timeouts for auth operations */
|
||||
actionTimeout: 15000,
|
||||
navigationTimeout: 30000,
|
||||
|
||||
/* Ignore HTTPS errors */
|
||||
ignoreHTTPSErrors: true,
|
||||
|
||||
/* Accept downloads */
|
||||
acceptDownloads: false,
|
||||
|
||||
/* Viewport settings */
|
||||
viewport: { width: 1280, height: 720 },
|
||||
|
||||
/* Locale for testing */
|
||||
locale: 'en-US',
|
||||
|
||||
/* Timezone for consistent testing */
|
||||
timezoneId: 'America/New_York',
|
||||
},
|
||||
|
||||
/* Configure projects for major browsers */
|
||||
projects: [
|
||||
{
|
||||
name: 'auth-debug-chromium',
|
||||
use: {
|
||||
...devices['Desktop Chrome'],
|
||||
// Additional Chrome flags for debugging
|
||||
launchOptions: {
|
||||
args: [
|
||||
'--disable-web-security',
|
||||
'--disable-features=VizDisplayCompositor',
|
||||
'--no-sandbox',
|
||||
'--disable-dev-shm-usage',
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
name: 'auth-debug-firefox',
|
||||
use: {
|
||||
...devices['Desktop Firefox'],
|
||||
// Firefox specific settings
|
||||
launchOptions: {
|
||||
firefoxUserPrefs: {
|
||||
'security.tls.insecure_fallback_hosts': 'localhost',
|
||||
'network.stricttransportsecurity.preloadlist': false,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
name: 'auth-debug-webkit',
|
||||
use: { ...devices['Desktop Safari'] },
|
||||
},
|
||||
|
||||
/* Test against mobile viewports for responsive auth */
|
||||
{
|
||||
name: 'auth-debug-mobile-chrome',
|
||||
use: { ...devices['Pixel 5'] },
|
||||
},
|
||||
{
|
||||
name: 'auth-debug-mobile-safari',
|
||||
use: { ...devices['iPhone 12'] },
|
||||
},
|
||||
],
|
||||
|
||||
/* Global setup and teardown */
|
||||
globalSetup: require.resolve('./auth-debug-setup.ts'),
|
||||
globalTeardown: require.resolve('./auth-debug-teardown.ts'),
|
||||
|
||||
/* Test timeout for auth operations */
|
||||
timeout: 60000, // 1 minute per test
|
||||
expect: {
|
||||
timeout: 10000, // 10 seconds for assertions
|
||||
},
|
||||
|
||||
/* Run your local dev server before starting the tests */
|
||||
webServer: [
|
||||
{
|
||||
command: 'bun run dev',
|
||||
port: 8080,
|
||||
timeout: 120000,
|
||||
reuseExistingServer: !process.env.CI,
|
||||
stdout: 'pipe',
|
||||
stderr: 'pipe',
|
||||
env: {
|
||||
NODE_ENV: 'test',
|
||||
VITE_COUCHDB_URL: 'http://localhost:5984',
|
||||
VITE_COUCHDB_USERNAME: 'admin',
|
||||
VITE_COUCHDB_PASSWORD: 'password',
|
||||
},
|
||||
},
|
||||
{
|
||||
command: 'docker-compose -f docker/docker-compose.yaml up -d',
|
||||
timeout: 60000,
|
||||
reuseExistingServer: !process.env.CI,
|
||||
},
|
||||
],
|
||||
|
||||
/* Output directories */
|
||||
outputDir: 'test-results-auth/',
|
||||
|
||||
/* Metadata for reporting */
|
||||
metadata: {
|
||||
testType: 'Authentication Debug',
|
||||
environment: process.env.NODE_ENV || 'test',
|
||||
version: process.env.APP_VERSION || 'development',
|
||||
author: 'Medication Reminder App Team',
|
||||
description:
|
||||
'Comprehensive authentication flow debugging and validation tests',
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user