test: added tests

Javier Diaz · Javier Diaz · commit a4e58298997f · 2019-07-20T18:07:15.000-05:00
diff --git a/tests/unit/StatusIndicator.spec.js b/tests/unit/StatusIndicator.spec.js
@@ -0,0 +1,62 @@
+import { shallowMount } from '@vue/test-utils';
+import StatusIndicator from '../../packages/StatusIndicator/src/main.vue';
+
+const vm = shallowMount(StatusIndicator);
+
+// Helper function to create a component
+const createComponent = propsData => shallowMount(StatusIndicator, { propsData });
+
+describe('VueStatusIndicator.vue', () => {
+  let cmp;
+  it('has a mounted hook', () => {
+    expect(typeof StatusIndicator.mounted).toBe('function');
+  });
+
+  it('should match the snapshot', () => {
+    expect(vm.$el).toMatchSnapshot();
+  });
+
+  describe('Properties', () => {
+    it('should be showed with the default color if the status prop not set', () => {
+      cmp = createComponent();
+      expect(cmp.vm.status).toBe('');
+      expect(cmp.vm.$el.active).toBe(undefined);
+    });
+
+    it('should be showed with the active color if the status prop is set', () => {
+      cmp = createComponent({ status: 'active' });
+      expect(cmp.vm.status).toBe('active');
+      expect(cmp.vm.$el.active).toBe('');
+    });
+
+    it('should be showed with the positive color if the status prop is set', () => {
+      cmp = createComponent({ status: 'positive' });
+      expect(cmp.vm.status).toBe('positive');
+      expect(cmp.vm.$el.positive).toBe('');
+    });
+
+    it('should be showed with the intermediary color if the status prop is set', () => {
+      cmp = createComponent({ status: 'intermediary' });
+      expect(cmp.vm.status).toBe('intermediary');
+      expect(cmp.vm.$el.intermediary).toBe('');
+    });
+
+    it('should be showed with the negative color if the status prop is set', () => {
+      cmp = createComponent({ status: 'negative' });
+      expect(cmp.vm.status).toBe('negative');
+      expect(cmp.vm.$el.negative).toBe('');
+    });
+
+    it('should be showed without pulse effect when the pulse prop is false by default', () => {
+      cmp = createComponent();
+      expect(cmp.vm.status).toBeFalsy();
+      expect(cmp.vm.$el.pulse).toBe(undefined);
+    });
+
+    it('should be showed with pulse effect when the pulse prop is false by default', () => {
+      cmp = createComponent({ pulse: true });
+      expect(cmp.vm.pulse).toBeTruthy();
+      expect(cmp.vm.$el.pulse).toBe('');
+    });
+  });
+});
diff --git a/tests/unit/__snapshots__/StatusIndicator.spec.js.snap b/tests/unit/__snapshots__/StatusIndicator.spec.js.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VueStatusIndicator.vue should match the snapshot 1`] = `undefined`;

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+// Jest Snapshot v1, https://goo.gl/fbAQLP`
	`2`	`+`
	`3`	+exports[`VueStatusIndicator.vue should match the snapshot 1`] = `undefined`;