setup unit test jest

.babelrc

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    ["env", { "modules": false }]
+
+  ],
+  "env": {
+    "test": {
+      "presets": [
+        ["env", { "targets": { "node": "current" }}]
+      ]
+    }
+  }
+}

app/app.ts

@@ -19,8 +19,7 @@ if (isAndroid) {
 }
 
 /* CONFIG NS-VUE */
-declare let __DEV__: boolean;
-Vue.config.silent = !__DEV__;
+Vue.config.silent = false;
 Vue.config.suppressRenderLogs = true;
 
 /* REGISTER ELEMENTS */

app/components/NSButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <AbsoluteLayout @tap="!disabled ? $emit('tap') : ''">
+  <AbsoluteLayout id="ns-button" @tap="!disabled ? $emit('tap') : ''">
     <FlexboxLayout
       :disabled="disabled"
       :class="[background]"
@@ -26,11 +26,11 @@
     </FlexboxLayout>
   </AbsoluteLayout>
 </template>
+<script lang="ts">
+import Vue from "nativescript-vue";
+import Loading from "~/components/Loading.vue";
 
-<script>
-import Loading from "~/components/Loading";
-
-export default {
+export default Vue.extend({
   name: "NSButton",
   components: { Loading },
   props: {
@@ -65,7 +65,7 @@ export default {
       return this.primary ? "bg-primary" : "";
     },
   },
-};
+});
 </script>
 
 <style></style>

jest.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+  verbose: true,
+  moduleFileExtensions: ["ts", "js", "json", "vue"],
+  transform: {
+    ".*\\.(vue)$": "@vue/vue2-jest",
+    "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
+    "^.+\\.tsx?$": "ts-jest",
+  },
+  moduleNameMapper: {
+    "^@/(.*)": "<rootDir>/app/$1",
+    "^~/(.*)": "<rootDir>/app/$1",
+  },
+  roots: ["<rootDir>/tests/"],
+  testEnvironment: "jsdom",
+  setupFiles: ["<rootDir>/tests/setup.ts"],
+};
+
+/*  collectCoverage: false,
+collectCoverageFrom: ["app/!**!/!*.{js,vue,ts}", "!**!/node_modules/!**"],
+coverageReporters: ["html", "text-summary"],*/
+/*  preset: "ts-jest/presets/js-with-ts",
+transformIgnorePatterns: ["node_modules/(?!(bootstrap-vue)/)"],*/