Display Status checks as a non-blocking Merge Request Widget

This is a frontend implementation issue

Problem to solve

APIs that are listed as a status to check should appear within a Merge Request. This is non-blocking information that provides better context to the systems that tie to a change.

Proposal

Add Status checks after Test summary in the MR Widget container.

Design

For the first iteration, they backend will only return the status as pending | approved. Thus we won't be showing failure icons for now.

Passed (Collapsed)

Pending (Expanded)

Is this a cross-stage feature?

🤝 groupcompliance groupsource code groupcode review

Licensing

GitLab Ultimate

Implementation

Estimate weight of 3️⃣ for the frontend, because while the component itself is relatively simple, it needs to be integrated into the merge request widget space which is quite complex.

1. Create a new status checks MR widget using the ReportSection component.
2. Fetch the status checks added in !61300 (merged).
3. Create a status checks issue body using the SummaryRow to display each status.
4. If any checks are still not completed, we should continue to poll and update the component once the checks have completed.
5. Add feature specs.