Improving tests

Author: David-Desmaisons

tests/unit/helper/FakeFunctionalComponent.js

@@ -0,0 +1,13 @@
+export default {
+  name: "FakeFunctional",
+  functional:true,
+  props: {
+    prop1: {
+      type: String,
+      default: "string"
+    }
+  },
+  render(createElement, context) {
+    return createElement('button', 'Click me');
+  }
+}

tests/unit/vuedraggable.spec.js

@@ -10,6 +10,8 @@ Sortable.mockImplementation(() => SortableFake);
 import draggable from "@/vuedraggable";
 import Vue from "vue";
 import Fake from "./helper/FakeComponent.js"
+import FakeFunctional from "./helper/FakeFunctionalComponent.js"
+
 
 let wrapper;
 let vm;
@@ -190,18 +192,28 @@ describe("draggable.vue when initialized with list", () => {
     expect(wrapper.html()).toEqual(initialRender);
   })
 
-  test.each([
+  describe.each([
     "ul",
     "span",
     "div"
   ])(
-    "renders tag %s as root element",
+    "considering a tag %s",
     (tag) => {
-      wrapper = shallowMount(draggable, {
-        propsData: { tag }
+      beforeEach(() => {
+        wrapper = shallowMount(draggable, {
+          propsData: { tag }
+        });
       });
-      const expectedRegex = new RegExp(`^<${tag}>.*<\/${tag}>$`);
-      expect(wrapper.html()).toMatch(expectedRegex);
+
+      it("renders tag as root element", () => {
+        const expectedRegex = new RegExp(`^<${tag}>.*<\/${tag}>$`);
+        expect(wrapper.html()).toMatch(expectedRegex);
+      })
+
+      it("set noneFunctionalComponentMode to false ", () => {
+        const { noneFunctionalComponentMode } = vm;
+        expect(noneFunctionalComponentMode).toBe(false);
+      })
     }
   )