Fix select2 import for project import app namespace select

app/assets/javascripts/vue_shared/components/select2_select.vue

@@ -1,5 +1,6 @@
 <script>
 import $ from 'jquery';
+import 'select2/select2';
 
 export default {
   name: 'Select2Select',

spec/javascripts/import_projects/components/provider_repo_table_row_spec.js

@@ -49,6 +49,19 @@ describe('ProviderRepoTableRow', () => {
     expect(vm.$el.querySelector('.js-import-button')).not.toBeNull();
   });
 
+  it('renders a select2 namespace select', () => {
+    vm = createComponent();
+
+    const dropdownTrigger = vm.$el.querySelector('.js-namespace-select');
+
+    expect(dropdownTrigger).not.toBeNull();
+    expect(dropdownTrigger.classList.contains('select2-container')).toBe(true);
+
+    dropdownTrigger.click();
+
+    expect(vm.$el.querySelector('.select2-drop')).not.toBeNull();
+  });
+
   it('imports repo when clicking import button', done => {
     const importPath = '/import-path';
     const defaultTargetNamespace = 'user';