Make GraphQL query available in the security widget

Samantha Mingrequested to merge
574432-ff-security-widget-graphql into master

What does this MR do and why?

This MR introduces the GraphQL query findingReportsComparer to the security widget. This is part of the GraphQL migration effort > &10962. To keep the MR small, I'll be building this iteratively behind a FF mr_security_widget_graphql.

Changes Issue
Make GraphQL query available 👈 This MR
Add polling [FE] Implement polling for GraphQL (#579610)
Transform GraphQL data to match REST format [FE] Transform GraphQL data to match REST endpo... (#579662)
Add error handling [FE] Implement error handling for GraphQL (#579611)

References

Screenshots or screen recordings

The UI currently displays "Security reports failed loading results" because the GraphQL migration is still in progress. This is expected behavior and will be resolved in upcoming merge requests. This feature is being built behind a feature flag to prevent customer impact.

image

How to set up and validate locally

  1. Enable FF mr_security_widget_graphql
  2. Clone this project > https://gitlab.com/gitlab-org/govern/threat-insights-demos/frontend/validity-checks
  3. Create a MR similar to this > gitlab-org/govern/threat-insights-demos/frontend/validity-checks!8
  4. Open dev tools and check the network tab. I'm using GraphQL Network Inspector.

image

MR acceptance checklist

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

Related to #574432

Edited by Samantha Ming

Merge request reports