Show Parent Information In Work Items Views
What does this MR do and why?
This MR adds parent information display across multiple work item views to help users understand item hierarchy without needing to navigate away from their current view.
Key Changes Summary
- Added parent information display to work items list view, linked items widget, and child items widget
- Created
ParentPopovercomponent showing detailed parent info on hover (status, assignees, milestone, dates) - Created
WorkItemParentMetadatacomponent with parent icon + truncated title link
GraphQL Updates:
- Extended query-specific fragments to fetch parent data (id, title, webUrl, reference, workItemType)
- Separated query and mutation fragments to prevent
Query too largeerrors
Testing:
- Added a comprehensive test suite for the
WorkItemParentMetadatacomponent - Updated existing tests with parent field support
- Enhanced mock data with parent objects
References
Screenshots or screen recordings
How to set up and validate locally
- Check out this branch.
- Navigate to the Work Items view.
- Create a new work item.
- Ensure the work item has the following fields
labels,assignees,milestones,weight,date, and any other relevant fields applied. - Select the newly created work item to open its details page.
- In the
Child ItemsorLinked Itemswidget, click the Add button and choose Add existing task. - In the input field, search for and select an
existing task. - Click
Add taskto link the selected task. - Verify that the newly linked task is assigned a parent item.
- Hover over or focus on the Parent field and verify that the popover is displayed as seen here.
- Navigate back to the
Work Itemslist page. - Verify that the newly added child/linked item displays its parent item.
- Hover over or focus on the Parent field and confirm that the popover is displayed correctly.
TODO:
Parent display option will be off by default for the Child items widget.
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Related to #10482
Edited by David Aniebo
