Increase test coverage

.circleci/config.yml

@@ -33,7 +33,7 @@ jobs:
       - checkout
       - run: yarn install --non-interactive
       - run: yarn lint
-      - run: yarn test:unit:coverage:ci
+      - run: yarn test:unit:coverage
       - run:
           name: Generate coveralls config
           command: "echo repo_token: $COVERALLS_REPO_TOKEN > ./.coveralls.yml"

README.md

@@ -10,6 +10,7 @@
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com)
 [![Renovate enabled](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovatebot.com/)
 
+[![Coveralls github](https://img.shields.io/coveralls/github/brainhubeu/react-carousel.svg)](https://coveralls.io/github/brainhubeu/react-carousel?branch=master)
 [![Downloads](https://img.shields.io/npm/dm/@brainhubeu/react-carousel?color=blue)](https://www.npmjs.com/package/@brainhubeu/react-carousel)
 [![Activity](https://img.shields.io/github/commit-activity/m/brainhubeu/react-carousel.svg)](https://github.com/brainhubeu/react-carousel/commits/master)
 [![Minified](https://img.shields.io/bundlephobia/min/@brainhubeu/react-carousel?label=minified)](https://www.npmjs.com/package/@brainhubeu/react-carousel)

jest.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  testEnvironment: 'node',
+  testMatch: ['<rootDir>/test/unit/**.test.js'],
+  moduleNameMapper: { '\\.(css|scss)$': '<rootDir>/test/unit/__mocks__/styleMock.js' },
+  setupFilesAfterEnv: [
+    '<rootDir>/jest.setup.js',
+  ],
+  coverageReporters: [
+    'text',
+    ['lcov', {
+      projectRoot: './',
+    }]],
+};

jest.setup.js

@@ -0,0 +1,4 @@
+import { configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
+configure({ adapter: new Adapter() });

package.json

@@ -15,11 +15,10 @@
     "build": "node tools/build.js",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
-    "test:unit": "mocha tools/testSetup.js \"./test/unit/*.js\" --exit",
+    "test:unit": "jest",
     "test:e2e": "start-server-and-test start-test-app http://localhost:8000 cypress:run",
     "test-dockerized:e2e": "docker-compose -f ./docker-compose.e2e.yml up --build --exit-code-from e2e-test",
-    "test:unit:coverage": "nyc --reporter=text-summary yarn test:unit",
-    "test:unit:coverage:ci": "nyc --reporter=lcov --reporter=text-summary yarn test:unit",
+    "test:unit:coverage": "yarn jest --coverage",
     "start-test-app": "yarn --cwd docs-www develop",
     "precommit": "npm run lint"
   },
@@ -59,9 +58,9 @@
     "html-webpack-plugin": "^4.2.0",
     "husky": "^4.2.5",
     "isparta": "^4.1.1",
+    "jest": "^25.4.0",
     "jsdom": "^16.2.2",
     "lodash": "^4.17.15",
-    "mocha": "^7.1.1",
     "node-sass": "^4.13.1",
     "nyc": "^15.0.1",
     "postcss-loader": "^3.0.0",
@@ -71,8 +70,6 @@
     "react-test-renderer": "^16.13.1",
     "rimraf": "3.0.2",
     "sass-loader": "^8.0.2",
-    "sinon": "^9.0.2",
-    "sinon-chai": "^3.5.0",
     "start-server-and-test": "^1.11.0",
     "style-loader": "^1.1.4",
     "uglifyjs-webpack-plugin": "^2.2.0",

src/components/Carousel.js

@@ -232,19 +232,6 @@ class Carousel extends Component {
     ? this.getCurrentSlideIndex() + this.getClonesLeft() * this.getChildren().length
     : this.getCurrentSlideIndex();
 
-  /* infinite calculations */
-  getSlidesBounds = (customValue = null) => {
-    const value = isNil(customValue) ? this.getCurrentValue() : customValue;
-    const length = this.getChildren().length;
-    const times = ((value + 1) / length);
-    const ceil = Math.ceil(times);
-
-    return {
-      low: (ceil - 1) * length,
-      high: ceil * length - 1,
-    };
-  };
-
   getTargetMod = (customValue = null) => {
     const value = isNil(customValue) ? this.getCurrentValue() : customValue;
     const length = this.getChildren().length;
@@ -330,23 +317,6 @@ class Carousel extends Component {
     }));
   };
 
-  /**
-   * Function handling touch move if drag has started. Sets dragOffset in the state.
-   * @param {event} e event
-   */
-  onTouchMove = e => {
-    if (Math.abs(this.state.dragOffset) > this.props.minDraggableOffset) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-    const { changedTouches } = e;
-    if (this.state.dragStart !== null) {
-      this.setState(previousState => ({
-        dragOffset: this.getProp('rtl') ? previousState.dragStart - changedTouches[0].pageX : changedTouches[0].pageX - previousState.dragStart,
-      }));
-    }
-  };
-
   /**
    * Function handling end of touch or mouse drag. If drag was long it changes current slide to the nearest one,
    * if drag was short (or it was just a click) it changes slide to the clicked (or touched) one.

test/unit/__mocks__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};