fixed some bugs around with the template dropdowns

2 files changed, 8 insertions, 8 deletions

diff --git a/spec/javascripts/ide/components/file_templates/bar_spec.js b/spec/javascripts/ide/components/file_templates/bar_spec.js
index ceafedbf9d7..93ccb5d7f72 100644
--- a/spec/javascripts/ide/components/file_templates/bar_spec.js
+++ b/spec/javascripts/ide/components/file_templates/bar_spec.js
@@ -1,7 +1,7 @@
 import Vue from 'vue';
 import { createStore } from '~/ide/stores';
 import Bar from '~/ide/components/file_templates/bar.vue';
-import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
+import { mountComponentWithStore } from 'spec/helpers/vue_mount_component_helper';
 import { resetStore, file } from '../../helpers';
 
 describe('IDE file templates bar component', () => {
@@ -21,7 +21,7 @@ describe('IDE file templates bar component', () => {
       active: true,
     });
 
-    vm = createComponentWithStore(Component, store).$mount();
+    vm = mountComponentWithStore(Component, { store });
   });
 
   afterEach(() => {
@@ -35,7 +35,7 @@ describe('IDE file templates bar component', () => {
     });
 
     it('calls setSelectedTemplateType when clicking item', () => {
-      spyOn(vm, 'setSelectedTemplateType');
+      spyOn(vm, 'setSelectedTemplateType').and.stub();
 
       vm.$el.querySelector('.dropdown-content button').click();
 
@@ -66,7 +66,7 @@ describe('IDE file templates bar component', () => {
     });
 
     it('calls fetchTemplate on click', () => {
-      spyOn(vm, 'fetchTemplate');
+      spyOn(vm, 'fetchTemplate').and.stub();
 
       vm.$el
         .querySelectorAll('.dropdown-content')[1]
@@ -90,7 +90,7 @@ describe('IDE file templates bar component', () => {
   });
 
   it('calls undoFileTemplate when clicking undo button', () => {
-    spyOn(vm, 'undoFileTemplate');
+    spyOn(vm, 'undoFileTemplate').and.stub();
 
     vm.$el.querySelector('.btn-default').click();
 
diff --git a/spec/javascripts/ide/components/file_templates/dropdown_spec.js b/spec/javascripts/ide/components/file_templates/dropdown_spec.js
index db824cfab6e..0096156dcc6 100644
--- a/spec/javascripts/ide/components/file_templates/dropdown_spec.js
+++ b/spec/javascripts/ide/components/file_templates/dropdown_spec.js
@@ -32,7 +32,7 @@ describe('IDE file templates dropdown component', () => {
     });
 
     it('calls async store method on Bootstrap dropdown event', () => {
-      spyOn(vm, 'fetchTemplateTypes');
+      spyOn(vm, 'fetchTemplateTypes').and.stub();
 
       $(vm.$el).trigger('show.bs.dropdown');
 
@@ -91,7 +91,7 @@ describe('IDE file templates dropdown component', () => {
     });
 
     it('calls clickItem on click', done => {
-      spyOn(vm, 'clickItem');
+      spyOn(vm, 'clickItem').and.stub();
 
       vm.$store.state.fileTemplates.templates = [
         {
@@ -158,7 +158,7 @@ describe('IDE file templates dropdown component', () => {
     });
 
     it('calls clickItem on click', done => {
-      spyOn(vm, 'clickItem');
+      spyOn(vm, 'clickItem').and.stub();
 
       vm.$nextTick(() => {
         vm.$el.querySelector('.dropdown-content button').click();