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	121
Spec Files	22
Page Objects	21
Browsers Tested	Chromium, Firefox, WebKit
Total Tests	363 (121 × 3 browsers)

---

Test Count by Section

Section	Spec File	Tests	Page Object(s)
Home Dashboard	home-dashboard.spec.ts	7	HomePage.ts, DagsPage.ts
DAGs List	dags-list.spec.ts	8	DagsPage.ts
DAG Runs	dag-runs.spec.ts	5	DagRunsPage.ts
DAG Runs Tab	dag-runs-tab.spec.ts	7	DagRunsTabPage.ts
DAG Tasks Tab	dag-tasks.spec.ts	6	DagsPage.ts
DAG Audit Log	dag-audit-log.spec.ts	3	DagsPage.ts, EventsPage.ts
DAG Calendar Tab	dag-calendar-tab.spec.ts	8	DagCalendarTab.ts
DAG Code Tab	dag-code-tab.spec.ts	4	DagCodePage.ts
DAG Grid View	dag-grid-view.spec.ts	5	DagsPage.ts, GridPage.ts
Assets	asset.spec.ts	7	AssetListPage.ts, AssetDetailPage.ts, DagsPage.ts
Backfills	backfill.spec.ts	8	BackfillPage.ts
Task Instances	task-instances.spec.ts	4	TaskInstancesPage.ts
Task Logs	task-logs.spec.ts	5	TaskInstancePage.ts
Providers	providers.spec.ts	4	ProvidersPage.ts
XComs	xcoms.spec.ts	7	DagsPage.ts, XComsPage.ts
Required Actions	requiredAction.spec.ts	1	RequiredActionsPage.ts
Variables	variable.spec.ts	5	VariablePage.ts
Pools	pools.spec.ts	7	PoolsPage.ts
Connections	connections.spec.ts	8	ConnectionsPage.ts
Plugins	plugins.spec.ts	6	PluginsPage.ts
Events Page	events-page.spec.ts	5	DagsPage.ts, EventsPage.ts
Configuration	configuration.spec.ts	1	configurationpage.ts
Total	22 files	121	21 classes

---

Scenarios as per Pages

Authentication & Welcome

• AUTH-001: Login with valid credentials
• HOME-001: Verify dashboard metrics display

DAGs List /dags

• DAGS-001: Verify DAGs list displays
• DAGS-002: Trigger DAG
• DAGS-007: Verify pagination works

DAG Runs /dag_runs

• DAGRUNS-001: Verify all DAG runs display

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-003: Verify grid view displays

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-009: Verify DAG source codetab functionality

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
-[x] 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