Automatic merge of gitlab-org/gitlab master

.eslintrc.yml

@@ -99,6 +99,10 @@ overrides:
     rules:
       '@gitlab/require-i18n-strings': off
       '@gitlab/no-runtime-template-compiler': off
+      'no-restricted-syntax':
+        - error
+        - selector: CallExpression[callee.object.name=/(wrapper|vm)/][callee.property.name="setData"]
+          message: 'Avoid using "setData" on VTU wrapper'
   - files:
       - 'config/**/*'
       - 'scripts/**/*'

ee/spec/frontend/analytics/devops_reports/devops_adoption/components/devops_adoption_table_spec.js

@@ -213,6 +213,8 @@ describe('DevopsAdoptionTable', () => {
     beforeEach(() => {
       createComponent();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         selectedNamespace: devopsAdoptionNamespaceData.nodes[0],
       });

ee/spec/frontend/analytics/merge_request_analytics/components/throughput_chart_spec.js

@@ -128,6 +128,8 @@ describe('ThroughputChart', () => {
   describe('with data', () => {
     beforeEach(() => {
       wrapper = createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ throughputChartData });
     });
 
@@ -147,6 +149,8 @@ describe('ThroughputChart', () => {
   describe('with no data in the response', () => {
     beforeEach(() => {
       wrapper = createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ throughputChartData: throughputChartNoData });
     });
 
@@ -169,6 +173,8 @@ describe('ThroughputChart', () => {
   describe('with errors', () => {
     beforeEach(() => {
       wrapper = createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ hasError: true });
     });
 

ee/spec/frontend/analytics/merge_request_analytics/components/throughput_table_spec.js

@@ -64,6 +64,8 @@ describe('ThroughputTable', () => {
   };
 
   const additionalData = (data) => {
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({
       throughputTableData: {
         list: [{ ...throughputTableData[0], ...data }],
@@ -147,6 +149,8 @@ describe('ThroughputTable', () => {
   describe('with data', () => {
     beforeEach(() => {
       wrapper = createComponent({ func: mount });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         throughputTableData: {
           list: throughputTableData,
@@ -377,6 +381,8 @@ describe('ThroughputTable', () => {
   describe('pagination', () => {
     beforeEach(() => {
       wrapper = createComponent({ func: mount });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         throughputTableData: {
           list: throughputTableData,
@@ -391,6 +397,8 @@ describe('ThroughputTable', () => {
     });
 
     it('disables the next button on the last page', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         pagination: {
           currentPage: 3,
@@ -409,6 +417,8 @@ describe('ThroughputTable', () => {
     });
 
     it('shows the prev and next buttons on middle pages', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         pagination: {
           currentPage: 2,
@@ -431,6 +441,8 @@ describe('ThroughputTable', () => {
   describe('with errors', () => {
     beforeEach(() => {
       wrapper = createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ hasError: true });
     });
 

ee/spec/frontend/analytics/repository_analytics/components/download_test_coverage_spec.js

@@ -59,6 +59,8 @@ describe('Download test coverage component', () => {
 
     describe('when there is an error fetching the projects', () => {
       it('displays an alert for the failed query', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ hasError: true });
 
         return wrapper.vm.$nextTick().then(() => {
@@ -72,6 +74,8 @@ describe('Download test coverage component', () => {
 
       describe('with all projects selected', () => {
         it('renders primary action as a link with no project_ids param', () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ allProjectsSelected: true, selectedProjectIds: [] });
 
           return wrapper.vm.$nextTick().then(() => {
@@ -84,6 +88,8 @@ describe('Download test coverage component', () => {
 
       describe('with two or more projects selected without selecting all projects', () => {
         it('renders primary action as a link with two project IDs as parameters', () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ allProjectsSelected: false, selectedProjectIds: [1, 2] });
           const projectIdsQueryParam = `project_ids[]=1&project_ids[]=2`;
           const expectedPath = `${groupAnalyticsCoverageReportsPathWithDates}&${projectIdsQueryParam}`;
@@ -96,6 +102,8 @@ describe('Download test coverage component', () => {
 
       describe('with one project selected', () => {
         it('renders primary action as a link with one project ID as a parameter', () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ allProjectsSelected: false, selectedProjectIds: [1] });
           const projectIdsQueryParam = `project_ids[]=1`;
           const expectedPath = `${groupAnalyticsCoverageReportsPathWithDates}&${projectIdsQueryParam}`;
@@ -114,6 +122,8 @@ describe('Download test coverage component', () => {
 
       describe('when clicking the select all button', () => {
         it('selects all projects and removes the disabled attribute from the download button', () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ allProjectsSelected: false, selectedProjectIds: [] });
           clickSelectAllProjectsButton();
 

ee/spec/frontend/analytics/shared/mixins/url_sync_mixin_spec.js

@@ -51,6 +51,8 @@ describe('UrlSyncMixin', () => {
         ${'group_id'}    | ${'test-group'} | ${{ group_id: 'test-group' }}
         ${'project_ids'} | ${[1, 2]}       | ${{ project_ids: [1, 2] }}
       `('is updated when the $param parameter changes', ({ param, payload, updatedParams }) => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ [param]: payload });
 
         expect(wrapper.vm.query).toEqual({

ee/spec/frontend/boards/components/boards_selector_spec.js

@@ -99,6 +99,8 @@ describe('BoardsSelector', () => {
     });
 
     wrapper.vm.$apollo.addSmartQuery = jest.fn((_, options) => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         [options.loadingKey]: true,
       });
@@ -166,6 +168,8 @@ describe('BoardsSelector', () => {
         // Emits gl-dropdown show event to simulate the dropdown is opened at initialization time
         findDropdown().vm.$emit('show');
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           loadingBoards: false,
           loadingRecentBoards: false,

ee/spec/frontend/boards/components/group_select_spec.js

@@ -98,6 +98,8 @@ describe('GroupSelect component', () => {
   describe('when mounted', () => {
     it('displays a loading icon while descendant groups are being fetched', async () => {
       createWrapper({ loading: true });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ initialLoading: true });
       await wrapper.vm.$nextTick();
 

ee/spec/frontend/environments/environment_alert_spec.js

@@ -33,6 +33,8 @@ describe('Environment Alert', () => {
 
   describe('has alert', () => {
     beforeEach(() => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         alert: {
           severity: 'CRITICAL',

ee/spec/frontend/epics_list/components/epics_list_root_spec.js

@@ -152,6 +152,8 @@ describe('EpicsListRoot', () => {
 
     describe('fetchEpicsBy', () => {
       it('updates prevPageCursor and nextPageCursor values when provided propsName param is "currentPage"', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           epics: {
             pageInfo: mockPageInfo,
@@ -173,6 +175,8 @@ describe('EpicsListRoot', () => {
 
     it('renders issuable-list component', async () => {
       jest.spyOn(wrapper.vm, 'getFilteredSearchTokens');
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         filterParams: {
           search: 'foo',
@@ -212,6 +216,8 @@ describe('EpicsListRoot', () => {
     `(
       'sets showPaginationControls prop value as $returnValue when hasPreviousPage is $hasPreviousPage and hasNextPage is $hasNextPage within `epics.pageInfo`',
       async ({ hasPreviousPage, hasNextPage, returnValue }) => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           epics: {
             pageInfo: {
@@ -228,6 +234,8 @@ describe('EpicsListRoot', () => {
     );
 
     it('sets previousPage prop value a number representing previous page based on currentPage value', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         currentPage: 3,
       });
@@ -238,6 +246,8 @@ describe('EpicsListRoot', () => {
     });
 
     it('sets nextPage prop value a number representing next page based on currentPage value', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         currentPage: 1,
         epicsCount: {
@@ -253,6 +263,8 @@ describe('EpicsListRoot', () => {
     });
 
     it('sets nextPage prop value as `null` when currentPage is already last page', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         currentPage: 3,
         epicsCount: {

ee/spec/frontend/escalation_policies/escalation_rule_spec.js

@@ -162,6 +162,8 @@ describe('EscalationRule', () => {
               },
             },
           });
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ hasFocus: false });
         });
 

ee/spec/frontend/geo_node_form/components/geo_node_form_spec.js

@@ -58,6 +58,8 @@ describe('GeoNodeForm', () => {
       ${false}    | ${true}  | ${true}           | ${true}
     `(`conditional fields`, ({ primaryNode, showCore, showSelectiveSync, showCapacities }) => {
       beforeEach(() => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           nodeData: { ...wrapper.vm.nodeData, primary: primaryNode },
         });
@@ -134,6 +136,8 @@ describe('GeoNodeForm', () => {
     describe('removeSyncOption', () => {
       beforeEach(() => {
         createComponent();
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           nodeData: { ...wrapper.vm.nodeData, selectiveSyncShards: [MOCK_SYNC_SHARDS[0].value] },
         });

ee/spec/frontend/groups/settings/components/comma_separated_list_token_selector_spec.js

@@ -110,6 +110,8 @@ describe('CommaSeparatedListTokenSelector', () => {
 
       createComponent();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       return wrapper.setData({
         selectedTokens: tokens,
       });

ee/spec/frontend/hand_raise_leads/components/hand_raise_lead_button_spec.js

@@ -132,6 +132,8 @@ describe('HandRaiseLeadButton', () => {
     });
 
     it('becomes enabled when required info is there', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ countries, states, ...formData });
 
       await wrapper.vm.$nextTick();
@@ -154,6 +156,8 @@ describe('HandRaiseLeadButton', () => {
       ${'CA'} | ${true}
       ${'NL'} | ${false}
     `('displayed $display', async ({ state, display }) => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ countries, states, country: state });
 
       await wrapper.vm.$nextTick();
@@ -167,6 +171,8 @@ describe('HandRaiseLeadButton', () => {
       wrapper = createComponent();
       trackingSpy = mockTracking(undefined, wrapper.element, jest.spyOn);
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ countries, states, country: 'US', ...formData, comment: 'comment' });
     });
 

ee/spec/frontend/iterations/components/iteration_report_without_vue_router_spec.js

@@ -170,6 +170,8 @@ describe('Iterations report', () => {
           loading: false,
         });
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           iteration,
         });
@@ -218,6 +220,8 @@ describe('Iterations report', () => {
             loading: false,
           });
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             iteration,
           });
@@ -249,6 +253,8 @@ describe('Iterations report', () => {
             loading: false,
           });
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             iteration,
           });
@@ -301,6 +307,8 @@ describe('Iterations report', () => {
               },
             });
 
+            // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+            // eslint-disable-next-line no-restricted-syntax
             wrapper.setData({
               iteration,
             });

ee/spec/frontend/iterations/components/iterations_spec.js

@@ -74,6 +74,8 @@ describe('Iterations', () => {
       mountComponent({
         loading: false,
       });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         namespace: {
           pageInfo: {
@@ -185,6 +187,8 @@ describe('Iterations', () => {
       mountComponent({
         loading: false,
       });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         error: 'Oh no!',
       });

ee/spec/frontend/oncall_schedule/oncall_schedule_spec.js

@@ -191,6 +191,8 @@ describe('On-call schedule', () => {
   describe('Timeframe update', () => {
     describe('WEEKS view', () => {
       beforeEach(() => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ presetType: PRESET_TYPES.WEEKS });
       });
 
@@ -225,6 +227,8 @@ describe('On-call schedule', () => {
 
     describe('DAYS view', () => {
       beforeEach(() => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ presetType: PRESET_TYPES.DAYS });
       });
       it('should load next timeframe', () => {

ee/spec/frontend/related_items_tree/components/create_epic_form_spec.js

@@ -51,6 +51,8 @@ describe('RelatedItemsTree', () => {
         it('returns false when either `inputValue` prop is non-empty or `isSubmitting` prop is false', () => {
           const wrapperWithInput = createComponent(false);
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapperWithInput.setData({
             inputValue: 'foo',
           });
@@ -86,6 +88,8 @@ describe('RelatedItemsTree', () => {
 
         it('returns group name when a group is selected', () => {
           const group = { name: 'Group 1' };
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ selectedGroup: group });
           expect(wrapper.vm.dropdownPlaceholderText).toBe(group.name);
         });
@@ -98,6 +102,8 @@ describe('RelatedItemsTree', () => {
           ${'FooBar'}                 | ${false}
           ${mockParentItem.groupName} | ${true}
         `('returns `$expected` when searchTerm is $searchTerm', ({ searchTerm, expected }) => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ searchTerm });
           expect(wrapper.vm.canShowParentGroup).toBe(expected);
         });

ee/spec/frontend/related_items_tree/components/create_issue_form_spec.js

@@ -74,6 +74,8 @@ describe('CreateIssueForm', () => {
   describe('computed', () => {
     describe('dropdownToggleText', () => {
       it('returns project name with name_with_namespace when `selectedProject` is not empty', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           selectedProject: mockProjects[0],
         });
@@ -84,6 +86,8 @@ describe('CreateIssueForm', () => {
       });
       it('returns project name with namespace when `selectedProject` is not empty and dont have name_with_namespace', async () => {
         const project = { ...mockProjects[0], name_with_namespace: undefined, namespace: 'foo' };
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           selectedProject: project,
         });
@@ -108,6 +112,8 @@ describe('CreateIssueForm', () => {
 
     describe('createIssue', () => {
       it('emits event `submit` on component when `selectedProject` is not empty', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           selectedProject: {
             ...mockProjects[0],
@@ -227,6 +233,8 @@ describe('CreateIssueForm', () => {
 
       wrapper.findComponent(GlDropdown).trigger('click');
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         searchKey,
       });
@@ -248,6 +256,8 @@ describe('CreateIssueForm', () => {
 
       wrapper.findComponent(GlDropdown).trigger('click');
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         searchKey,
       });

ee/spec/frontend/related_items_tree/components/tree_root_spec.js

@@ -432,6 +432,8 @@ describe('RelatedItemsTree', () => {
           wrapper.vm.onMove(mockEvt, mockOriginalEvt);
 
           // Simulate cursor movement.
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             currentClientX: 10,
             currentClientY: 20,

ee/spec/frontend/repository/components/code_owners_spec.js

@@ -36,6 +36,8 @@ const createComponent = async (codeOwners = [codeOwnerMock]) => {
     }),
   );
 
+  // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+  // eslint-disable-next-line no-restricted-syntax
   wrapper.setData({ isFetching: false });
 
   await waitForPromises();

ee/spec/frontend/repository/components/lock_button_spec.js

@@ -69,6 +69,8 @@ describe('LockButton component', () => {
 
     it('passes the correct prop if lockLoading is set to true', async () => {
       createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ lockLoading: true });
 
       await nextTick();

ee/spec/frontend/requirements/components/export_requirements_modal_spec.js

@@ -45,6 +45,8 @@ describe('ExportRequirementsModal', () => {
       it("adds field if it's not selected", async () => {
         const [field] = wrapper.vm.$options.fields;
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           selectedFields: wrapper.vm.$options.fields.slice(1).map((f) => f.key),
         });
@@ -65,6 +67,8 @@ describe('ExportRequirementsModal', () => {
       it('returns false when field is in selectedFields', async () => {
         const [field] = wrapper.vm.$options.fields;
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           selectedFields: wrapper.vm.$options.fields.slice(1).map((f) => f.key),
         });
@@ -75,6 +79,8 @@ describe('ExportRequirementsModal', () => {
 
     describe('toggleAllFields', () => {
       it('selects all if few are selected', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           selectedFields: wrapper.vm.$options.fields.slice(1).map((f) => f.key),
         });
@@ -91,6 +97,8 @@ describe('ExportRequirementsModal', () => {
       });
 
       it('selects all if none are selected', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           selectedFields: [],
         });

ee/spec/frontend/requirements/components/import_requirements_modal_spec.js

@@ -28,6 +28,8 @@ describe('ImportRequirementsModal', () => {
       });
 
       it('returns false when file is present', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ file: 'Some file' });
 
         expect(wrapper.vm.importDisabled).toBe(false);
@@ -58,6 +60,8 @@ describe('ImportRequirementsModal', () => {
     it('GlModal open click emits file and projectPath', () => {
       const file = 'some file';
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         file,
       });

ee/spec/frontend/requirements/components/requirement_form_spec.js

@@ -234,6 +234,8 @@ describe('RequirementForm', () => {
         it(`returns ${newLastTestReportState} when \`satisfied\` has changed from ${
           requirement.satisfied
         } to ${!requirement.satisfied}`, () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapperWithRequirement.setData({
             satisfied: !requirement.satisfied,
           });

ee/spec/frontend/requirements/components/requirements_root_spec.js

@@ -165,6 +165,8 @@ describe('RequirementsRoot', () => {
       });
 
       it('returns `true` when `requirements.list` is empty', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           requirements: {
             list: [],
@@ -177,6 +179,8 @@ describe('RequirementsRoot', () => {
       });
 
       it('returns `true` when `requirementsCount` for current filterBy value is 0', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           filterBy: FilterState.opened,
           requirementsCount: {
@@ -192,6 +196,8 @@ describe('RequirementsRoot', () => {
 
     describe('totalRequirementsForCurrentTab', () => {
       it('returns number representing total requirements for current tab', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           filterBy: FilterState.opened,
           requirementsCount: {
@@ -207,6 +213,8 @@ describe('RequirementsRoot', () => {
 
     describe('showEmptyState', () => {
       it('returns `false` when `showRequirementCreateDrawer` is true', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           showRequirementCreateDrawer: true,
         });
@@ -219,6 +227,8 @@ describe('RequirementsRoot', () => {
 
     describe('showPaginationControls', () => {
       it('returns `true` when totalRequirements is more than default page size', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           requirements: {
             list: mockRequirementsOpen,
@@ -233,6 +243,8 @@ describe('RequirementsRoot', () => {
       });
 
       it('returns `false` when totalRequirements is less than default page size', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           requirements: {
             list: [mockRequirementsOpen[0]],
@@ -260,6 +272,8 @@ describe('RequirementsRoot', () => {
       `(
         'returns $isVisible when hasPreviousPage is $hasPreviousPage and hasNextPage is $hasNextPage within `requirements.pageInfo`',
         ({ hasPreviousPage, hasNextPage, isVisible }) => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             requirements: {
               pageInfo: {
@@ -278,6 +292,8 @@ describe('RequirementsRoot', () => {
 
     describe('prevPage', () => {
       it('returns number representing previous page based on currentPage value', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentPage: 3,
         });
@@ -294,6 +310,8 @@ describe('RequirementsRoot', () => {
       });
 
       it('returns `null` when currentPage is already last page', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentPage: 2,
         });
@@ -328,6 +346,8 @@ describe('RequirementsRoot', () => {
 
     describe('getFilteredSearchValue', () => {
       it('returns array containing applied filter search values', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           authorUsernames: ['root', 'john.doe'],
           status: 'satisfied',
@@ -342,6 +362,8 @@ describe('RequirementsRoot', () => {
 
     describe('updateUrl', () => {
       it('updates window URL based on presence of props for filtered search and sort criteria', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           filterBy: FilterState.all,
           currentPage: 2,
@@ -713,6 +735,8 @@ describe('RequirementsRoot', () => {
 
     describe('handleNewRequirementCancel', () => {
       it('sets `showRequirementCreateDrawer` prop to `false`', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           showRequirementCreateDrawer: true,
         });
@@ -861,6 +885,8 @@ describe('RequirementsRoot', () => {
       });
 
       it('updates props `textSearch` and `authorUsernames` with empty values when passed filters param is empty', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           authorUsernames: ['root'],
           status: 'satisfied',
@@ -892,6 +918,8 @@ describe('RequirementsRoot', () => {
 
     describe('handlePageChange', () => {
       it('sets data prop `prevPageCursor` to empty string and `nextPageCursor` to `requirements.pageInfo.endCursor` when provided page param is greater than currentPage', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           requirements: {
             list: mockRequirementsOpen,
@@ -917,6 +945,8 @@ describe('RequirementsRoot', () => {
       });
 
       it('sets data prop `nextPageCursor` to empty string and `prevPageCursor` to `requirements.pageInfo.startCursor` when provided page param is less than currentPage', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           requirements: {
             list: mockRequirementsOpen,
@@ -967,6 +997,8 @@ describe('RequirementsRoot', () => {
     });
 
     it('renders empty state when query results are empty', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         requirements: {
           list: [],
@@ -998,6 +1030,8 @@ describe('RequirementsRoot', () => {
     });
 
     it('does not render requirement-empty-state component when `showRequirementCreateDrawer` prop is `true`', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         showRequirementCreateDrawer: true,
       });
@@ -1008,6 +1042,8 @@ describe('RequirementsRoot', () => {
     });
 
     it('renders requirement items for all the requirements', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         requirements: {
           list: mockRequirementsOpen,
@@ -1025,6 +1061,8 @@ describe('RequirementsRoot', () => {
     });
 
     it('renders pagination controls', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         requirements: {
           list: mockRequirementsOpen,

ee/spec/frontend/roadmap/components/current_day_indicator_spec.js

@@ -55,6 +55,8 @@ describe('CurrentDayIndicator', () => {
   describe('computed', () => {
     describe('hasToday', () => {
       it('returns true when presetType is QUARTERS and currentDate is within current quarter', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentDate: mockTimeframeQuarters[0].range[1],
         });
@@ -70,6 +72,8 @@ describe('CurrentDayIndicator', () => {
       });
 
       it('returns true when presetType is MONTHS and currentDate is within current month', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentDate: new Date(2020, 0, 15),
         });
@@ -85,6 +89,8 @@ describe('CurrentDayIndicator', () => {
       });
 
       it('returns true when presetType is WEEKS and currentDate is within current week', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentDate: mockTimeframeWeeks[0],
         });
@@ -104,6 +110,8 @@ describe('CurrentDayIndicator', () => {
   describe('methods', () => {
     describe('getIndicatorStyles', () => {
       it('returns object containing `left` with value `34%` when presetType is QUARTERS', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentDate: mockTimeframeQuarters[0].range[1],
         });
@@ -123,6 +131,8 @@ describe('CurrentDayIndicator', () => {
       });
 
       it('returns object containing `left` with value `48%` when presetType is MONTHS', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentDate: new Date(2020, 0, 15),
         });
@@ -142,6 +152,8 @@ describe('CurrentDayIndicator', () => {
       });
 
       it('returns object containing `left` with value `7%` when presetType is WEEKS', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentDate: mockTimeframeWeeks[0],
         });
@@ -165,6 +177,8 @@ describe('CurrentDayIndicator', () => {
   describe('template', () => {
     beforeEach(() => {
       wrapper = createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         currentDate: mockTimeframeMonths[0],
       });

ee/spec/frontend/roadmap/components/epics_list_section_spec.js

@@ -287,6 +287,8 @@ describe('EpicsListSectionComponent', () => {
     });
 
     it('renders bottom shadow element when `showBottomShadow` prop is true', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         showBottomShadow: true,
       });

ee/spec/frontend/roadmap/components/milestones_list_section_spec.js

@@ -167,6 +167,8 @@ describe('MilestonesListSectionComponent', () => {
     });
 
     it('renders bottom shadow element when `showBottomShadow` prop is true', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         showBottomShadow: true,
       });

ee/spec/frontend/roadmap/components/roadmap_filters_spec.js

@@ -131,6 +131,8 @@ describe('RoadmapFilters', () => {
     });
 
     it('switching layout using roadmap layout switching buttons causes page to reload with selected layout', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ selectedDaterange: DATE_RANGES.THREE_YEARS });
 
       await wrapper.vm.$nextTick();
@@ -341,6 +343,8 @@ describe('RoadmapFilters', () => {
       });
 
       it('renders daterange dropdown', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapperWithDaterangeFilter.setData({ selectedDaterange: DATE_RANGES.CURRENT_QUARTER });
         await wrapperWithDaterangeFilter.vm.$nextTick();
 
@@ -362,6 +366,8 @@ describe('RoadmapFilters', () => {
       `(
         'renders $availablePresets.length items when selected daterange is "$selectedDaterange"',
         async ({ selectedDaterange, availablePresets }) => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapperWithDaterangeFilter.setData({ selectedDaterange });
           await wrapperWithDaterangeFilter.vm.$nextTick();
 

ee/spec/frontend/security_configuration/dast_profiles/components/dast_profiles_spec.js

@@ -191,6 +191,8 @@ describe('EE - DastProfiles', () => {
     async ({ profileType, key, givenData, expectedValue, exposedAsProp }) => {
       const propGetter = exposedAsProp ? 'props' : 'attributes';
       createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         profileTypes: { [profileType]: givenData },
       });

ee/spec/frontend/security_dashboard/components/group/group_security_dashboard_spec.js

@@ -89,6 +89,8 @@ describe('Group Security Dashboard component', () => {
 
   it('renders the default page', async () => {
     createWrapper();
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({ projects: [{ name: 'project1' }] });
     await wrapper.vm.$nextTick();
 

ee/spec/frontend/security_dashboard/components/group/group_vulnerabilities_spec.js

@@ -71,6 +71,8 @@ describe('Group Security Dashboard Vulnerabilities Component', () => {
         },
       });
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         errorLoadingVulnerabilities: true,
       });
@@ -105,6 +107,8 @@ describe('Group Security Dashboard Vulnerabilities Component', () => {
         },
       });
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         vulnerabilities,
       });
@@ -151,6 +155,8 @@ describe('Group Security Dashboard Vulnerabilities Component', () => {
         },
       });
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         vulnerabilities,
         pageInfo: {
@@ -172,6 +178,8 @@ describe('Group Security Dashboard Vulnerabilities Component', () => {
         },
       });
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         vulnerabilities: generateVulnerabilities(),
         pageInfo: {

ee/spec/frontend/security_dashboard/components/instance/instance_security_dashboard_spec.js

@@ -92,6 +92,8 @@ describe('Instance Security Dashboard component', () => {
 
   it('renders the default page', async () => {
     createWrapper();
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({ projects: [{ name: 'project1' }] });
     await wrapper.vm.$nextTick();
 

ee/spec/frontend/security_dashboard/components/pipeline/security_reports_summary_spec.js

@@ -145,6 +145,8 @@ describe('Security reports summary component', () => {
       });
 
       it('set local storage item to 1 when summary is hidden', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ isVisible: false });
         await wrapper.vm.$nextTick();
 
@@ -163,6 +165,8 @@ describe('Security reports summary component', () => {
       });
 
       it('removes local storage item when summary is shown', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ isVisible: true });
         await wrapper.vm.$nextTick();
 

ee/spec/frontend/security_dashboard/components/project/project_vulnerabilities_spec.js

@@ -90,6 +90,8 @@ describe('Vulnerabilities app component', () => {
       createWrapper();
 
       vulnerabilities = generateVulnerabilities();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ vulnerabilities });
     });
 
@@ -135,6 +137,8 @@ describe('Vulnerabilities app component', () => {
       createWrapper();
 
       vulnerabilities = generateVulnerabilities();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         vulnerabilities,
         pageInfo: {
@@ -155,6 +159,8 @@ describe('Vulnerabilities app component', () => {
   describe(`when there's an error loading vulnerabilities`, () => {
     beforeEach(() => {
       createWrapper();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ errorLoadingVulnerabilities: true });
     });
 

ee/spec/frontend/security_dashboard/components/shared/csv_export_button_spec.js

@@ -115,6 +115,8 @@ describe('Csv Button Export', () => {
         loading: false,
       });
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isPreparingCsvExport: true });
       await wrapper.vm.$nextTick();
 

ee/spec/frontend/security_dashboard/components/shared/filters/scanner_filter_spec.js

@@ -112,6 +112,8 @@ describe('Scanner Filter component', () => {
       };
 
       const selectedOptions = sampleSize(filter.options, 3); // Randomly select some options.
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       await wrapper.setData({ selectedOptions });
 
       expectSelectedItems(selectedOptions);

ee/spec/frontend/security_dashboard/components/shared/vulnerability_count_list_spec.js

@@ -58,6 +58,8 @@ describe('Vulnerabilities count list component', () => {
   describe('when counts are loaded', () => {
     beforeEach(() => {
       wrapper = createWrapper({ query: { loading: false } });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         vulnerabilitiesCount: {
           critical: 5,

ee/spec/frontend/sidebar/components/status/status_spec.js

@@ -254,6 +254,8 @@ describe('Status', () => {
 
         mountStatus(props);
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ isDropdownShowing: true });
       });
 
@@ -292,6 +294,8 @@ describe('Status', () => {
 
         mountStatus(props);
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ isDropdownShowing: true });
       });
 

ee/spec/frontend/test_case_create/components/test_case_create_root_spec.js

@@ -179,6 +179,8 @@ describe('TestCaseCreateRoot', () => {
     });
 
     it('submit button shows loading animation when `createTestCaseRequestActive` is true', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         createTestCaseRequestActive: true,
       });
@@ -189,6 +191,8 @@ describe('TestCaseCreateRoot', () => {
     });
 
     it('cancel button is disabled when `createTestCaseRequestActive` is true', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         createTestCaseRequestActive: true,
       });

ee/spec/frontend/test_case_list/components/test_case_list_root_spec.js

@@ -166,6 +166,8 @@ describe('TestCaseListRoot', () => {
       });
 
       it('returns number representing next page based on currentPage value', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentPage: 1,
         });
@@ -176,6 +178,8 @@ describe('TestCaseListRoot', () => {
       });
 
       it('returns `null` when currentPage is already last page', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentPage: 3,
         });
@@ -229,6 +233,8 @@ describe('TestCaseListRoot', () => {
       });
 
       it('page-change event changes prevPageCursor and nextPageCursor values based on based on currentPage and calls updateUrl', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           testCases: {
             pageInfo: mockPageInfo,

ee/spec/frontend/test_case_show/components/test_case_show_root_spec.js

@@ -85,6 +85,8 @@ describe('TestCaseShowRoot', () => {
         testCaseActionTitle,
       }) => {
         beforeEach(async () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             testCase: {
               ...mockTestCase,
@@ -235,6 +237,8 @@ describe('TestCaseShowRoot', () => {
 
     describe('handleCancelClick', () => {
       it('sets `editTestCaseFormVisible` prop to false and emits "close.form" even in IssuableEventHub', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           editTestCaseFormVisible: true,
         });
@@ -264,6 +268,8 @@ describe('TestCaseShowRoot', () => {
 
   describe('template', () => {
     it('renders gl-loading-icon when testCaseLoading prop is true', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         testCaseLoading: true,
       });
@@ -319,6 +325,8 @@ describe('TestCaseShowRoot', () => {
     });
 
     it('does not render issuable-show when `testCaseLoading` prop is false and `testCaseLoadFailed` prop is true', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         testCaseLoading: false,
         testCaseLoadFailed: true,
@@ -361,6 +369,8 @@ describe('TestCaseShowRoot', () => {
     });
 
     it('renders edit-form-actions slot contents', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         editTestCaseFormVisible: true,
       });

ee/spec/frontend/test_case_show/components/test_case_sidebar_spec.js

@@ -86,6 +86,8 @@ describe('TestCaseSidebar', () => {
       `(
         'returns $returnValue when testCaseMoveInProgress is $testCaseMoveInProgress',
         async ({ testCaseMoveInProgress, returnValue }) => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             testCaseMoveInProgress,
           });
@@ -197,6 +199,8 @@ describe('TestCaseSidebar', () => {
     describe('handleSidebarDropdownClose', () => {
       it('sets `sidebarExpandedOnClick` to false and calls `toggleSidebar` method when `sidebarExpandedOnClick` is true', async () => {
         jest.spyOn(wrapper.vm, 'toggleSidebar').mockImplementation(jest.fn());
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           sidebarExpandedOnClick: true,
         });

ee/spec/frontend/threat_monitoring/components/alerts/alerts_list_spec.js

@@ -262,6 +262,8 @@ describe('AlertsList component', () => {
     });
 
     it('does not show the unconfigured alert error state when there is a request error', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         errored: true,
       });
@@ -271,6 +273,8 @@ describe('AlertsList component', () => {
     });
 
     it('does not show the unconfigured alert error state when there is a request error that has been dismissed', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         isErrorAlertDismissed: true,
       });

ee/spec/frontend/usage_quotas/storage/components/namespace_storage_app_spec.js

@@ -73,6 +73,8 @@ describe('NamespaceStorageApp', () => {
   });
 
   it('renders the 2 projects', async () => {
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({
       namespace: namespaceData,
     });
@@ -84,6 +86,8 @@ describe('NamespaceStorageApp', () => {
 
   describe('limit', () => {
     it('when limit is set it renders limit information', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         namespace: namespaceData,
       });
@@ -94,6 +98,8 @@ describe('NamespaceStorageApp', () => {
     });
 
     it('when limit is 0 it does not render limit information', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         namespace: { ...namespaceData, limit: 0 },
       });
@@ -106,6 +112,8 @@ describe('NamespaceStorageApp', () => {
 
   describe('with rootStorageStatistics information', () => {
     it('renders total usage', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         namespace: withRootStorageStatistics,
       });
@@ -118,6 +126,8 @@ describe('NamespaceStorageApp', () => {
 
   describe('with additional_repo_storage_by_namespace feature', () => {
     it('usage_graph component hidden is when feature is false', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         namespace: withRootStorageStatistics,
       });
@@ -145,6 +155,8 @@ describe('NamespaceStorageApp', () => {
 
   describe('without rootStorageStatistics information', () => {
     it('renders N/A', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         namespace: namespaceData,
       });
@@ -195,6 +207,8 @@ describe('NamespaceStorageApp', () => {
     describe('when temporary storage increase is visible', () => {
       beforeEach(() => {
         createComponent({ provide: { isTemporaryStorageIncreaseVisible: 'true' } });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           namespace: {
             ...namespaceData,

ee/spec/frontend/vue_mr_widget/components/states/mr_widget_ready_to_merge_spec.js

@@ -107,6 +107,8 @@ describe('ReadyToMerge', () => {
 
       it('should return "Merge in progress"', () => {
         factory();
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ isMergingImmediately: true });
 
         expect(vm.mergeButtonText).toEqual('Merge in progress');

ee/spec/frontend/vue_shared/components/accordion/accordion_item_spec.js

@@ -141,6 +141,8 @@ describe('AccordionItem component', () => {
     });
 
     it('collapses if "closeOtherAccordionItems" is called with the trigger not being the current item', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isExpanded: true });
       wrapper.vm.onCloseOtherAccordionItems({});
 
@@ -148,6 +150,8 @@ describe('AccordionItem component', () => {
     });
 
     it('does not collapses if "closeOtherAccordionItems" is called with the trigger being the current item', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isExpanded: true });
       wrapper.vm.onCloseOtherAccordionItems(wrapper.vm);
 
@@ -177,6 +181,8 @@ describe('AccordionItem component', () => {
     it('has a trigger element that has an "aria-expanded" attribute set, to show if it is expanded or collapsed', () => {
       expect(expansionTrigger().attributes('aria-expanded')).toBeFalsy();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isExpanded: true });
 
       return wrapper.vm.$nextTick().then(() => {

ee/spec/frontend/vue_shared/components/filtered_search_bar/tokens/iteration_token_spec.js

@@ -55,6 +55,8 @@ describe('IterationToken', () => {
         },
       });
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       await wrapper.setData({ loading: false });
     });
 

ee/spec/frontend/vue_shared/license_compliance/components/add_license_form_spec.js

@@ -34,6 +34,8 @@ describe('AddLicenseForm', () => {
 
       createComponent({}, mount);
       jest.spyOn(vm, '$emit').mockImplementation(() => {});
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ approvalStatus: LICENSE_APPROVAL_STATUS.ALLOWED, licenseName: name });
 
       await Vue.nextTick();
@@ -60,12 +62,16 @@ describe('AddLicenseForm', () => {
   describe('computed', () => {
     describe('submitDisabled', () => {
       it('is true if the approvalStatus is empty', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ licenseName: 'FOO', approvalStatus: '' });
 
         expect(vm.submitDisabled).toBe(true);
       });
 
       it('is true if the licenseName is empty', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ licenseName: '', approvalStatus: LICENSE_APPROVAL_STATUS.ALLOWED });
 
         expect(vm.submitDisabled).toBe(true);
@@ -73,6 +79,8 @@ describe('AddLicenseForm', () => {
 
       it('is true if the entered license is duplicated', () => {
         createComponent({ managedLicenses: [{ name: 'FOO' }] });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ licenseName: 'FOO', approvalStatus: LICENSE_APPROVAL_STATUS.ALLOWED });
 
         expect(vm.submitDisabled).toBe(true);
@@ -82,6 +90,8 @@ describe('AddLicenseForm', () => {
     describe('isInvalidLicense', () => {
       it('is true if the entered license is duplicated', () => {
         createComponent({ managedLicenses: [{ name: 'FOO' }] });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ licenseName: 'FOO' });
 
         expect(vm.isInvalidLicense).toBe(true);
@@ -89,6 +99,8 @@ describe('AddLicenseForm', () => {
 
       it('is false if the entered license is unique', () => {
         createComponent({ managedLicenses: [{ name: 'FOO' }] });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ licenseName: 'FOO2' });
 
         expect(vm.isInvalidLicense).toBe(false);
@@ -126,6 +138,8 @@ describe('AddLicenseForm', () => {
 
     it('renders error text, if there is a duplicate license', async () => {
       createComponent({ managedLicenses: [{ name: 'FOO' }] });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ licenseName: 'FOO' });
       await Vue.nextTick();
 
@@ -156,6 +170,8 @@ describe('AddLicenseForm', () => {
     });
 
     it('disables submit, if the form is invalid', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ licenseName: '' });
       await Vue.nextTick();
 

ee/spec/frontend/vulnerabilities/new_vulnerability/section_name_spec.js

@@ -54,6 +54,8 @@ describe('New vulnerability - Section Name', () => {
     ${'Name'}        | ${GlFormInput}    | ${{ vulnerabilityName: 'CVE 2021', vulnerabilityDesc: '' }}
     ${'Description'} | ${GlFormTextarea} | ${{ vulnerabilityName: '', vulnerabilityDesc: 'Password leak' }}
   `('emits the changes: $field ', async ({ component, value }) => {
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData(value);
     wrapper.findComponent(component).vm.$emit('change', value);
     expect(wrapper.emitted('change')[0][0]).toEqual(value);

qa/qa/tools/knapsack_report.rb

@@ -95,10 +95,7 @@ module QA
       #
       # @return [Fog::Storage::GoogleJSON]
       def client
-        @client ||= Fog::Storage::Google.new(
-          google_project: PROJECT,
-          google_json_key_location: gcs_credentials
-        )
+        @client ||= Fog::Storage::Google.new(google_project: PROJECT, **gcs_credentials)
       end
 
       # Base path of knapsack report
@@ -132,13 +129,16 @@ module QA
         @report_name ||= ENV["CI_JOB_NAME"].split(" ").first.tr(":", "-")
       end
 
-      # Path to GCS credentials json
+      # GCS credentials json
       #
-      # @return [String]
+      # @return [Hash]
       def gcs_credentials
-        @gcs_credentials ||= ENV["QA_KNAPSACK_REPORT_GCS_CREDENTIALS"] || raise(
+        json_key = ENV["QA_KNAPSACK_REPORT_GCS_CREDENTIALS"] || raise(
           "QA_KNAPSACK_REPORT_GCS_CREDENTIALS env variable is required!"
         )
+        return { google_json_key_location: json_key } if File.exist?(json_key)
+
+        { google_json_key_string: json_key }
       end
     end
   end

spec/frontend/alerts_settings/components/alerts_settings_form_spec.js

@@ -319,6 +319,8 @@ describe('AlertsSettingsForm', () => {
       const validPayloadMsg = payload === emptySamplePayload ? 'not valid' : 'valid';
 
       it(`textarea should be ${enabledState} when payload reset ${payloadResetMsg} and payload is ${validPayloadMsg}`, async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           currentIntegration: { payloadExample: payload },
           resetPayloadAndMappingConfirmed,
@@ -345,6 +347,8 @@ describe('AlertsSettingsForm', () => {
           : 'was not confirmed';
 
         it(`shows ${caption} button when sample payload ${samplePayloadMsg} and payload reset ${payloadResetMsg}`, async () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             currentIntegration: {
               payloadExample,
@@ -359,6 +363,8 @@ describe('AlertsSettingsForm', () => {
 
     describe('Parsing payload', () => {
       beforeEach(() => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           resetPayloadAndMappingConfirmed: true,
         });
@@ -456,6 +462,8 @@ describe('AlertsSettingsForm', () => {
     });
 
     it('should be able to submit when form is dirty', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         currentIntegration: { type: typeSet.http, name: 'Existing integration' },
       });
@@ -466,6 +474,8 @@ describe('AlertsSettingsForm', () => {
     });
 
     it('should not be able to submit when form is pristine', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         currentIntegration: { type: typeSet.http, name: 'Existing integration' },
       });

spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js

@@ -126,6 +126,8 @@ describe('ProjectsDropdownFilter component', () => {
     });
 
     it('applies the correct queryParams when making an api call', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ searchTerm: 'gitlab' });
 
       expect(spyQuery).toHaveBeenCalledTimes(1);
@@ -204,6 +206,8 @@ describe('ProjectsDropdownFilter component', () => {
       await createWithMockDropdown({ multiSelect: true });
 
       selectDropdownItemAtIndex(0);
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ searchTerm: 'this is a very long search string' });
     });
 

spec/frontend/blob/components/blob_edit_header_spec.js

@@ -44,6 +44,8 @@ describe('Blob Header Editing', () => {
       const inputComponent = wrapper.find(GlFormInput);
       const newValue = 'bar.txt';
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         name: newValue,
       });

spec/frontend/boards/components/boards_selector_spec.js

@@ -96,6 +96,8 @@ describe('BoardsSelector', () => {
     });
 
     wrapper.vm.$apollo.addSmartQuery = jest.fn((_, options) => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         [options.loadingKey]: true,
       });
@@ -161,6 +163,8 @@ describe('BoardsSelector', () => {
         // Emits gl-dropdown show event to simulate the dropdown is opened at initialization time
         findDropdown().vm.$emit('show');
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           loadingBoards: false,
           loadingRecentBoards: false,
@@ -176,6 +180,8 @@ describe('BoardsSelector', () => {
 
       describe('filtering', () => {
         beforeEach(async () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             boards,
           });
@@ -208,6 +214,8 @@ describe('BoardsSelector', () => {
 
       describe('recent boards section', () => {
         it('shows only when boards are greater than 10', async () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             boards,
           });
@@ -217,6 +225,8 @@ describe('BoardsSelector', () => {
         });
 
         it('does not show when boards are less than 10', async () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             boards: boards.slice(0, 5),
           });
@@ -226,6 +236,8 @@ describe('BoardsSelector', () => {
         });
 
         it('does not show when recentBoards api returns empty array', async () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             recentBoards: [],
           });

spec/frontend/ci_lint/components/ci_lint_spec.js

@@ -66,6 +66,8 @@ describe('CI Lint', () => {
   it('validate action calls mutation with dry run', async () => {
     const dryRunEnabled = true;
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     await wrapper.setData({ dryRun: dryRunEnabled });
 
     findValidateBtn().vm.$emit('click');

spec/frontend/clusters/forms/components/integration_form_spec.js

@@ -82,6 +82,8 @@ describe('ClusterIntegrationForm', () => {
         .then(() => {
           // setData is a bad approach because it changes the internal implementation which we should not touch
           // but our GlFormInput lacks the ability to set a new value.
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ toggleEnabled: !defaultStoreValues.enabled });
         })
         .then(() => {
@@ -93,6 +95,8 @@ describe('ClusterIntegrationForm', () => {
       return wrapper.vm
         .$nextTick()
         .then(() => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ envScope: `${defaultStoreValues.environmentScope}1` });
         })
         .then(() => {

spec/frontend/clusters_list/components/clusters_spec.js

@@ -272,6 +272,8 @@ describe('Clusters', () => {
     describe('when updating currentPage', () => {
       beforeEach(() => {
         mockPollingApi(200, apiData, paginationHeader(totalSecondPage, perPage, 2));
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ currentPage: 2 });
         return axios.waitForAll();
       });

spec/frontend/commit/pipelines/pipelines_table_spec.js

@@ -92,6 +92,8 @@ describe('Pipelines table in Commits and Merge requests', () => {
         it('should make an API request when using pagination', async () => {
           jest.spyOn(wrapper.vm, 'updateContent').mockImplementation(() => {});
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           await wrapper.setData({
             store: {
               state: {

spec/frontend/create_cluster/components/cluster_form_dropdown_spec.js

@@ -206,6 +206,8 @@ describe('ClusterFormDropdown', () => {
     const searchQuery = secondItem.name;
 
     wrapper.setProps({ items });
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({ searchQuery });
 
     return wrapper.vm.$nextTick().then(() => {

spec/frontend/create_cluster/eks_cluster/components/service_credentials_form_spec.js

@@ -67,6 +67,8 @@ describe('ServiceCredentialsForm', () => {
   });
 
   it('enables submit button when role ARN is not provided', () => {
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     vm.setData({ roleArn: '123' });
 
     return vm.vm.$nextTick().then(() => {
@@ -75,6 +77,8 @@ describe('ServiceCredentialsForm', () => {
   });
 
   it('dispatches createRole action when submit button is clicked', () => {
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     vm.setData({ roleArn: '123' }); // set role ARN to enable button
 
     findSubmitButton().vm.$emit('click', new Event('click'));
@@ -84,6 +88,8 @@ describe('ServiceCredentialsForm', () => {
 
   describe('when is creating role', () => {
     beforeEach(() => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       vm.setData({ roleArn: '123' }); // set role ARN to enable button
 
       state.isCreatingRole = true;

spec/frontend/create_cluster/gke_cluster/components/gke_machine_type_dropdown_spec.js

@@ -79,6 +79,8 @@ describe('GkeMachineTypeDropdown', () => {
       store = createStore();
       wrapper = createComponent(store);
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isLoading: true });
 
       return wrapper.vm.$nextTick().then(() => {

spec/frontend/create_cluster/gke_cluster/components/gke_project_id_dropdown_spec.js

@@ -83,6 +83,8 @@ describe('GkeProjectIdDropdown', () => {
     it('returns default toggle text', () => {
       bootstrap();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isLoading: false });
 
       return wrapper.vm.$nextTick().then(() => {
@@ -99,6 +101,8 @@ describe('GkeProjectIdDropdown', () => {
           hasProject: () => true,
         },
       );
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isLoading: false });
 
       return wrapper.vm.$nextTick().then(() => {
@@ -110,6 +114,8 @@ describe('GkeProjectIdDropdown', () => {
       bootstrap({
         projects: null,
       });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isLoading: false });
 
       return wrapper.vm.$nextTick().then(() => {

spec/frontend/create_cluster/gke_cluster/components/gke_zone_dropdown_spec.js

@@ -47,6 +47,8 @@ describe('GkeZoneDropdown', () => {
 
     describe('isLoading', () => {
       beforeEach(() => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ isLoading: true });
         return wrapper.vm.$nextTick();
       });

spec/frontend/cycle_analytics/value_stream_metrics_spec.js

@@ -63,6 +63,8 @@ describe('ValueStreamMetrics', () => {
     it('renders hidden GlSingleStat components for each metric', async () => {
       await waitForPromises();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isLoading: true });
 
       await wrapper.vm.$nextTick();

spec/frontend/deploy_freeze/components/timezone_dropdown_spec.js

@@ -26,6 +26,8 @@ describe('Deploy freeze timezone dropdown', () => {
       },
     });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({ searchTerm });
   };
 

spec/frontend/design_management/components/design_overlay_spec.js

@@ -117,6 +117,8 @@ describe('Design overlay component', () => {
         it.each([notes[0].discussion.notes.nodes[1], notes[0].discussion.notes.nodes[0]])(
           'should not apply inactive class to the pin for the active discussion',
           (note) => {
+            // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+            // eslint-disable-next-line no-restricted-syntax
             wrapper.setData({
               activeDiscussion: {
                 id: note.id,
@@ -131,6 +133,8 @@ describe('Design overlay component', () => {
         );
 
         it('should apply inactive class to all pins besides the active one', () => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             activeDiscussion: {
               id: notes[0].id,
@@ -212,6 +216,8 @@ describe('Design overlay component', () => {
       const { position } = note;
       const newCoordinates = { x: 20, y: 20 };
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         movingNoteNewPosition: {
           ...position,
@@ -345,6 +351,8 @@ describe('Design overlay component', () => {
           });
 
           const newCoordinates = { x: 20, y: 20 };
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             movingNoteStartPosition: {
               ...notes[0].position,
@@ -368,6 +376,8 @@ describe('Design overlay component', () => {
     it('should calculate delta correctly from state', () => {
       createComponent();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         movingNoteStartPosition: {
           clientX: 10,

spec/frontend/design_management/components/design_presentation_spec.js

@@ -39,6 +39,8 @@ describe('Design management design presentation component', () => {
       stubs,
     });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData(data);
     wrapper.element.scrollTo = jest.fn();
   }

spec/frontend/design_management/components/image_spec.js

@@ -9,6 +9,8 @@ describe('Design management large image component', () => {
     wrapper = shallowMount(DesignImage, {
       propsData,
     });
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData(data);
   }
 

spec/frontend/design_management/components/toolbar/design_navigation_spec.js

@@ -42,6 +42,8 @@ describe('Design management pagination component', () => {
   });
 
   it('renders navigation buttons', () => {
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({
       designCollection: { designs: [{ id: '1' }, { id: '2' }] },
     });
@@ -53,6 +55,8 @@ describe('Design management pagination component', () => {
 
   describe('keyboard buttons navigation', () => {
     beforeEach(() => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         designCollection: { designs: [{ filename: '1' }, { filename: '2' }, { filename: '3' }] },
       });

spec/frontend/design_management/components/toolbar/index_spec.js

@@ -48,6 +48,8 @@ describe('Design management toolbar component', () => {
       },
     });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({
       permissions: {
         createDesign,

spec/frontend/design_management/components/upload/design_version_dropdown_spec.js

@@ -34,6 +34,8 @@ describe('Design management design version dropdown component', () => {
       stubs: { GlSprintf },
     });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({
       allVersions: maxVersions > -1 ? mockAllVersions.slice(0, maxVersions) : mockAllVersions,
     });

spec/frontend/design_management/pages/design/index_spec.js

@@ -317,6 +317,8 @@ describe('Design management design index page', () => {
     describe('when no design exists for given version', () => {
       it('redirects to /designs', () => {
         createComponent({ loading: true });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           allVersions: mockAllVersions,
         });

spec/frontend/design_management/pages/index_spec.js

@@ -204,6 +204,8 @@ describe('Design management index page', () => {
     it('renders error', async () => {
       createComponent();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ error: true });
 
       await nextTick();
@@ -381,6 +383,8 @@ describe('Design management index page', () => {
 
     it('updates state appropriately after upload complete', async () => {
       createComponent({ stubs: { GlEmptyState } });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ filesToBeSaved: [{ name: 'test' }] });
 
       wrapper.vm.onUploadDesignDone(designUploadMutationCreatedResponse);
@@ -393,6 +397,8 @@ describe('Design management index page', () => {
 
     it('updates state appropriately after upload error', async () => {
       createComponent({ stubs: { GlEmptyState } });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ filesToBeSaved: [{ name: 'test' }] });
 
       wrapper.vm.onUploadDesignError();

spec/frontend/emoji/components/category_spec.js

@@ -26,6 +26,8 @@ describe('Emoji category component', () => {
   });
 
   it('renders group', async () => {
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     await wrapper.setData({ renderGroup: true });
 
     expect(wrapper.find(EmojiGroup).attributes('rendergroup')).toBe('true');

spec/frontend/emoji/components/emoji_list_spec.js

@@ -28,6 +28,8 @@ async function factory(render, propsData = { searchValue: '' }) {
   await nextTick();
 
   if (render) {
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({ render: true });
 
     // Wait for component to render

spec/frontend/error_tracking/components/error_details_spec.js

@@ -173,6 +173,8 @@ describe('ErrorDetails', () => {
     beforeEach(() => {
       mocks.$apollo.queries.error.loading = false;
       mountComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         error: {
           id: 'gid://gitlab/Gitlab::ErrorTracking::DetailedError/129381',
@@ -203,6 +205,8 @@ describe('ErrorDetails', () => {
       const culprit = '<script>console.log("surprise!")</script>';
       beforeEach(() => {
         store.state.details.loadingStacktrace = false;
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           error: {
             culprit,
@@ -222,6 +226,8 @@ describe('ErrorDetails', () => {
 
     describe('Badges', () => {
       it('should show language and error level badges', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           error: {
             tags: { level: 'error', logger: 'ruby' },
@@ -233,6 +239,8 @@ describe('ErrorDetails', () => {
       });
 
       it('should NOT show the badge if the tag is not present', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           error: {
             tags: { level: 'error' },
@@ -246,6 +254,8 @@ describe('ErrorDetails', () => {
       it.each(Object.keys(severityLevel))(
         'should set correct severity level variant for %s badge',
         (level) => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             error: {
               tags: { level: severityLevel[level] },
@@ -260,6 +270,8 @@ describe('ErrorDetails', () => {
       );
 
       it('should fallback for ERROR severityLevelVariant when severityLevel is unknown', () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           error: {
             tags: { level: 'someNewErrorLevel' },
@@ -408,6 +420,8 @@ describe('ErrorDetails', () => {
 
         it('should show alert with closed issueId', () => {
           const closedIssueId = 123;
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             isAlertVisible: true,
             closedIssueId,
@@ -429,6 +443,8 @@ describe('ErrorDetails', () => {
 
       describe('is present', () => {
         beforeEach(() => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             error: {
               gitlabIssuePath,
@@ -451,6 +467,8 @@ describe('ErrorDetails', () => {
 
       describe('is not present', () => {
         beforeEach(() => {
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             error: {
               gitlabIssuePath: null,
@@ -480,6 +498,8 @@ describe('ErrorDetails', () => {
 
       it('should display a link', () => {
         mocks.$apollo.queries.error.loading = false;
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           error: {
             gitlabCommit,
@@ -493,6 +513,8 @@ describe('ErrorDetails', () => {
 
       it('should not display a link', () => {
         mocks.$apollo.queries.error.loading = false;
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           error: {
             gitlabCommit: null,
@@ -519,6 +541,8 @@ describe('ErrorDetails', () => {
 
       it('should display links to Sentry', async () => {
         mocks.$apollo.queries.error.loading = false;
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           error: {
             firstReleaseVersion,
@@ -535,6 +559,8 @@ describe('ErrorDetails', () => {
 
       it('should display links to GitLab when integrated', async () => {
         mocks.$apollo.queries.error.loading = false;
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({
           error: {
             firstReleaseVersion,
@@ -557,6 +583,8 @@ describe('ErrorDetails', () => {
       jest.spyOn(Tracking, 'event');
       mocks.$apollo.queries.error.loading = false;
       mountComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         error: { externalUrl },
       });

spec/frontend/error_tracking/components/error_tracking_list_spec.js

@@ -396,6 +396,8 @@ describe('ErrorTrackingList', () => {
               GlPagination: false,
             },
           });
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ pageValue: 2 });
           return wrapper.vm.$nextTick();
         });

spec/frontend/ide/components/preview/clientside_spec.js

@@ -73,6 +73,8 @@ describe('IDE clientside preview', () => {
 
   const createInitializedComponent = () => {
     createComponent();
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({
       sandpackReady: true,
       manager: {
@@ -202,6 +204,8 @@ describe('IDE clientside preview', () => {
 
       it('returns false if loading and mainEntry exists', () => {
         createComponent({ getters: { packageJson: dummyPackageJson } });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ loading: true });
 
         expect(wrapper.vm.showPreview).toBe(false);
@@ -209,6 +213,8 @@ describe('IDE clientside preview', () => {
 
       it('returns true if not loading and mainEntry exists', () => {
         createComponent({ getters: { packageJson: dummyPackageJson } });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ loading: false });
 
         expect(wrapper.vm.showPreview).toBe(true);
@@ -218,12 +224,16 @@ describe('IDE clientside preview', () => {
     describe('showEmptyState', () => {
       it('returns true if no mainEntry exists', () => {
         createComponent();
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ loading: false });
         expect(wrapper.vm.showEmptyState).toBe(true);
       });
 
       it('returns false if loading', () => {
         createComponent();
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ loading: true });
 
         expect(wrapper.vm.showEmptyState).toBe(false);
@@ -231,6 +241,8 @@ describe('IDE clientside preview', () => {
 
       it('returns false if not loading and mainEntry exists', () => {
         createComponent({ getters: { packageJson: dummyPackageJson } });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ loading: false });
 
         expect(wrapper.vm.showEmptyState).toBe(false);
@@ -307,6 +319,8 @@ describe('IDE clientside preview', () => {
     describe('update', () => {
       it('initializes manager if manager is empty', () => {
         createComponent({ getters: { packageJson: dummyPackageJson } });
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ sandpackReady: true });
         wrapper.vm.update();
 
@@ -340,6 +354,8 @@ describe('IDE clientside preview', () => {
   describe('template', () => {
     it('renders ide-preview element when showPreview is true', () => {
       createComponent({ getters: { packageJson: dummyPackageJson } });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ loading: false });
 
       return wrapper.vm.$nextTick(() => {
@@ -349,6 +365,8 @@ describe('IDE clientside preview', () => {
 
     it('renders empty state', () => {
       createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ loading: false });
 
       return wrapper.vm.$nextTick(() => {
@@ -360,6 +378,8 @@ describe('IDE clientside preview', () => {
 
     it('renders loading icon', () => {
       createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ loading: true });
 
       return wrapper.vm.$nextTick(() => {

spec/frontend/ide/components/terminal/terminal_spec.js

@@ -128,6 +128,8 @@ describe('IDE Terminal', () => {
         canScrollDown: false,
       });
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ canScrollUp: true, canScrollDown: true });
 
       return nextTick().then(() => {

spec/frontend/invite_members/components/invite_members_modal_spec.js

@@ -474,6 +474,8 @@ describe('InviteMembersModal', () => {
         beforeEach(() => {
           createInviteMembersToGroupWrapper();
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ newUsersToInvite: [user1] });
         });
 
@@ -644,6 +646,8 @@ describe('InviteMembersModal', () => {
         beforeEach(() => {
           createInviteMembersToGroupWrapper();
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ newUsersToInvite: [user3] });
         });
 
@@ -712,6 +716,8 @@ describe('InviteMembersModal', () => {
         it('displays the invalid syntax error if one of the emails is invalid', async () => {
           createInviteMembersToGroupWrapper();
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ newUsersToInvite: [user3, user4] });
           mockInvitationsApi(httpStatus.CREATED, invitationsApiResponse.ERROR_EMAIL_INVALID);
 
@@ -787,6 +793,8 @@ describe('InviteMembersModal', () => {
         beforeEach(() => {
           createInviteMembersToGroupWrapper();
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ newUsersToInvite: [user1, user3] });
 
           mockInvitationsApi(httpStatus.BAD_REQUEST, invitationsApiResponse.EMAIL_INVALID);
@@ -815,6 +823,8 @@ describe('InviteMembersModal', () => {
         beforeEach(() => {
           createComponent({ groupToBeSharedWith: sharedGroup });
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ inviteeType: 'group' });
           wrapper.vm.$toast = { show: jest.fn() };
           jest.spyOn(Api, 'groupShareWithGroup').mockResolvedValue({ data: groupPostData });
@@ -837,6 +847,8 @@ describe('InviteMembersModal', () => {
         beforeEach(() => {
           createInviteGroupToGroupWrapper();
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({ groupToBeSharedWith: sharedGroup });
           wrapper.vm.$toast = { show: jest.fn() };
 

spec/frontend/issuable/components/related_issuable_item_spec.js

@@ -169,6 +169,8 @@ describe('RelatedIssuableItem', () => {
     });
 
     it('renders disabled button when removeDisabled', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ removeDisabled: true });
       await wrapper.vm.$nextTick();
 

spec/frontend/issues/new/components/title_suggestions_spec.js

@@ -38,6 +38,8 @@ describe('Issue title suggestions component', () => {
     });
 
     it('renders component', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData(data);
 
       return wrapper.vm.$nextTick(() => {
@@ -47,6 +49,8 @@ describe('Issue title suggestions component', () => {
 
     it('does not render with empty search', () => {
       wrapper.setProps({ search: '' });
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData(data);
 
       return wrapper.vm.$nextTick(() => {
@@ -55,6 +59,8 @@ describe('Issue title suggestions component', () => {
     });
 
     it('does not render when loading', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         ...data,
         loading: 1,
@@ -66,6 +72,8 @@ describe('Issue title suggestions component', () => {
     });
 
     it('does not render with empty issues data', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ issues: [] });
 
       return wrapper.vm.$nextTick(() => {
@@ -74,6 +82,8 @@ describe('Issue title suggestions component', () => {
     });
 
     it('renders list of issues', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData(data);
 
       return wrapper.vm.$nextTick(() => {
@@ -82,6 +92,8 @@ describe('Issue title suggestions component', () => {
     });
 
     it('adds margin class to first item', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData(data);
 
       return wrapper.vm.$nextTick(() => {
@@ -90,6 +102,8 @@ describe('Issue title suggestions component', () => {
     });
 
     it('does not add margin class to last item', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData(data);
 
       return wrapper.vm.$nextTick(() => {

spec/frontend/jobs/components/table/job_table_app_spec.js

@@ -114,6 +114,8 @@ describe('Job table app', () => {
 
       await wrapper.vm.$nextTick();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         jobs: {
           pageInfo: {

spec/frontend/monitoring/components/charts/time_series_spec.js

@@ -661,6 +661,8 @@ describe('Time series component', () => {
             const commitUrl = `${mockProjectDir}/-/commit/${mockSha}`;
 
             beforeEach(() => {
+              // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+              // eslint-disable-next-line no-restricted-syntax
               wrapper.setData({
                 tooltip: {
                   type: 'deployments',

spec/frontend/monitoring/components/dashboard_spec.js

@@ -792,6 +792,8 @@ describe('Dashboard', () => {
       });
       createShallowWrapper({ hasMetrics: true });
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ hoveredPanel: panelRef });
 
       return wrapper.vm.$nextTick();

spec/frontend/monitoring/components/dashboards_dropdown_spec.js

@@ -38,6 +38,8 @@ describe('DashboardsDropdown', () => {
   const findSearchInput = () => wrapper.find({ ref: 'monitorDashboardsDropdownSearch' });
   const findNoItemsMsg = () => wrapper.find({ ref: 'monitorDashboardsDropdownMsg' });
   const findStarredListDivider = () => wrapper.find({ ref: 'starredListDivider' });
+  // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+  // eslint-disable-next-line no-restricted-syntax
   const setSearchTerm = (searchTerm) => wrapper.setData({ searchTerm });
 
   beforeEach(() => {

spec/frontend/mr_popover/mr_popover_spec.js

@@ -35,6 +35,8 @@ describe('MR Popover', () => {
 
   describe('loaded state', () => {
     it('matches the snapshot', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         mergeRequest: {
           title: 'Updated Title',
@@ -55,6 +57,8 @@ describe('MR Popover', () => {
     });
 
     it('does not show CI Icon if there is no pipeline data', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({
         mergeRequest: {
           state: 'opened',

spec/frontend/notes/components/comment_form_spec.js

@@ -263,6 +263,8 @@ describe('issue_comment_form component', () => {
           jest.spyOn(wrapper.vm, 'stopPolling');
           jest.spyOn(wrapper.vm, 'saveNote').mockResolvedValue();
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           await wrapper.setData({ note: 'hello world' });
 
           await findCommentButton().trigger('click');
@@ -388,6 +390,8 @@ describe('issue_comment_form component', () => {
       it('should enable comment button if it has note', async () => {
         mountComponent();
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         await wrapper.setData({ note: 'Foo' });
 
         expect(findCommentTypeDropdown().props('disabled')).toBe(false);

spec/frontend/notes/components/note_form_spec.js

@@ -257,6 +257,8 @@ describe('issue_note_form component', () => {
       props = { ...props, ...options };
       wrapper = createComponentWrapper();
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ isSubmittingWithKeydown: true });
 
       const textarea = wrapper.find('textarea');

spec/frontend/notifications/components/custom_notifications_modal_spec.js

@@ -88,6 +88,8 @@ describe('CustomNotificationsModal', () => {
       beforeEach(async () => {
         wrapper = createComponent();
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           events: [
             { id: 'new_release', enabled: true, name: 'New release', loading: false },
@@ -211,6 +213,8 @@ describe('CustomNotificationsModal', () => {
 
           wrapper = createComponent({ injectedProperties });
 
+          // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+          // eslint-disable-next-line no-restricted-syntax
           wrapper.setData({
             events: [
               { id: 'new_release', enabled: true, name: 'New release', loading: false },
@@ -239,6 +243,8 @@ describe('CustomNotificationsModal', () => {
         mockAxios.onPut('/api/v4/notification_settings').reply(httpStatus.NOT_FOUND, {});
         wrapper = createComponent();
 
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({
           events: [
             { id: 'new_release', enabled: true, name: 'New release', loading: false },

spec/frontend/packages_and_registries/infrastructure_registry/components/list/components/packages_list_spec.js

@@ -134,6 +134,8 @@ describe('packages_list', () => {
     });
 
     it('deleteItemConfirmation resets itemToBeDeleted', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ itemToBeDeleted: 1 });
       wrapper.vm.deleteItemConfirmation();
       expect(wrapper.vm.itemToBeDeleted).toEqual(null);
@@ -141,6 +143,8 @@ describe('packages_list', () => {
 
     it('deleteItemConfirmation emit package:delete', () => {
       const itemToBeDeleted = { id: 2 };
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ itemToBeDeleted });
       wrapper.vm.deleteItemConfirmation();
       return wrapper.vm.$nextTick(() => {
@@ -149,6 +153,8 @@ describe('packages_list', () => {
     });
 
     it('deleteItemCanceled resets itemToBeDeleted', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ itemToBeDeleted: 1 });
       wrapper.vm.deleteItemCanceled();
       expect(wrapper.vm.itemToBeDeleted).toEqual(null);
@@ -194,6 +200,8 @@ describe('packages_list', () => {
     beforeEach(() => {
       mountComponent();
       eventSpy = jest.spyOn(Tracking, 'event');
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ itemToBeDeleted: { package_type: 'conan' } });
     });
 

spec/frontend/profile/account/components/update_username_spec.js

@@ -79,6 +79,8 @@ describe('UpdateUsername component', () => {
 
     beforeEach(async () => {
       createComponent();
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ newUsername });
 
       await wrapper.vm.$nextTick();

spec/frontend/projects/commits/components/author_select_spec.js

@@ -65,6 +65,8 @@ describe('Author Select', () => {
 
   describe('user is searching via "filter by commit message"', () => {
     it('disables dropdown container', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ hasSearchParam: true });
 
       return wrapper.vm.$nextTick().then(() => {
@@ -73,6 +75,8 @@ describe('Author Select', () => {
     });
 
     it('has correct tooltip message', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ hasSearchParam: true });
 
       return wrapper.vm.$nextTick().then(() => {
@@ -83,6 +87,8 @@ describe('Author Select', () => {
     });
 
     it('disables dropdown', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ hasSearchParam: false });
 
       return wrapper.vm.$nextTick().then(() => {
@@ -103,6 +109,8 @@ describe('Author Select', () => {
     });
 
     it('displays the current selected author', () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ currentAuthor });
 
       return wrapper.vm.$nextTick().then(() => {
@@ -156,6 +164,8 @@ describe('Author Select', () => {
         isChecked: true,
       };
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ currentAuthor });
 
       return wrapper.vm.$nextTick().then(() => {

spec/frontend/projects/compare/components/revision_dropdown_legacy_spec.js

@@ -101,6 +101,8 @@ describe('RevisionDropdown component', () => {
       const findGlDropdownItems = () => wrapper.findAll(GlDropdownItem);
       const findFirstGlDropdownItem = () => findGlDropdownItems().at(0);
 
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ branches: ['some-branch'] });
 
       await wrapper.vm.$nextTick();

spec/frontend/repository/components/blob_content_viewer_spec.js

@@ -83,6 +83,8 @@ const createComponent = async (mockData = {}, mountFn = shallowMount) => {
     }),
   );
 
+  // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+  // eslint-disable-next-line no-restricted-syntax
   wrapper.setData({ project, isBinary });
 
   await waitForPromises();

spec/frontend/repository/components/breadcrumbs_spec.js

@@ -75,6 +75,8 @@ describe('Repository breadcrumbs component', () => {
   it('does not render add to tree dropdown when permissions are false', async () => {
     factory('/', { canCollaborate: false });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({ userPermissions: { forkProject: false, createMergeRequestIn: false } });
 
     await wrapper.vm.$nextTick();
@@ -100,6 +102,8 @@ describe('Repository breadcrumbs component', () => {
   it('renders add to tree dropdown when permissions are true', async () => {
     factory('/', { canCollaborate: true });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     wrapper.setData({ userPermissions: { forkProject: true, createMergeRequestIn: true } });
 
     await wrapper.vm.$nextTick();
@@ -117,6 +121,8 @@ describe('Repository breadcrumbs component', () => {
     });
 
     it('renders the modal once loaded', async () => {
+      // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+      // eslint-disable-next-line no-restricted-syntax
       wrapper.setData({ $apollo: { queries: { userPermissions: { loading: false } } } });
 
       await wrapper.vm.$nextTick();
@@ -139,6 +145,8 @@ describe('Repository breadcrumbs component', () => {
       });
 
       it('renders the modal once loaded', async () => {
+        // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+        // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ $apollo: { queries: { userPermissions: { loading: false } } } });
 
         await wrapper.vm.$nextTick();

spec/frontend/repository/components/last_commit_spec.js

@@ -43,6 +43,8 @@ function factory(commit = createCommitData(), loading = false) {
       },
     },
   });
+  // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+  // eslint-disable-next-line no-restricted-syntax
   vm.setData({ commit });
   vm.vm.$apollo.queries.commit.loading = loading;
 }

spec/frontend/repository/components/preview/index_spec.js

@@ -34,6 +34,8 @@ describe('Repository file preview component', () => {
       name: 'README.md',
     });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     vm.setData({ readme: { html: '<div class="blob">test</div>' } });
 
     return vm.vm.$nextTick(() => {
@@ -47,6 +49,8 @@ describe('Repository file preview component', () => {
       name: 'README.md',
     });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     vm.setData({ readme: { html: '<div class="blob">test</div>' } });
 
     return vm.vm
@@ -63,6 +67,8 @@ describe('Repository file preview component', () => {
       name: 'README.md',
     });
 
+    // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
+    // eslint-disable-next-line no-restricted-syntax
     vm.setData({ loading: 1 });
 
     return vm.vm.$nextTick(() => {