update tests

Author: MarkoIvanetic

PLAYWRIGHT_SETUP.md

@@ -0,0 +1,121 @@
+# Playwright E2E Setup Summary
+
+## ✅ What's Been Configured
+
+### 1. GitHub Actions Workflow (`.github/workflows/playwright.yml`)
+- **Triggers:** Push/PR to main/master, manual dispatch
+- **Environment:** Ubuntu 22.04, Node.js from package.json, pnpm with caching
+- **Process:**
+  1. Checkout code
+  2. Setup Node.js and install dependencies (with caching)
+  3. Install Playwright browsers (chromium only for speed)
+  4. Build frontend application
+  5. Start frontend in production mode
+  6. Wait for health check
+  7. Run E2E tests
+  8. Upload reports and artifacts
+  9. Clean up processes
+
+### 2. Composite Actions
+- **`.github/actions/node-setup`** - Existing Node/pnpm setup with caching
+- **`.github/actions/e2e-setup`** - New Playwright browser installation
+
+### 3. Turborepo Integration (`turbo.json`)
+- Added `e2e` task that depends on build completion
+- Configured proper inputs for cache invalidation
+
+### 4. Enhanced Scripts (`package.json`)
+- `pnpm e2e` - Run headless tests
+- `pnpm e2e:headed` - Run with visible browser
+- `pnpm e2e:ui` - Interactive test runner
+
+### 5. Test Verification Script (`scripts/test-e2e-setup.sh`)
+- Complete local testing workflow
+- Automated setup verification
+- Proper cleanup and error handling
+
+## 🚀 How to Use
+
+### Local Development
+```bash
+# Quick test (after frontend is running)
+pnpm e2e
+
+# Full verification including setup
+./scripts/test-e2e-setup.sh
+
+# Visual debugging
+pnpm e2e:headed
+pnpm e2e:ui
+```
+
+### CI/CD
+- Tests run automatically on pushes and PRs
+- Manual trigger available in GitHub Actions tab
+- Reports uploaded as artifacts when tests fail
+
+## 🔧 Configuration Details
+
+### Environment Variables (CI)
+```yaml
+NODE_ENV: test
+NEXTAUTH_SECRET: "test-secret-for-ci-only"
+NEXT_PUBLIC_EXAMPLE_VARIABLE: "CI Test Variable"
+CI: true
+```
+
+### Browser Setup
+- **CI:** Chromium only (faster, sufficient for most cases)
+- **Local:** All browsers available via `playwright install`
+
+### Timeouts & Retries
+- **Job timeout:** 60 minutes
+- **App startup:** 60 seconds
+- **Retries:** 2 in CI, 0 locally
+
+## 📁 Project Structure
+```
+packages/e2e-frontend/
+├── README.md              # Detailed E2E documentation
+├── playwright.config.ts   # Test configuration
+├── package.json          # E2E-specific scripts
+├── *.spec.ts             # Test files
+├── pages/                # Page Object Models
+└── utils/                # Test utilities
+
+.github/
+├── workflows/
+│   └── playwright.yml    # Main E2E workflow
+└── actions/
+    ├── node-setup/       # Node/pnpm setup (existing)
+    └── e2e-setup/        # Playwright setup (new)
+```
+
+## 🎯 Next Steps
+
+1. **Test locally:** Run `./scripts/test-e2e-setup.sh`
+2. **Push changes:** Commit and push to trigger CI
+3. **Monitor results:** Check GitHub Actions tab
+4. **Iterate:** Add more tests, adjust configuration as needed
+
+## 🛠️ Troubleshooting
+
+### Common Issues
+- **Frontend won't start:** Check build errors, environment variables
+- **Tests timeout:** Increase wait time in workflow
+- **Flaky tests:** Add proper waits, check for race conditions
+- **CI failures:** Check artifacts for detailed reports
+
+### Debug Commands
+```bash
+# View test report after local run
+pnpm --filter e2e-frontend test:report
+
+# Update snapshots after UI changes
+pnpm --filter e2e-frontend test:update-snapshots
+
+# Run specific test
+pnpm exec playwright test home.spec.ts
+```
+
+The setup is production-ready and follows GitHub Actions best practices with proper caching, error handling, and artifact management.

packages/e2e-frontend/multi-device.spec.ts

@@ -26,27 +26,20 @@ test.describe('Browser contexts & multiple devices', () => {
 	}) => {
 		// Desktop user
 		const desktop = await createContext(browser, '[email protected]', 'password123', { width: 1280, height: 720 });
-		await wait(desktop.page);
 
 		// Tablet user (e.g., iPad)
 		const tablet = await createContext(browser, '[email protected]', 'password123', { width: 768, height: 1024 });
-		await wait(tablet.page);
 
 		// Mobile user
 		const mobile = await createContext(browser, '[email protected]', 'password123', { width: 375, height: 812 });
-		await wait(mobile.page);
 
 		// Screenshots for visual verification
 		await desktop.page.screenshot({ path: 'reports/screenshots/desktop-logged-in.png' });
 		await tablet.page.screenshot({ path: 'reports/screenshots/tablet-logged-in.png' });
 		await mobile.page.screenshot({ path: 'reports/screenshots/mobile-logged-in.png' });
 
-		// Close contexts
-		await wait(desktop.page, 250);
 		await desktop.context.close();
-		await wait(tablet.page, 250);
 		await tablet.context.close();
-		await wait(mobile.page, 250);
 		await mobile.context.close();
 	});
 });