fix: coverage reporting (SSENSE#413)

* chore: mixin coverage now 100%

* chore: fix coverage reporting for .vue files

* tests: add test for index.js

* tests: add test for debounce util

Author: quinnlangille

Diff for: babel.config.js

@@ -0,0 +1,21 @@
+module.exports = (api) => {
+  const isTest = api.env('test');
+
+  const config =  {
+    presets: [
+        ["@babel/preset-env", {
+            targets: {
+                "browsers": ["last 2 versions", "IE 11"]
+            },
+            useBuiltIns: "usage"
+        }],
+    ],	
+  };
+
+ if(isTest) {
+    api.cache.never();
+ }
+
+  return config;
+};
+

Diff for: jest.babelrc

@@ -38,12 +38,17 @@
     "regenerator-runtime": "^0.12.1",
     "vue": "^2.5.17"
   },
+  "resolutions": {
+     "babel-core": "7.0.0-bridge.0"
+  },
   "devDependencies": {
     "@babel/core": "^7.0.0",
     "@babel/polyfill": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@vue/test-utils": "^1.0.0-beta.26",
+    "babel-jest": "^24.5.0",
     "babel-loader": "^8.0.1",
+    "babel-plugin-istanbul": "^5.1.1",
     "coveralls": "^3.0.1",
     "css-loader": "^1.0.0",
     "eslint": "^3.19.0",
@@ -59,14 +64,15 @@
     "husky": "^0.12.0",
     "isparta": "^4.0.0",
     "isparta-loader": "^2.0.0",
-    "jest": "^23.5.0",
+    "jest": "^24.5.0",
     "jest-serializer-vue": "^2.0.2",
     "lint-staged": "^8.1.0",
     "prettier": "^1.10.2",
     "prettier-eslint": "^8.8.1",
     "prettier-eslint-cli": "^4.7.0",
     "shelljs": "^0.7.5",
     "uglifyjs-webpack-plugin": "^1.3.0",
+    "vue-jest": "^3.0.4",
     "vue-loader": "^15.3.0",
     "vue-play": "^3.2.1",
     "vue-play-cli": "^1.1.1",

Diff for: package.json

@@ -2,7 +2,8 @@
   "verbose": true,
   "rootDir": "../",
   "transform": {
-    ".*\\.(js|vue)$": "<rootDir>/tests/preprocessor.js"
+    "^.+\\.js?$": "babel-jest",
+    "^.+\\.vue$": "vue-jest"
   },
   "snapshotSerializers": [
     "jest-serializer-vue"
@@ -12,8 +13,7 @@
     "/debug/"
   ],
   "collectCoverageFrom": [
-    "src/*.vue",
-    "src/mixins/*.js"
+    "src/**/*.{vue,js}"
   ],
   "moduleFileExtensions": [
     "node",
@@ -22,7 +22,7 @@
     "js"
   ],
   "testRegex": ".*\\.spec.js$",
-  "coverageDirectory": "<rootDir>/coverage/client",
+  "coverageDirectory": "<rootDir>/coverage",
   "coverageReporters": [
     "json",
     "html",

Diff for: tests/client.jest.json

@@ -1,10 +1,9 @@
 /* eslint-disable */
 
 import { mount, shallowMount } from '@vue/test-utils';
-
-const Carousel = require('../../../src/Carousel.vue');
-const Slide = require('../../../src/Slide.vue');
-
+import Carousel from '../../../src/Carousel.vue';
+import Slide  from '../../../src/Slide.vue';
+ 
 describe('Carousel component', () => {
   describe('Default mounting properties', () => {
     it('should mount successfully', () => {
@@ -155,6 +154,27 @@ describe('Carousel component', () => {
       });
     });
 
+    it('should call start and pause when restarting autoplay', done => {
+      const wrapper = mount(Carousel, {
+        propsData: {
+          perPage: 1,
+          autoplay: true,
+          autoplayHoverPause: false,
+	  autoplayDirection: 'test'
+        },
+        slots: {
+          default: [Slide, Slide]
+        }
+      });
+
+      const spy = jest.spyOn(wrapper.vm, 'advancePage');
+      wrapper.vm.autoplayAdvancePage();
+      expect(spy).toHaveBeenCalledWith('test');
+
+      spy.mockRestore(); 
+      done()
+    });
+
     it('should reset autoplay when switching slide without autoplayHoverPause', done => {
       const wrapper = mount(Carousel, {
         propsData: {
@@ -936,3 +956,4 @@ describe('Carousel component', () => {
     });
   });
 });
+

Diff for: tests/client/components/carousel.spec.js

@@ -1,6 +1,6 @@
 import { shallowMount } from '@vue/test-utils';
 
-const Navigation = require('../../../src/Navigation');
+import Navigation from '../../../src/Navigation.vue';
 
 describe('Navigation', () => {
   let carousel;

Diff for: tests/client/components/navigation.spec.js

@@ -1,6 +1,6 @@
 import { shallowMount } from '@vue/test-utils';
 
-const Slide = require('../../../src/Slide.vue');
+import Slide from '../../../src/Slide.vue';
 
 describe('Slide', () => {
   let carousel;

Diff for: tests/client/components/slide.spec.js

@@ -0,0 +1,19 @@
+import index, { Carousel, Slide } from '../../src/index.js';
+import { createLocalVue } from '@vue/test-utils';
+
+describe('index', () => {
+  it('should export a slide component', () => {
+    expect(Slide).toBeDefined()
+  })
+
+  it('should export a Carousel component', () => {
+    expect(Carousel).toBeDefined();
+  });
+
+  it('Installs the defauly export as a plugin', () => {
+    const vue = createLocalVue();
+    vue.use(index);
+    expect(vue.options.components.carousel).toBeDefined();
+    expect(vue.options.components.slide).toBeDefined();
+  })
+});

Diff for: tests/client/index.spec.js

@@ -0,0 +1,23 @@
+import debounce from '../../../src/utils/debounce.js';
+
+jest.useFakeTimers();
+
+describe('debounce', () => {
+    it('immediately calls the passed function if call now is true and no timeout is passed', () => {
+	const testfn = jest.fn();
+	const db = debounce(testfn, 0, true);
+	db();
+	expect(testfn).toHaveBeenCalled();
+    });
+
+    it('calls the method in the passed amount of time', () => {
+	const testfn = jest.fn();
+	const db = debounce(testfn, 10000, false);
+	db();
+	jest.advanceTimersByTime(5000);
+	expect(testfn).not.toBeCalled();
+
+	jest.advanceTimersByTime(5000);
+	expect(testfn).toHaveBeenCalled();
+    })
+});