Show dependency paths data on Vulnerability Page

Samantha Mingrequested to merge
519967-update-dp-drawer into master

What does this MR do and why?

We now have BE response data: Add dependency paths data to vulnerabilities (!183487 - merged). This MR shows the "dependency_paths" data in the drawer of the Vulnerability Details Page.

Note: Showing the cyclical button will be done in another MR.

Screenshot Recording
image dp-drawer-vuln-det-data
Ex. BE response
image

Since dependency_path_drawer is a shared component, I had to also make some updates to the dependency pages. Those will continue to use testing data as the backend is still WIP 🚧. I'm keeping the changes minimum, just enough to pass the specs. I will fine-tune them in a separate MR. Here's to confirm those pages are still working as expected:

Project Group
image image

References

Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After

How to set up and validate locally

  1. Enable feature flag: dependency_paths
  2. Clone this project: https://gitlab.com/gitlab-org/secure/tests/zamir/verify-520569
  3. Run a successful pipeline
  4. Go to the dependency list page
  5. Click on a vulnerability
  6. The "View dependency paths" button will only be displayed for those that have dependency paths
  7. When clicked, it opens the drawer
  8. It displays the "paths"
  9. If the paths are longer than 3 lines, the "Show more" button will be shown. On click it will display the entire paths.

Related to #519967 (closed)

Edited by Samantha Ming

Merge request reports