UI E2E Test Scenarios - Implementation Meta issue #59028
Description
Description
This issue tracks UI e2e test scenarios implementation, following the Playwright framework added in #58548 and CI workflow in #58901.
Use case/motivation
Currently, we have limited UI e2e test coverage. Adding comprehensive tests will help:
- Catch UI regressions before they reach users
- Ensure new UI changes don't break existing functionality
Progress Summary
| Metric | Value |
|---|---|
| Test Cases | 65 |
| Spec Files | 10 |
| Page Objects | 10 |
| Browsers Tested | Chromium, Firefox, WebKit |
| Total Tests | 195 (65 × 3 browsers) |
Test Count by Section
| Section | Spec File | Tests | Page Object(s) |
|---|---|---|---|
| Home Dashboard | home-dashboard.spec.ts | 7 | HomePage.ts |
| DAGs List | dags-list.spec.ts | 10 | DagsPage.ts |
| DAG Runs | dag-runs.spec.ts | 6 | DagRunsPage.ts |
| DAG Tasks Tab | dag-tasks.spec.ts | 6 | DagsPage.ts |
| DAG Audit Log | dag-audit-log.spec.ts | 5 | EventsPage.ts |
| DAG Grid View | dag-grid-view.spec.ts | 5 | GridPage.ts |
| Assets | asset.spec.ts | 8 | AssetListPage.ts, AssetDetailPage.ts |
| Backfills | backfill.spec.ts | 8 | BackfillPage.ts |
| XComs | xcoms.spec.ts | 8 | XComsPage.ts |
| Required Actions | requiredAction.spec.ts | 2 | RequiredActionsPage.ts |
| Total | 10 files | 65 | 10 classes |
Scenarios as per Pages
Authentication & Welcome
- AUTH-001: Login with valid credentials
- AUTH-002: Logout
- HOME-001: Verify dashboard metrics display
- HOME-002: Navigate between sections
DAGs List /dags
- DAGS-001: Verify DAGs list displays
- DAGS-002: Trigger DAG
- DAGS-003: Search DAGs
- DAGS-004: Add DAG to favorites
- DAGS-006: Remove DAG from favorites
- DAGS-007: Verify pagination works
DAG Runs /dag_runs
- DAGRUNS-001: Verify all DAG runs display
- DAGRUNS-002: Verify run details display
- DAGRUNS-003: Clear DAG run
- DAGRUNS-004: Verify run status changes
Task Instances /task_instances
- TASKS-001: Verify all task instances display
- TASKS-002: Verify task details display
- TASKS-003: Verify task logs display
- TASKS-004: Mark task success
- TASKS-005: Mark task failed
- TASKS-006: Clear task instance
DAG Detail - Overview /dags/:dagId
- DAG-001: Verify DAG overview displays
- DAG-002: Verify task graph displays
- DAG-003: Verify grid view displays
- DAG-004: Switch between graph and grid
- DAG-005: Click task in graph
DAG Detail - Runs Tab
- DAG-006: Verify runs for specific DAG
DAG Detail - Tasks Tab
- DAG-007: Verify Tasks tab functionality
DAG Detail - Calendar Tab
- DAG-008: Verify calendar tab functionality
DAG Detail - Code Tab
DAG Detail - Details Tab
- DAG-010: Verify DAG details tab
DAG Detail - Backfills Tab
- DAG-011: Verify backfills list displays
- DAG-012: Create backfill with all reprocess behaviour
- DAG-013: Pause & Stop backfill
DAG Detail - Events Tab
- DAG-014: Verify DAG audit log
Assets
- ASSET-001: Verify assets list displays
- ASSET-002: Verify asset details display
Audit Logs /events
- BROWSE-001: Verify audit logs display
XComs
- BROWSE-003: Verify XComs list displays
Required Actions
- BROWSE-004: Verify required actions display
Variables
-[ ] ADMIN-001: Verify Variables Page functionality
Pools
- ADMIN-002: Verify Pools Page functionality
Connections
- ADMIN-003: Verify Connections Page functionality
Providers
- ADMIN-004: Verify Providers Page functionality
Plugins
- ADMIN-005 Verify Plugins Page functionality
Configuration
- ADMIN-006: Verify Configuration Page functionality
Related issues
No response
Are you willing to submit a PR?
- Yes I am willing to submit a PR!
Code of Conduct
- I agree to follow this project's Code of Conduct