fix: add tests for Counter component

Author: CodesOfRa

ui/src/components/Counter/__tests__/Counter.test.ts

@@ -0,0 +1,32 @@
+import {mount} from "@vue/test-utils";
+import {Counter} from "../";
+
+describe("Counter", () => {
+    const infoCounter = mount(Counter, {
+        propsData: {
+            type: "info",
+            value: 44,
+            ariaLabel: "Counter"
+        }
+    });
+    const notCounter = mount(Counter, {
+        propsData: {
+            type: "notification"
+        }
+    });
+    it("renders correctly", () => {
+        expect(infoCounter.element).toMatchSnapshot();
+        expect(notCounter.element).toMatchSnapshot();
+    });
+    it("renders type correctly", () => {
+        expect(infoCounter.classes("fd-counter")).toBe(true);
+        expect(notCounter.classes("fd-counter--notification")).toBe(true);
+    });
+    it("renders value correctly", () => {
+        expect(infoCounter.props().value).toBe(44);
+        expect(notCounter.props().value).toBe(0);
+    });
+    it("renders ariaLabel correctly", () => {
+        expect(infoCounter.props().ariaLabel).toBe("Counter");
+    });
+});

ui/src/components/Counter/__tests__/__snapshots__/Counter.test.ts.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Counter renders correctly 1`] = `
+<span
+  arialabel="Counter"
+  class="fd-counter"
+>
+  44
+</span>
+`;
+
+exports[`Counter renders correctly 2`] = `
+<span
+  class="fd-counter fd-counter--notification"
+>
+  0
+</span>
+`;