Resolve "Apply filters to Vuex GraphQL query"

What does this MR do and why?

Add component_names filter support to GraphQL dependencies list

This commit adds support for filtering dependencies by component names in the GraphQL implementation of the dependencies list. The changes include:

  • Update GraphQL query to accept componentNames parameter
  • Add filter parameter handling in fetchDependenciesViaGraphQL action
  • Update DependenciesFilteredSearch component to use the GraphQL endpoint when the projectDependenciesGraphQL feature flag is enabled
  • Add test coverage for filter functionality

References

Screenshots or screen recordings

Screen_Recording_2025-04-25_at_11.38.39_am

How to set up and validate locally

  1. Disable the project_dependencies_graphql feature flag: http://gdk.test:3000/rails/features/project_dependencies_graphql
  2. Navigate to a project that has a list of dependencies
  3. Make sure that everything works as expected (pagination, sorting, filtering, etc.)
  4. Enable the project_dependencies_graphql feature flag: http://gdk.test:3000/rails/features/project_dependencies_graphql
  5. Apply the component-name filter and verify that changing it triggers a request to ONLY the GraphQL API and that correct component-name filters are applied
  6. Go to a Group's dependency list and make sure everything works as expected (pagination, sorting, filtering, etc.)

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 #527090 (closed)

Edited by David Pisek

Merge request reports

Loading