Implement Jest, @testing-library and basic test

Author: tim-soft

jest.config.js

@@ -0,0 +1,14 @@
+/**
+ * Configure Jest as the test runner for @testing-library
+ *
+ * @see https://jestjs.io/docs/en/configuration
+ */
+module.exports = {
+  setupFilesAfterEnv: [
+    '@testing-library/jest-dom/extend-expect',
+    'babel-polyfill'
+  ],
+  collectCoverage: true,
+  coveragePathIgnorePatterns: ['/node_modules/', '/__tests__/'],
+  testMatch: ['**/__tests__/**/*.(spec|test).[jt]s?(x)']
+};

package.json

@@ -35,6 +35,8 @@
     "build": "rollup -c",
     "start": "rollup -c -w",
     "prepare": "yarn run build",
+    "test": "jest",
+    "test:watch": "jest --watch",
     "dev": "npm run start --prefix dev",
     "lint-js": "eslint --ignore-path .gitignore --ignore-pattern \"!**/.*\" .",
     "fix-js": "yarn run lint-js --fix"
@@ -74,8 +76,11 @@
     "@babel/plugin-transform-runtime": "^7.5.0",
     "@babel/preset-env": "^7.5.4",
     "@babel/preset-react": "^7.0.0",
+    "@testing-library/jest-dom": "^4.1.0",
+    "@testing-library/react": "^9.1.3",
     "babel-eslint": "10.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "babel-polyfill": "^6.26.0",
     "eslint": "^6.2.0",
     "eslint-config-airbnb": "^18.0.1",
     "eslint-config-prettier": "^6.1.0",
@@ -85,6 +90,7 @@
     "eslint-plugin-react": "^7.14.2",
     "eslint-plugin-react-hooks": "^1.7.0",
     "husky": "^3.0.4",
+    "jest": "^24.9.0",
     "lint-staged": "^9.2.3",
     "prettier": "^1.18.2",
     "prop-types": "^15.7.2",

src/__tests__/DatGUI.test.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import DatGUI from '../../dist/index.cjs';
+
+test('Renders without errors', () => {
+  render(<DatGUI data={{ data: {} }} onUpdate={() => null} />);
+});