1 files changed, 23 insertions, 4 deletions

diff --git a/app/assets/javascripts/pipelines/pipeline_tabs.js b/app/assets/javascripts/pipelines/pipeline_tabs.js
index ff88c6215e5..530917f0402 100644
--- a/app/assets/javascripts/pipelines/pipeline_tabs.js
+++ b/app/assets/javascripts/pipelines/pipeline_tabs.js
@@ -1,7 +1,10 @@
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import PipelineTabs from 'ee_else_ce/pipelines/components/pipeline_tabs.vue';
-import { reportToSentry } from './utils';
+import { removeParams, updateHistory } from '~/lib/utils/url_utility';
+import { TAB_QUERY_PARAM } from '~/pipelines/constants';
+import { parseBoolean } from '~/lib/utils/common_utils';
+import { getPipelineDefaultTab, reportToSentry } from './utils';
 
 Vue.use(VueApollo);
 
@@ -17,7 +20,19 @@ const createPipelineTabs = (selector, apolloProvider) => {
     downloadablePathForReportType,
     exposeSecurityDashboard,
     exposeLicenseScanningData,
+    graphqlResourceEtag,
+    pipelineIid,
+    pipelineProjectPath,
   } = dataset;
+
+  const defaultTabValue = getPipelineDefaultTab(window.location.href);
+
+  updateHistory({
+    url: removeParams([TAB_QUERY_PARAM]),
+    title: document.title,
+    replace: true,
+  });
+
   // eslint-disable-next-line no-new
   new Vue({
     el: selector,
@@ -26,11 +41,15 @@ const createPipelineTabs = (selector, apolloProvider) => {
     },
     apolloProvider,
     provide: {
-      canGenerateCodequalityReports: JSON.parse(canGenerateCodequalityReports),
+      canGenerateCodequalityReports: parseBoolean(canGenerateCodequalityReports),
       codequalityReportDownloadPath,
+      defaultTabValue,
       downloadablePathForReportType,
-      exposeSecurityDashboard: JSON.parse(exposeSecurityDashboard),
-      exposeLicenseScanningData: JSON.parse(exposeLicenseScanningData),
+      exposeSecurityDashboard: parseBoolean(exposeSecurityDashboard),
+      exposeLicenseScanningData: parseBoolean(exposeLicenseScanningData),
+      graphqlResourceEtag,
+      pipelineIid,
+      pipelineProjectPath,
     },
     errorCaptured(err, _vm, info) {
       reportToSentry('pipeline_tabs', `error: ${err}, info: ${info}`);