Skip to content

MR Security Widget: Add tooltip about security scan result source

Why are we doing this work

Continuation of #352571 (closed) where we added new to clarify MR vulnerabilities. This issue extends user education by adding an information tooltip.

  1. Add an info popover with the text below. The tooltip will link to this page: https://docs.gitlab.com/ee/user/application_security/#ultimate

image

Relevant links

Non-functional requirements

  • Documentation:
  • Feature flag:
  • Performance:
  • Testing:

Implementation plan

  1. Create a security popover vue component
  2. Inject this component in the MR widget summary slot 
// Sample high level pseudo code
<mr-widget>
  <template #summary>
   <security-popover />

Note: the security MR widget is currently still behind a feature flag. Please see this instruction to enable the feature flag and mock the API for easier development > !95568 (merged)

Verification steps

  1. Go to a merge request
  2. View the MR widget
  3. Hover on the info promo of the security widget
  4. The popover will appear and disappear when hover away
Edited by Samantha Ming