1 files changed, 27 insertions, 0 deletions
diff --git a/spec/javascripts/pipelines/graph/job_name_component_spec.js b/spec/javascripts/pipelines/graph/job_name_component_spec.js
new file mode 100644
index 00000000000..8e2071ba0b3
--- /dev/null
+++ b/spec/javascripts/pipelines/graph/job_name_component_spec.js
@@ -0,0 +1,27 @@
+import Vue from 'vue';
+import jobNameComponent from '~/pipelines/components/graph/job_name_component.vue';
+
+describe('job name component', () => {
+  let component;
+
+  beforeEach(() => {
+    const JobNameComponent = Vue.extend(jobNameComponent);
+    component = new JobNameComponent({
+      propsData: {
+        name: 'foo',
+        status: {
+          icon: 'icon_status_success',
+        },
+      },
+    }).$mount();
+  });
+
+  it('should render the provided name', () => {
+    expect(component.$el.querySelector('.ci-status-text').textContent.trim()).toEqual('foo');
+  });
+
+  it('should render an icon with the provided status', () => {
+    expect(component.$el.querySelector('.ci-status-icon-success')).toBeDefined();
+    expect(component.$el.querySelector('.ci-status-icon-success svg')).toBeDefined();
+  });
+});