Adding tests

Author: David-Desmaisons

package-lock.json

@@ -24,8 +24,7 @@
     "component"
   ],
   "dependencies": {
-    "sortablejs": "^1.8.3",
-    "vue": "^2.5.22"
+    "sortablejs": "^1.8.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.4.0",
@@ -45,9 +44,11 @@
     "eslint-plugin-vue": "^5.0.0",
     "font-awesome": "^4.7.0",
     "jquery": "^3.3.1",
+    "vue": "^2.6.8",
     "vue-cli-plugin-component": "^1.10.5",
     "vue-router": "^3.0.2",
-    "vue-template-compiler": "^2.5.21"
+    "vue-server-renderer": "^2.6.8",
+    "vue-template-compiler": "^2.6.8"
   },
   "eslintConfig": {
     "root": true,

package.json

@@ -2,7 +2,26 @@
  * @jest-environment node
  */
 
-test('draggable can be required in a node environment', () => {
-  const draggable = require("@/vuedraggable");
-  expect(draggable).not.toBeNull();
-});
+const Vue = require('vue');
+const renderer = require('vue-server-renderer').createRenderer();
+const draggable = require("@/vuedraggable").default;
+Vue.component('draggable', draggable);
+const app = new Vue({
+  name: "test-app",
+  template: `<draggable :list="items"><div v-for="item in items" :key="item"></div></draggable>`,
+  data:{
+    items:["a","b","c"]
+  }
+});
+
+let html;
+
+describe("vuedraggable in a SSR context", () => {
+  beforeEach(async () => {
+    html = await renderer.renderToString(app);
+  });
+
+  it("can be rendered", () => {
+    expect(html).not.toBeNull();
+  })
+})