Show status of pipelines triggered by commits in the pipeline editor [RUN ALL RSPEC] [RUN AS-IF-FOSS]
What does this MR do?
For issue #280829 (closed).
This adds the PipelineStatus component in the pipeline editor, which will show the status of the pipeline for the latest commit. commitSha is already injected to the parent PipelineEditor component and automatically updated in the apollo cache.
When the user commits changes in their CI file through the pipeline editor, the component will show the status of the triggered pipeline so the user doesn't have to check the pipeline and jobs pages to validate their changes.
Feature Flag
This feature is disabled and hidden behind the pipeline_status_for_pipeline_editor feature flag while the required backend changes are pending development. These changes are needed so that frontend can query all the necessary pipeline data using the commit sha (since the pipeline iid is not exposed to the vue app).
Issue for backend changes: #321038 (closed)
The feature currently uses a client resolver for the pipeline query, so enabling the feature flag will currently show dummy data.
Screenshots
| State | Screenshot |
|---|---|
| Loading pipeline data |  |
| Error fetching pipeline data |  |
| Pipeline status |  |
| Feature flag disabled |  |
Does this MR meet the acceptance criteria?
Conformity
-
Changelog entry - [-] Documentation (if required)
-
Code review guidelines -
Merge request performance guidelines -
Style guides - [-] Database guides
- [-] Separation of EE specific content
Availability and Testing
-
Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process. -
Tested in all supported browsers - [-] Informed Infrastructure department of a default or new setting change, if applicable per definition of done
Security
If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:
- [-] Label as security and @ mention
@gitlab-com/gl-security/appsec - [-] The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
- [-] Security reports checked/validated by a reviewer from the AppSec team