Skip to content

Move pipelines page to GraphQL - Part 1

What does this MR do and why?

First part of a large effort to move Build > Pipelines to use GraphQL. This first part introduces a feature flag and starts some work on using GraphQL as the SSOT for data. In this MR I tackle getting the status, pipeline and created by columns working. The idea is create a new component app/assets/javascripts/ci/pipelines_page/pipelines_graphql.vue that mirrors app/assets/javascripts/ci/pipelines_page/pipelines.vue in functionality but uses GraphQL as the data source.

References

Screenshots or screen recordings

Before After
before after

How to set up and validate locally

  1. First visit Build > Pipelines and ensure existing feature works as expected.
  2. Next enable Feature.enable(:pipelines_page_graphql) the feature flag
  3. Visit Build > Pipelines again
  4. Ensure the Status, Pipeline and Created by columns work for the table in this MR
  5. It's okay that the rest is missing and broken, we are iterating here

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 #223264

Edited by Payton Burdette

Merge request reports

Loading