Skip to content

Add dag grid view e2e testing scaffolding#60181

Closed
Rishikesh63 wants to merge 4 commits intoapache:mainfrom
Rishikesh63:dag-grid-view-testing
Closed

Add dag grid view e2e testing scaffolding#60181
Rishikesh63 wants to merge 4 commits intoapache:mainfrom
Rishikesh63:dag-grid-view-testing

Conversation

@Rishikesh63
Copy link
Copy Markdown

@Rishikesh63 Rishikesh63 commented Jan 6, 2026

This PR adds comprehensive Playwright-based E2E tests for the DAG Grid View UI.

The tests verify:

  • Grid view renders correctly on the DAG detail page
  • Task instances are displayed within the grid
  • Task states are color-coded correctly
  • Clicking a grid cell opens the corresponding task details
  • Users can navigate to the grid view from different UI tabs

closes: #59539
related: #59028

@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label Jan 6, 2026
@Rishikesh63 Rishikesh63 force-pushed the dag-grid-view-testing branch 2 times, most recently from 4905742 to d969967 Compare January 6, 2026 17:58
@Rishikesh63
Copy link
Copy Markdown
Author

@vatsrahul1001 could you please review

@bbovenzi
Copy link
Copy Markdown
Contributor

bbovenzi commented Jan 8, 2026

Can we rebase and double check that the tests still pass?

@Rishikesh63
Copy link
Copy Markdown
Author

Can we rebase and double check that the tests still pass?

yes

@Rishikesh63 Rishikesh63 force-pushed the dag-grid-view-testing branch from 8c43562 to 1fc39ea Compare January 9, 2026 17:52
@Rishikesh63
Copy link
Copy Markdown
Author

@vatsrahul1001 @choo121600 could you please review

import { BasePage } from "tests/e2e/pages/BasePage";

/**
* DAG Detail Page Object
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We’ve agreed to use “Dag” instead of “DAG” going forward,
so could you please update the occurrences of “DAG” to “Dag” accordingly?

[VOTE] results as of https://lists.apache.org/thread/0651j4vdgzmlhgndmotvznlg97kyh328


if (gridCellCount > 0) {
// If runs exist, wait for first grid cell to be visible
await this.page.locator('a[id^="grid-"]').first().waitFor({ state: "visible", timeout: 10_000 });
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it make sense to use expect(locator).toBeVisible() pattern here instead of waitFor?
It gives us an assertion with built-in waiting and clearer failure messages.

@vatsrahul1001
Copy link
Copy Markdown
Contributor

@Rishikesh63 can you address review comments ?

@Rishikesh63
Copy link
Copy Markdown
Author

@Rishikesh63 can you address review comments ?

could you please unassign this issue,my laptop is facing some issue i have given it for servicing

@guan404ming
Copy link
Copy Markdown
Member

The original issue has been resolved by #60856. Thanks for your time and feel free to pick another issue to work on.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UI Related to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI E2E Test || DAG-003: Verify grid view displays

5 participants