Display security approval rules when creating a new project - Implement tooltips in `unconfigured_approval_rule' component

Parent Issue: #31922 (closed)

Tasks # Description frontend issue frontend weight
1 Implement Action/Mutations for Security Configuration endpoint #229827 (closed) frontend-weight3
2 Implement Vulnerability-Check/License-Check rows #229825 (closed) frontend-weight5
3 This issue -> Implement tooltips in `unconfigured_approval_rule' component #229828 (closed) frontend-weight3

Rows

Description

Add tooltips to the `unconfigured_approval_rule' component that was created in #229825 (closed) as seen in the mocks

Implementation Plan

  • Use the GlTooptip component and add to `unconfigured_approval_rule', add a prop or slot for the tooltip content
  • In the parent component unconfigured_approval_rules' add the text copy for License-Check' and 'Vulernability-Check' tooltip content and pass down to `unconfigured_approval_rule' as a prop or slot.
  • Add unit tests to ensure tooltip is rendered with slot/prop contents.

Testing

Engineer to add unit tests to ensure tooltip is rendered with slot/prop contents. SET to investigate Selenium/Capybara capability and add to End to End tests, manually exploratory test.

Edited by -