Add source and destination branch data to Compliance Dashboard

Problem to solve

This is an iteration on the Compliance Dashboard. Currently, the Compliance Dashboard does not show the source and target branches for an MR. This data can highlight a disconnect in the SDLC or change management workflow depending on an organization's processes.

Intended users

• Sidney (Systems Administrator)
• Cameron (Compliance Manager)

User experience goal

The user should be able to see the source and target branches for the most recent, merged MR.

Proposal

Add the source and target branch data to the Compliance Dashboard.

Callout Source <> Destination inline

View frame on Figma →

Technical plan

backend:

1. Update the MergeRequestComplianceEntity to expose :source_branch and :target_branch
2. Update the spec for MergeRequestComplianceEntity to test these are exposed properly

frontend:

1. Add this information to the UI in ee/app/assets/javascripts/compliance_dashboard/components/dashboard.vue
2. Update the spec in ee/spec/frontend/compliance_dashboard/components/dashboard_spec.js to test this is shown correctly

Further details

Permissions and Security

Only Group Owners should be able to view the Compliance Dashboard.

Documentation

Availability & Testing

What does success look like, and how can we measure that?

What is the type of buyer?

Is this a cross-stage feature?

Links / references