UI E2E Test || DAGS-001: Verify DAGs list displays

[vatsrahul1001]

Description

Add an E2E test to verify the DAGs list page (/dags) displays correctly.

What to test

• Navigate to the DAGs page
• Verify the Dag list correct with card and table view both
• Verify example DAGs are visible (e.g., example_bash_operator)
• Verify Searching of DAGs, filtering of status as per different statuses
• Verify sort

Related issues

#59028

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

[chen0427ok]

Hi! I'm interested in working on this issue.
May I take it? If there are any expectations or existing patterns for UI E2E tests that I should follow, please let me know.

[vatsrahul1001]

@chen0427ok refer to below information which will be helpful, you can reach out in case of any question and doubt on slack channel #sig-airflow-ui-e2e-tests

What's Been Merged:

Playwright framework with TypeScript (##58548 )
CI workflow integrated (#58901)
Initial test covering login and DAG triggering
Contribution Guide
https://github.com/apache/airflow/blob/main/airflow-core/src/airflow/ui/tests/e2e/README.md#contributing-new-tests

[chen0427ok]

Thanks a lot for the pointers and for assigning me this issue.
I’ll go through the existing Playwright setup, the merged tests, and the contribution guide you shared.
If I have any questions while implementing the DAGS-001 test, I’ll reach out on the #sig-airflow-ui-e2e-tests Slack channel.