Fix broken test

2 files changed, 22 insertions, 7 deletions

diff --git a/app/assets/javascripts/environments/components/environment_stop.js.es6 b/app/assets/javascripts/environments/components/environment_stop.js.es6
index bfcca40f8c0..2c732e50180 100644
--- a/app/assets/javascripts/environments/components/environment_stop.js.es6
+++ b/app/assets/javascripts/environments/components/environment_stop.js.es6
@@ -13,16 +13,11 @@
       },
     },
 
-    methods: {
-      openConfirmDialog() {
-        return window.confirm('Are you sure you want to stop this environment?'); // eslint-disable-line
-      },
-    },
-
     template: `
-      <a v-on:click="openConfirmDialog"
+      <a
         class="btn stop-env-link"
         :href="stop_url"
+        data-confirm="Are you sure you want to stop this environment?"
         data-method="post"
         rel="nofollow">
         <i class="fa fa-stop stop-env-icon"></i>
diff --git a/spec/javascripts/environments/environment_stop_spec.js.es6 b/spec/javascripts/environments/environment_stop_spec.js.es6
index 37fba925e16..3502914dbd6 100644
--- a/spec/javascripts/environments/environment_stop_spec.js.es6
+++ b/spec/javascripts/environments/environment_stop_spec.js.es6
@@ -16,4 +16,24 @@ describe('Stop Component', () => {
     });
     expect(component.$el.getAttribute('href')).toEqual(stopURL);
   });
+
+  describe('When clicked', () => {
+    it('Should open popup with confirmation warning', () => {
+      const component = new window.gl.environmentsList.StopComponent({
+        el: document.querySelector('.test-dom-element'),
+        propsData: {
+          stop_url: '#',
+        },
+      });
+
+      let opened = false;
+
+      spyOn(window, 'confirm').and.callFake(function () {
+        opened = true;
+        expect(opened).toEqual(true);
+        return false;
+      });
+      component.$el.click();
+    });
+  });
 });