chore: implement Phase 5 E2E tests for Tasks & Monitoring

Phase 5 adds comprehensive E2E test coverage for backup management,
log viewing, import wizards, and uptime monitoring features.

Backend Changes:

Add POST /api/v1/uptime/monitors endpoint for creating monitors
Add CreateMonitor service method with URL validation
Add 9 unit tests for uptime handler create functionality
Frontend Changes:

Add CreateMonitorModal component to Uptime.tsx
Add "Add Monitor" and "Sync with Hosts" buttons
Add createMonitor() API function to uptime.ts
Add data-testid attributes to 6 frontend components:
Backups.tsx, Uptime.tsx, LiveLogViewer.tsx
Logs.tsx, ImportCaddy.tsx, ImportCrowdSec.tsx
E2E Test Files Created (7 files, ~115 tests):

backups-create.spec.ts (17 tests)
backups-restore.spec.ts (8 tests)
logs-viewing.spec.ts (20 tests)
import-caddyfile.spec.ts (20 tests)
import-crowdsec.spec.ts (8 tests)
uptime-monitoring.spec.ts (22 tests)
real-time-logs.spec.ts (20 tests)
Coverage: Backend 87.0%, Frontend 85.2%
This commit is contained in:
GitHub Actions
2026-01-20 15:41:38 +00:00
parent 3c3a2dddb2
commit edb713547f
24 changed files with 8481 additions and 1250 deletions
+19 -14
View File
@@ -73,11 +73,13 @@ export default function ImportCaddy() {
<h1 className="text-3xl font-bold text-white mb-6">{t('importCaddy.title')}</h1>
{session && (
<ImportBanner
session={session}
onReview={() => setShowReview(true)}
onCancel={handleCancel}
/>
<div data-testid="import-banner">
<ImportBanner
session={session}
onReview={() => setShowReview(true)}
onCancel={handleCancel}
/>
</div>
)}
{error && (
@@ -116,6 +118,7 @@ export default function ImportCaddy() {
accept=".caddyfile,.txt,text/plain"
onChange={handleFileUpload}
className="w-full text-sm text-gray-400 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-blue-active file:text-white hover:file:bg-blue-hover file:cursor-pointer cursor-pointer"
data-testid="import-dropzone"
/>
</div>
@@ -163,15 +166,17 @@ api.example.com {
)}
{showReview && preview && preview.preview && (
<ImportReviewTable
hosts={preview.preview.hosts}
conflicts={preview.preview.conflicts}
conflictDetails={preview.conflict_details}
errors={preview.preview.errors}
caddyfileContent={preview.caddyfile_content}
onCommit={handleCommit}
onCancel={() => setShowReview(false)}
/>
<div data-testid="import-review-table">
<ImportReviewTable
hosts={preview.preview.hosts}
conflicts={preview.preview.conflicts}
conflictDetails={preview.conflict_details}
errors={preview.preview.errors}
caddyfileContent={preview.caddyfile_content}
onCommit={handleCommit}
onCancel={() => setShowReview(false)}
/>
</div>
)}
<ImportSitesModal