1 files changed, 38 insertions, 0 deletions
diff --git a/tests/unit/Global/StatusIcon.spec.js b/tests/unit/Global/StatusIcon.spec.js
new file mode 100644
index 00000000..0fc8b7c9
--- /dev/null
+++ b/tests/unit/Global/StatusIcon.spec.js
@@ -0,0 +1,38 @@
+import { mount, createLocalVue } from '@vue/test-utils';
+import StatusIcon from '@/components/Global/StatusIcon';
+
+const localVue = createLocalVue();
+
+describe('StatusIcon.vue', () => {
+  const wrapper = mount(StatusIcon, {
+    localVue,
+    propsData: {
+      status: 'info',
+    },
+  });
+  it('should exist', () => {
+    expect(wrapper.exists()).toBe(true);
+  });
+  it('should render icon-info element', () => {
+    expect(wrapper.find('.info').exists()).toBe(true);
+  });
+  it('should render icon-success element', async () => {
+    await wrapper.setProps({ status: 'success' });
+    expect(wrapper.find('.success').exists()).toBe(true);
+  });
+  it('should render icon-warning element', async () => {
+    await wrapper.setProps({ status: 'warning' });
+    expect(wrapper.find('.warning').exists()).toBe(true);
+  });
+  it('should render icon-danger element', async () => {
+    await wrapper.setProps({ status: 'danger' });
+    expect(wrapper.find('.danger').exists()).toBe(true);
+  });
+  it('should render icon-secondary element', async () => {
+    await wrapper.setProps({ status: 'secondary' });
+    expect(wrapper.find('.status-icon').exists()).toBe(true);
+  });
+  it('should render correctly', () => {
+    expect(wrapper.element).toMatchSnapshot();
+  });
+});