diff options
Diffstat (limited to 'app/assets/javascripts/reports/grouped_test_report/grouped_test_reports_app.vue')
-rw-r--r-- | app/assets/javascripts/reports/grouped_test_report/grouped_test_reports_app.vue | 31 |
1 files changed, 19 insertions, 12 deletions
diff --git a/app/assets/javascripts/reports/grouped_test_report/grouped_test_reports_app.vue b/app/assets/javascripts/reports/grouped_test_report/grouped_test_reports_app.vue index b863e55ae94..82806793401 100644 --- a/app/assets/javascripts/reports/grouped_test_report/grouped_test_reports_app.vue +++ b/app/assets/javascripts/reports/grouped_test_report/grouped_test_reports_app.vue @@ -1,9 +1,9 @@ <script> import { GlButton, GlIcon } from '@gitlab/ui'; -import { once } from 'lodash'; import { mapActions, mapGetters, mapState } from 'vuex'; +import api from '~/api'; import { sprintf, s__ } from '~/locale'; -import Tracking from '~/tracking'; +import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin'; import GroupedIssuesList from '../components/grouped_issues_list.vue'; import { componentNames } from '../components/issue_body'; import ReportSection from '../components/report_section.vue'; @@ -28,7 +28,7 @@ export default { GlButton, GlIcon, }, - mixins: [Tracking.mixin()], + mixins: [glFeatureFlagsMixin()], props: { endpoint: { type: String, @@ -39,6 +39,10 @@ export default { required: false, default: '', }, + headBlobPath: { + type: String, + required: true, + }, }, componentNames, computed: { @@ -66,19 +70,22 @@ export default { showViewFullReport() { return this.pipelinePath.length; }, - handleToggleEvent() { - return once(() => { - this.track(this.$options.expandEvent); - }); - }, }, created() { - this.setEndpoint(this.endpoint); + this.setPaths({ + endpoint: this.endpoint, + headBlobPath: this.headBlobPath, + }); this.fetchReports(); }, methods: { - ...mapActions(['setEndpoint', 'fetchReports', 'closeModal']), + ...mapActions(['setPaths', 'fetchReports', 'closeModal']), + handleToggleEvent() { + if (this.glFeatures.usageDataITestingSummaryWidgetTotal) { + api.trackRedisHllUserEvent(this.$options.expandEvent); + } + }, reportText(report) { const { name, summary } = report || {}; @@ -123,7 +130,7 @@ export default { return report.resolved_failures.concat(report.resolved_errors); }, }, - expandEvent: 'expand_test_report_widget', + expandEvent: 'i_testing_summary_widget_total', }; </script> <template> @@ -135,7 +142,7 @@ export default { :has-issues="reports.length > 0" :should-emit-toggle-event="true" class="mr-widget-section grouped-security-reports mr-report" - @toggleEvent="handleToggleEvent" + @toggleEvent.once="handleToggleEvent" > <template v-if="showViewFullReport" #action-buttons> <gl-button |