1 files changed, 30 insertions, 0 deletions
diff --git a/spec/javascripts/pipelines/graph/dropdown_action_component_spec.js b/spec/javascripts/pipelines/graph/dropdown_action_component_spec.js
new file mode 100644
index 00000000000..14ff1b0d25c
--- /dev/null
+++ b/spec/javascripts/pipelines/graph/dropdown_action_component_spec.js
@@ -0,0 +1,30 @@
+import Vue from 'vue';
+import dropdownActionComponent from '~/pipelines/components/graph/dropdown_action_component.vue';
+
+describe('action component', () => {
+  let component;
+
+  beforeEach(() => {
+    const DropdownActionComponent = Vue.extend(dropdownActionComponent);
+    component = new DropdownActionComponent({
+      propsData: {
+        tooltipText: 'bar',
+        link: 'foo',
+        actionMethod: 'post',
+        actionIcon: 'icon_action_cancel',
+      },
+    }).$mount();
+  });
+
+  it('should render a link', () => {
+    expect(component.$el.getAttribute('href')).toEqual('foo');
+  });
+
+  it('should render the provided title as a bootstrap tooltip', () => {
+    expect(component.$el.getAttribute('data-original-title')).toEqual('bar');
+  });
+
+  it('should render an svg', () => {
+    expect(component.$el.querySelector('svg')).toBeDefined();
+  });
+});