Add Sentry Triggers for Pipeline Graph
Summary
This issue is a spinoff of #281351 (closed) to address frontend instrumentation of the Pipeline Graph to help us feel confident in rolling it out.
We can go into Sentry and organize these alerts for a pipeline graph group specifically. They should also post to the #g_ci-pa-engineering
channel in Slack.
What to Test
The following list covers what I can imagine we'd want to instrument. Please feel free to add others and let me know they might be unnecessary. I recommend relying on the errorCaptured
hook when possible.
Bear in mind that since we do not get stack traces in Sentry, we'll want the messages to carry identifying information.
file | function | notes |
---|---|---|
app/assets/javascripts/pipelines/components/graph/graph_component_wrapper.vue | reportFailure | this should capture the caught failures and apollo errors |
app/assets/javascripts/pipelines/components/graph/graph_component_wrapper.vue | refreshPipelineGraph | this would capture a failure in accessing apollo, in case there are race conditions. maybe too much? |
app/assets/javascripts/pipelines/components/graph/linked_pipelines_column.vue | getPipelineData | we should be sure to capture both apollo error and toggleQueryPollingByVisibility and be able to distinguish |
app/assets/javascripts/pipelines/components/graph/graph_component_wrapper.vue app/assets/javascripts/pipelines/components/graph/graph_component_legacy.vue app/assets/javascripts/pipelines/components/graph/graph_component.vue app/assets/javascripts/pipelines/components/graph/stage_column_component_legacy.vue app/assets/javascripts/pipelines/components/graph/stage_column_component.vue app/assets/javascripts/pipelines/components/graph/linked_pipelines_column_legacy.vue app/assets/javascripts/pipelines/components/graph/linked_pipelines_column.vue app/assets/javascripts/pipelines/components/graph/linked_pipeline.vue app/assets/javascripts/pipelines/components/graph/job_item.vue app/assets/javascripts/pipelines/components/graph/job_group_dropdown.vue app/assets/javascripts/pipelines/pipeline_details_bundle.js app/assets/javascripts/pipelines/pipeline_details_graph.js app/assets/javascripts/pipelines/components/graph/action_component.vue | errorCaptured | adding a call in the errorCaptured here should be able to let us know if data shapes fail, etc. |
app/assets/javascripts/pipelines/components/graph/action_component.vue | onClickAction | in the axios catch |
Edited by Sarah Groff Hennigh-Palermo