Merge branch 'xanf-remove-localVue-195864' into 'master'

Remove incorrect localVue usage in ee/spec/frontend

Closes #195864

See merge request gitlab-org/gitlab!22617

ee/spec/frontend/analytics/productivity_analytics/components/app_spec.js

@@ -34,7 +34,7 @@ describe('ProductivityApp component', () => {
   const mainChartData = { 1: 2, 2: 3 };
 
   const createComponent = (scatterplotEnabled = true) => {
-    wrapper = shallowMount(localVue.extend(ProductivityApp), {
+    wrapper = shallowMount(ProductivityApp, {
       localVue,
       store,
       sync: false,

ee/spec/frontend/analytics/productivity_analytics/components/filter_dropdowns_spec.js

@@ -23,7 +23,7 @@ describe('FilterDropdowns component', () => {
   const projectId = 10;
 
   beforeEach(() => {
-    wrapper = shallowMount(localVue.extend(FilterDropdowns), {
+    wrapper = shallowMount(FilterDropdowns, {
       localVue,
       store,
       sync: false,

ee/spec/frontend/approvals/components/modal_rule_remove_spec.js

@@ -37,7 +37,7 @@ describe('Approvals ModalRuleRemove', () => {
       ...options.propsData,
     };
 
-    wrapper = shallowMount(localVue.extend(ModalRuleRemove), {
+    wrapper = shallowMount(ModalRuleRemove, {
       ...options,
       localVue,
       store,

ee/spec/frontend/environments_dashboard/components/dashboard_spec.js

@@ -14,7 +14,6 @@ const localVue = createLocalVue();
 localVue.use(Vuex);
 
 describe('dashboard', () => {
-  const Component = localVue.extend(component);
   let actionSpies;
   const store = createStore();
   let wrapper;
@@ -38,7 +37,7 @@ describe('dashboard', () => {
       emptyDashboardHelpPath: '/help/user/operations_dashboard/index.html',
     };
 
-    wrapper = shallowMount(Component, {
+    wrapper = shallowMount(component, {
       propsData,
       localVue,
       store,

ee/spec/frontend/feature_flags/components/edit_feature_flag_spec.js

@@ -22,7 +22,7 @@ describe('Edit feature flag form', () => {
   });
 
   const factory = () => {
-    wrapper = shallowMount(localVue.extend(EditFeatureFlag), {
+    wrapper = shallowMount(EditFeatureFlag, {
       localVue,
       propsData: {
         endpoint: `${TEST_HOST}/feature_flags.json'`,

ee/spec/frontend/subscriptions/new/components/checkout/components/step_spec.js

@@ -22,7 +22,7 @@ describe('Step', () => {
   };
 
   const factory = propsData => {
-    wrapper = shallowMount(localVue.extend(component), {
+    wrapper = shallowMount(component, {
       store,
       propsData: { ...initialProps, ...propsData },
       localVue,

ee/spec/frontend/threat_monitoring/components/waf_statistics_summary_spec.js

-import { createLocalVue, shallowMount } from '@vue/test-utils';
+import { shallowMount } from '@vue/test-utils';
 import { GlSingleStat } from '@gitlab/ui/dist/charts';
 import createStore from 'ee/threat_monitoring/store';
 import WafStatisticsSummary from 'ee/threat_monitoring/components/waf_statistics_summary.vue';
 import { mockWafStatisticsResponse } from '../mock_data';
 
-const localVue = createLocalVue();
-
 describe('WafStatisticsSummary component', () => {
   let store;
   let wrapper;
@@ -15,7 +13,6 @@ describe('WafStatisticsSummary component', () => {
     Object.assign(store.state.threatMonitoring, state);
 
     wrapper = shallowMount(WafStatisticsSummary, {
-      localVue,
       store,
       sync: false,
     });

spec/frontend/diffs/components/settings_dropdown_spec.js

@@ -25,7 +25,7 @@ describe('Diff settiings dropdown component', () => {
 
     extendStore(store);
 
-    vm = mount(localVue.extend(SettingsDropdown), {
+    vm = mount(SettingsDropdown, {
       localVue,
       store,
       sync: false,

spec/frontend/frequent_items/components/frequent_items_search_input_spec.js

-import { shallowMount, createLocalVue } from '@vue/test-utils';
+import { shallowMount } from '@vue/test-utils';
 import searchComponent from '~/frequent_items/components/frequent_items_search_input.vue';
 import eventHub from '~/frequent_items/event_hub';
 
-const localVue = createLocalVue();
-
 const createComponent = (namespace = 'projects') =>
-  shallowMount(localVue.extend(searchComponent), {
+  shallowMount(searchComponent, {
     propsData: { namespace },
-    localVue,
     sync: false,
   });
 
@@ -42,7 +39,7 @@ describe('FrequentItemsSearchInputComponent', () => {
       jest.spyOn(eventHub, '$on').mockImplementation(() => {});
       const vmX = createComponent().vm;
 
-      localVue.nextTick(() => {
+      vmX.$nextTick(() => {
         expect(eventHub.$on).toHaveBeenCalledWith(
           `${vmX.namespace}-dropdownOpen`,
           expect.any(Function),
@@ -60,7 +57,7 @@ describe('FrequentItemsSearchInputComponent', () => {
       vmX.$mount();
       vmX.$destroy();
 
-      localVue.nextTick(() => {
+      vmX.$nextTick(() => {
         expect(eventHub.$off).toHaveBeenCalledWith(
           `${vmX.namespace}-dropdownOpen`,
           expect.any(Function),