Improving tests

Author: David-Desmaisons

package.json

@@ -95,7 +95,10 @@
     "testMatch": [
       "**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"
     ],
-    "testURL": "http://localhost/"
+    "testURL": "http://localhost/",
+    "collectCoverageFrom": [
+      "<rootDir>/src/vuedraggable.js"
+    ]
   },
   "files": [
     "dist/*.css",

tests/unit/helper/FakeComponent.js

@@ -0,0 +1,10 @@
+export default {
+  name: "Fake",
+  props: {
+    prop1: {
+      type: String,
+      default: "string"
+    }
+  },
+  template: "<div>{{prop1}}</div>"
+}

tests/unit/vuedraggable.spec.js

@@ -1,4 +1,4 @@
-import { shallowMount } from "@vue/test-utils";
+import { mount, shallowMount } from "@vue/test-utils";
 import Sortable from "sortablejs";
 jest.genMockFromModule('sortablejs');
 jest.mock('sortablejs');
@@ -7,12 +7,14 @@ const SortableFake = {
 Sortable.mockImplementation(() => SortableFake);
 import draggable from "@/vuedraggable";
 import Vue from "vue";
+import Fake from "./helper/FakeComponent.js"
 
 let wrapper;
 let vm;
 let props;
 let items;
 let element;
+let input;
 
 describe("draggable.vue", () => {
   beforeEach(() => {
@@ -123,6 +125,46 @@ describe("draggable.vue", () => {
     }
   )
 
+  describe("when using component as tag", () => {
+    beforeEach(() => {
+      input = jest.fn();
+      wrapper = mount(draggable, {
+        propsData: {
+          tag: "child",
+          componentData: {
+            on: {
+              input
+            },
+            props: {
+              prop1: "info",
+              prop2: true
+            }
+          }
+        },
+        stubs: {
+          child: Fake
+        }
+      });
+    });
+
+    it("instantiate child component", async () => {
+      const child = wrapper.find(Fake);
+      expect(child).not.toBeNull();
+    })
+
+    it("pass data to tag child", async () => {
+      const fakeChild = wrapper.find(Fake);
+      expect(fakeChild.props("prop1")).toEqual("info");
+    })
+
+    it("pass data to tag child", async () => {
+      const child = wrapper.find(Fake);
+      const evt = { data: 33 };
+      child.vm.$emit('input', evt);
+      expect(input).toHaveBeenCalledWith(evt);
+    })
+  });
+
   it("keeps a reference to Sortable instance", () => {
     expect(vm._sortable).toBe(SortableFake);
   })