UI E2E Test || BROWSE-003: Verify XComs list displays

[vatsrahul1001]

Description

Add an E2E test to verify the XComs page (/xcoms) displays XCom entries correctly.

What to test

• Navigate to the XComs page
• Verify the XComs table renders
• Verify XCom details display: DAG ID, task ID, run ID, key, value
• Verify XCom values can be viewed/expanded
• Verify pagination works
• Verify filters can be applied

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

[vatsrahul1001]

@robertvsuch 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

[vatsrahul1001]

Unassigning looks like AI generated messages

[rajatmohan22]

@vatsrahul1001 I could work on this
To keep the test stable and predictable, I'll use the existing test DAG from testConfig, start a run, and then check on /xcoms that the XCom entry for that run (dag_id, task_id, run_id, key, value) is there and can be expanded.

[vatsrahul1001]

@rajatmohan22, how are we progressing on this?

[rajatmohan22]

@vatsrahul1001 hey,

I am still working on it. will submit PR in 2 days.

I am trying to look at the current E2E test patterns.
To understand the Page Object Model pattern and testing structure, look at dags-list.spec.ts and dagsPage.ts.
Status: Done
Create a page object named XComsPage.ts.
Put locators for tables, pagination, filters, buttons to expand and collapse, and helper methods into the page object class.
Status: Done
The test file should be called xcoms.spec.ts.
Make test cases that cover things like value expansion, pagination, navigation, table rendering, showing XCom details, and filters.
Run breeze testing ui-e2e-tests --test-pattern "xcoms.spec.ts" to make sure that should pass and fix any problems.

[vatsrahul1001]

@rajatmohan22 how are we progressing on this?

[haseebmalik18]

@vatsrahul1001 Hey Rahul, if no progress on this I can take it