Merge branch '506235-vue3-migration-item_spec' into 'master'

Fix Vue 3 failing test item_spec

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/173793



Merged-by: Rahul Chanila <rchanila@gitlab.com>
Approved-by: Lindsey Shelton <lshelton@gitlab.com>
Approved-by: Rahul Chanila <rchanila@gitlab.com>
Co-authored-by: Artur Fedorov <afedorov@gitlab.com>

app/assets/javascripts/ide/ide_router.js

@@ -31,7 +31,7 @@ Vue.use(IdeRouter);
 
 // Unfortunately Vue Router doesn't work without at least a fake component
 // If you do only data handling
-const EmptyRouterComponent = {
+export const EmptyRouterComponent = {
   render(createElement) {
     return createElement('div');
   },

scripts/frontend/quarantined_vue3_specs.txt

@@ -223,7 +223,6 @@ spec/frontend/glql/core/presenter_spec.js
 spec/frontend/groups/components/group_name_and_path_spec.js
 spec/frontend/groups/components/transfer_group_form_spec.js
 spec/frontend/helpers/init_simple_app_helper_spec.js
-spec/frontend/ide/components/branches/item_spec.js
 spec/frontend/ide/components/commit_sidebar/list_item_spec.js
 spec/frontend/ide/components/commit_sidebar/message_field_spec.js
 spec/frontend/ide/components/merge_requests/item_spec.js

spec/frontend/ide/components/branches/item_spec.js

 import { GlIcon } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
 import Item from '~/ide/components/branches/item.vue';
-import { createRouter } from '~/ide/ide_router';
+import { createRouter, EmptyRouterComponent } from '~/ide/ide_router';
 import { createStore } from '~/ide/stores';
 import Timeago from '~/vue_shared/components/time_ago_tooltip.vue';
 import { projectData } from '../../mock_data';
@@ -32,6 +32,10 @@ describe('IDE branch item', () => {
   beforeEach(() => {
     store = createStore();
     router = createRouter(store);
+    router.addRoute({
+      path: '/',
+      component: EmptyRouterComponent,
+    });
   });
 
   describe('if not active', () => {