1 files changed, 40 insertions, 0 deletions
diff --git a/spec/frontend/environments/environment_stop_spec.js b/spec/frontend/environments/environment_stop_spec.js
new file mode 100644
index 00000000000..ab714728311
--- /dev/null
+++ b/spec/frontend/environments/environment_stop_spec.js
@@ -0,0 +1,40 @@
+import $ from 'jquery';
+import { shallowMount } from '@vue/test-utils';
+import StopComponent from '~/environments/components/environment_stop.vue';
+import LoadingButton from '~/vue_shared/components/loading_button.vue';
+import eventHub from '~/environments/event_hub';
+
+$.fn.tooltip = () => {};
+
+describe('Stop Component', () => {
+  let wrapper;
+
+  const createWrapper = () => {
+    wrapper = shallowMount(StopComponent, {
+      sync: false,
+      attachToDocument: true,
+      propsData: {
+        environment: {},
+      },
+    });
+  };
+
+  const findButton = () => wrapper.find(LoadingButton);
+
+  beforeEach(() => {
+    jest.spyOn(window, 'confirm');
+
+    createWrapper();
+  });
+
+  it('should render a button to stop the environment', () => {
+    expect(findButton().exists()).toBe(true);
+    expect(wrapper.attributes('data-original-title')).toEqual('Stop environment');
+  });
+
+  it('emits requestStopEnvironment in the event hub when button is clicked', () => {
+    jest.spyOn(eventHub, '$emit');
+    findButton().vm.$emit('click');
+    expect(eventHub.$emit).toHaveBeenCalledWith('requestStopEnvironment', wrapper.vm.environment);
+  });
+});