Add Sentry reporting to job log acitons

app/assets/javascripts/jobs/store/actions.js

@@ -13,6 +13,7 @@ import {
   scrollUp,
 } from '~/lib/utils/scroll_utils';
 import { __ } from '~/locale';
+import { reportToSentry } from '../utils';
 import * as types from './mutation_types';
 
 export const init = ({ dispatch }, { endpoint, logState, pagePath }) => {
@@ -175,11 +176,14 @@ export const fetchTrace = ({ dispatch, state }) =>
         dispatch('startPollingTrace');
       }
     })
-    .catch((e) =>
-      e.response.status === httpStatusCodes.FORBIDDEN
-        ? dispatch('receiveTraceUnauthorizedError')
-        : dispatch('receiveTraceError'),
-    );
+    .catch((e) => {
+      if (e.response.status === httpStatusCodes.FORBIDDEN) {
+        dispatch('receiveTraceUnauthorizedError');
+      } else {
+        reportToSentry('job_actions', e);
+        dispatch('receiveTraceError');
+      }
+    });
 
 export const startPollingTrace = ({ dispatch, commit }) => {
   const traceTimeout = setTimeout(() => {

app/assets/javascripts/jobs/utils.js

+import * as Sentry from '@sentry/browser';
+
 /**
  * capture anything starting with http:// or https://
  *   https?:\/\/
@@ -10,3 +12,10 @@
  */
 export const linkRegex = /(https?:\/\/[^"<>()\\^`{|}\s]+[^"<>()\\^`{|}\s.,:;!?])/g;
 export default { linkRegex };
+
+export const reportToSentry = (component, failureType) => {
+  Sentry.withScope((scope) => {
+    scope.setTag('component', component);
+    Sentry.captureException(failureType);
+  });
+};