#56 - test suit added

Author: illjah42

.babelrc.js

@@ -4,6 +4,7 @@ module.exports = {
   presets: [
     ['@babel/preset-env', {
       useBuiltIns: 'usage',
+      corejs: '2',
       targets: isModern ? { esmodules: true } : undefined,
     }]
   ]

.gitignore

@@ -1,6 +1,7 @@
 vendor
 composer.lock
 /tests/report
+coverage
 
 ##IDEs
 /.idea

dist/css/main.css

@@ -0,0 +1,18 @@
+module.exports = {
+    moduleFileExtensions: [
+        "js",
+        "vue"
+    ],
+    transform: {
+        ".*\\.(vue)$": "vue-jest",
+        "^.+\\.js$": "<rootDir>/node_modules/babel-jest"
+    },
+    setupFiles: [
+        "<rootDir>/jest.init.js"
+    ],
+    collectCoverage: true,
+    collectCoverageFrom: [
+        "<rootDir>/resources/vue/*.{js,vue}",
+    ],
+    coverageReporters: ["html", "text-summary"]
+} 

dist/js/main.js

@@ -0,0 +1,20 @@
+global._ = {
+    pick: () => {}
+}
+
+global.AWES = {
+    _config: {},
+    utils: {
+        stringifyQuery: () => {}
+    }
+}
+
+window.matchMedia = jest.fn().mockImplementation( query => {
+    return {
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: jest.fn(),
+        removeListener: jest.fn(),
+    }
+})

dist/js/main.legacy.js

@@ -1,16 +1,17 @@
 {
     "name": "table-builder",
-    "version": "1.2.1",
+    "version": "1.2.2",
     "description": "Dynamic tables with pagination and sorting for data visualization",
     "main": "dist/js/main.js",
     "module": "src/js/plugin.js",
     "scripts": {
         "start": "npm run watch",
         "watch": "cross-env NODE_ENV=development BROWSERSLIST_ENV=modern gulp",
         "watch:legacy": "cross-env NODE_ENV=development BROWSERSLIST_ENV=legacy gulp",
-        "build": "npm run build:modern && npm run build:legacy",
+        "build": "npm test && npm run build:modern && npm run build:legacy",
         "build:modern": "cross-env NODE_ENV=production cross-env BROWSERSLIST_ENV=modern gulp",
-        "build:legacy": "cross-env NODE_ENV=production cross-env BROWSERSLIST_ENV=legacy rollup -c"
+        "build:legacy": "cross-env NODE_ENV=production cross-env BROWSERSLIST_ENV=legacy rollup -c",
+        "test": "jest --no-cache"
     },
     "repository": {
         "type": "git",
@@ -38,7 +39,10 @@
     "devDependencies": {
         "@babel/core": "^7.2.2",
         "@babel/preset-env": "^7.3.1",
+        "@vue/test-utils": "^1.0.0-beta.29",
         "autoprefixer": "^9.4.6",
+        "babel-core": "^7.0.0-bridge.0",
+        "babel-jest": "^24.8.0",
         "browser-sync": "^2.26.3",
         "core-js": "^2.6.3",
         "cross-env": "^5.2.0",
@@ -51,6 +55,7 @@
         "gulp-rollup": "^2.16.2",
         "gulp-sourcemaps": "^2.6.4",
         "gulp-stylus": "^2.7.0",
+        "jest": "^24.8.0",
         "nib": "^1.1.2",
         "postcss-import": "^12.0.1",
         "rollup": "^0.68.2",
@@ -64,6 +69,10 @@
         "rollup-plugin-terser": "^4.0.2",
         "rollup-plugin-vue": "^4.3.2",
         "stylus": "^0.54.5",
+        "vue-jest": "^3.0.4",
         "vue-template-compiler": "^2.5.21"
+    },
+    "dependencies": {
+        "vue": "^2.6.10"
     }
 }

jest.config.js

@@ -1,3 +1,7 @@
+flex-version = flex
+support-for-ie = false
+vendor-prefixes = official
+
 @keyframes rotate
     from
         transform: none

jest.init.js

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`table-builder as a list matches overall snapshot 1`] = `"<div class=\\"int-table\\"><div class=\\"test-header-slot\\"></div> <div class=\\"int-table__list\\"><div class=\\"int-table__list-row\\"><div class=\\"test-list-slot\\"><span>0</span> <p>row 1 column 1, row 1 column 2</p></div></div><div class=\\"int-table__list-row\\"><div class=\\"test-list-slot\\"><span>1</span> <p>row 2 column 1, row 2 column 2</p></div></div><div class=\\"int-table__list-row\\"><div class=\\"test-list-slot\\"><span>2</span> <p>row 3 column 1, row 3 column 2</p></div></div></div> <div class=\\"int-table__overflow\\"><!----></div> <div class=\\"test-footer-slot\\"></div></div>"`;
+
+exports[`table-builder as a table matches overall snapshot 1`] = `"<div class=\\"int-table\\"> <!----> <div class=\\"int-table__overflow\\"><table class=\\"int-table__table\\"><thead><tr><th>Col</th> <!----></tr></thead> <tbody><tr class=\\"int-table__block\\"><td class=\\"\\">row 1</td></tr> <!----><tr class=\\"int-table__block\\"><td class=\\"\\">row 2</td></tr> <!----><tr class=\\"int-table__block\\"><td class=\\"\\">row 3</td></tr> <!----></tbody></table></div> </div>"`;