Merge branch 'skr-refact-comp' into 'master'

Refactor `grouped_test_reports_app` to be in it's own directory

See merge request gitlab-org/gitlab!56300

app/assets/javascripts/reports/components/issue_body.js

 import AccessibilityIssueBody from '../accessibility_report/components/accessibility_issue_body.vue';
 import CodequalityIssueBody from '../codequality_report/components/codequality_issue_body.vue';
-import TestIssueBody from './test_issue_body.vue';
+import TestIssueBody from '../grouped_test_report/components/test_issue_body.vue';
 
 export const components = {
   AccessibilityIssueBody,

app/assets/javascripts/reports/components/modal.vue → app/assets/javascripts/reports/grouped_test_report/components/modal.vue

@@ -2,7 +2,7 @@
 import { GlModal, GlLink, GlSprintf } from '@gitlab/ui';
 
 import CodeBlock from '~/vue_shared/components/code_block.vue';
-import { fieldTypes } from '../constants';
+import { fieldTypes } from '../../constants';
 
 export default {
   components: {

app/assets/javascripts/reports/components/test_issue_body.vue → app/assets/javascripts/reports/grouped_test_report/components/test_issue_body.vue

@@ -3,7 +3,7 @@ import { GlBadge, GlButton } from '@gitlab/ui';
 import { mapActions } from 'vuex';
 import { sprintf, n__ } from '~/locale';
 import IssueStatusIcon from '~/reports/components/issue_status_icon.vue';
-import { STATUS_NEUTRAL } from '../constants';
+import { STATUS_NEUTRAL } from '../../constants';
 
 export default {
   name: 'TestIssueBody',

app/assets/javascripts/reports/components/grouped_test_reports_app.vue → app/assets/javascripts/reports/grouped_test_report/grouped_test_reports_app.vue

@@ -4,18 +4,18 @@ import { once } from 'lodash';
 import { mapActions, mapGetters, mapState } from 'vuex';
 import { sprintf, s__ } from '~/locale';
 import Tracking from '~/tracking';
-import createStore from '../store';
+import GroupedIssuesList from '../components/grouped_issues_list.vue';
+import { componentNames } from '../components/issue_body';
+import ReportSection from '../components/report_section.vue';
+import SummaryRow from '../components/summary_row.vue';
+import Modal from './components/modal.vue';
+import createStore from './store';
 import {
   summaryTextBuilder,
   reportTextBuilder,
   statusIcon,
   recentFailuresTextBuilder,
-} from '../store/utils';
-import GroupedIssuesList from './grouped_issues_list.vue';
-import { componentNames } from './issue_body';
-import Modal from './modal.vue';
-import ReportSection from './report_section.vue';
-import SummaryRow from './summary_row.vue';
+} from './store/utils';
 
 export default {
   name: 'GroupedTestReportsApp',

app/assets/javascripts/reports/store/actions.js → app/assets/javascripts/reports/grouped_test_report/store/actions.js

 import Visibility from 'visibilityjs';
-import axios from '../../lib/utils/axios_utils';
-import httpStatusCodes from '../../lib/utils/http_status';
-import Poll from '../../lib/utils/poll';
+import axios from '../../../lib/utils/axios_utils';
+import httpStatusCodes from '../../../lib/utils/http_status';
+import Poll from '../../../lib/utils/poll';
 import * as types from './mutation_types';
 
 export const setEndpoint = ({ commit }, endpoint) => commit(types.SET_ENDPOINT, endpoint);

app/assets/javascripts/reports/store/getters.js → app/assets/javascripts/reports/grouped_test_report/store/getters.js

-import { LOADING, ERROR, SUCCESS, STATUS_FAILED } from '../constants';
+import { LOADING, ERROR, SUCCESS, STATUS_FAILED } from '../../constants';
 
 export const summaryStatus = (state) => {
   if (state.isLoading) {

app/assets/javascripts/reports/store/state.js → app/assets/javascripts/reports/grouped_test_report/store/state.js

 import { s__ } from '~/locale';
-import { fieldTypes } from '../constants';
+import { fieldTypes } from '../../constants';
 
 export default () => ({
   endpoint: null,

app/assets/javascripts/reports/store/utils.js → app/assets/javascripts/reports/grouped_test_report/store/utils.js

@@ -5,7 +5,7 @@ import {
   ICON_WARNING,
   ICON_SUCCESS,
   ICON_NOTFOUND,
-} from '../constants';
+} from '../../constants';
 
 const textBuilder = (results) => {
   const { failed, errored, resolved, total } = results;

app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue

@@ -14,7 +14,7 @@ import { deprecatedCreateFlash as createFlash } from '../flash';
 import { setFaviconOverlay } from '../lib/utils/favicon';
 import GroupedAccessibilityReportsApp from '../reports/accessibility_report/grouped_accessibility_reports_app.vue';
 import GroupedCodequalityReportsApp from '../reports/codequality_report/grouped_codequality_reports_app.vue';
-import GroupedTestReportsApp from '../reports/components/grouped_test_reports_app.vue';
+import GroupedTestReportsApp from '../reports/grouped_test_report/grouped_test_reports_app.vue';
 import Loading from './components/loading.vue';
 import MrWidgetAlertMessage from './components/mr_widget_alert_message.vue';
 import WidgetHeader from './components/mr_widget_header.vue';

spec/frontend/reports/components/modal_spec.js → spec/frontend/reports/grouped_test_report/components/modal_spec.js

@@ -2,8 +2,8 @@ import { GlLink, GlSprintf } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
 import { extendedWrapper } from 'helpers/vue_test_utils_helper';
 
-import ReportsModal from '~/reports/components/modal.vue';
-import state from '~/reports/store/state';
+import ReportsModal from '~/reports/grouped_test_report/components/modal.vue';
+import state from '~/reports/grouped_test_report/store/state';
 import CodeBlock from '~/vue_shared/components/code_block.vue';
 
 const StubbedGlModal = { template: '<div><slot></slot></div>', name: 'GlModal', props: ['title'] };

spec/frontend/reports/components/test_issue_body_spec.js → spec/frontend/reports/grouped_test_report/components/test_issue_body_spec.js

@@ -3,8 +3,8 @@ import { shallowMount, createLocalVue } from '@vue/test-utils';
 import Vuex from 'vuex';
 import { extendedWrapper } from 'helpers/vue_test_utils_helper';
 import IssueStatusIcon from '~/reports/components/issue_status_icon.vue';
-import TestIssueBody from '~/reports/components/test_issue_body.vue';
-import { failedIssue, successIssue } from '../mock_data/mock_data';
+import TestIssueBody from '~/reports/grouped_test_report/components/test_issue_body.vue';
+import { failedIssue, successIssue } from '../../mock_data/mock_data';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);

spec/frontend/reports/components/grouped_test_reports_app_spec.js → spec/frontend/reports/grouped_test_report/grouped_test_reports_app_spec.js

 import { mount, createLocalVue } from '@vue/test-utils';
 import Vuex from 'vuex';
 import { mockTracking } from 'helpers/tracking_helper';
-import GroupedTestReportsApp from '~/reports/components/grouped_test_reports_app.vue';
-import { getStoreConfig } from '~/reports/store';
+import GroupedTestReportsApp from '~/reports/grouped_test_report/grouped_test_reports_app.vue';
+import { getStoreConfig } from '~/reports/grouped_test_report/store';
 
 import { failedReport } from '../mock_data/mock_data';
 import mixedResultsTestReports from '../mock_data/new_and_fixed_failures_report.json';

spec/frontend/reports/store/actions_spec.js → spec/frontend/reports/grouped_test_report/store/actions_spec.js

@@ -12,9 +12,9 @@ import {
   receiveReportsError,
   openModal,
   closeModal,
-} from '~/reports/store/actions';
-import * as types from '~/reports/store/mutation_types';
-import state from '~/reports/store/state';
+} from '~/reports/grouped_test_report/store/actions';
+import * as types from '~/reports/grouped_test_report/store/mutation_types';
+import state from '~/reports/grouped_test_report/store/state';
 
 describe('Reports Store Actions', () => {
   let mockedState;

spec/frontend/reports/store/mutations_spec.js → spec/frontend/reports/grouped_test_report/store/mutations_spec.js

-import * as types from '~/reports/store/mutation_types';
-import mutations from '~/reports/store/mutations';
-import state from '~/reports/store/state';
-import { failedIssue } from '../mock_data/mock_data';
+import * as types from '~/reports/grouped_test_report/store/mutation_types';
+import mutations from '~/reports/grouped_test_report/store/mutations';
+import state from '~/reports/grouped_test_report/store/state';
+import { failedIssue } from '../../mock_data/mock_data';
 
 describe('Reports Store Mutations', () => {
   let stateCopy;

spec/frontend/reports/store/utils_spec.js → spec/frontend/reports/grouped_test_report/store/utils_spec.js

@@ -5,7 +5,7 @@ import {
   ICON_SUCCESS,
   ICON_NOTFOUND,
 } from '~/reports/constants';
-import * as utils from '~/reports/store/utils';
+import * as utils from '~/reports/grouped_test_report/store/utils';
 
 describe('Reports store utils', () => {
   describe('summaryTextbuilder', () => {