ci: add test coveralls (#20)

Author: csvenke

.gitignore

@@ -6,6 +6,8 @@
 # production
 /lib
 /build
+/coverage
+/false
 
 # workspace
 .vscode

.travis.yml

@@ -1,19 +1,16 @@
-
 language: node_js
-
 node_js:
   - "node"
   - "8"
-
 notifications:
   email: false
-
-script:
-  - commitlint-travis
-  - npm run lint
-  - npm run test
-
 branches:
   only:
     - master
-    - /^greenkeeper.*$/
+    - /^greenkeeper.*$/
+
+script:
+  - commitlint-travis
+  - npm run test:prod && npm run build
+after_success:
+  - npm run report-coverage

README.md

@@ -1,16 +1,20 @@
-<p align="center"><img src='./media/logo.png' width="20%" alt='logo' /></p>
+<div align="center">
+  <img src='./media/logo.png' width="20%" alt='logo' />
 
-<h1 align="center"><br>react-semantics<br></h1>
+  <h1>react-semantics</h1>
 
-<h4 align="center">Semantic helper components for working with <a href="https://reactjs.org/" target="_blank">React</a>.</h4>
+  <h4>Blazing fast semantic helper components for working with <a href="https://reactjs.org/" target="_blank">React</a>.</h4>
 
-<p align="center">
+<p>
   <a href="https://badge.fury.io/js/react-semantics">
     <img src="https://badge.fury.io/js/react-semantics.svg" alt="npm package" />
   </a>
   <a href="https://travis-ci.com/csvenke/react-semantics">
     <img src="https://travis-ci.com/csvenke/react-semantics.svg?branch=master" alt="build status" />
   </a>
+  <a href='https://coveralls.io/github/csvenke/react-semantics?branch=master'>
+    <img src='https://coveralls.io/repos/github/csvenke/react-semantics/badge.svg?branch=master' alt='Coverage Status' />
+  </a>
   <a href="https://david-dm.org/csvenke/react-semantics">
     <img src="https://david-dm.org/csvenke/react-semantics.svg" alt="dependencies status" />
   </a>
@@ -22,14 +26,15 @@
   </a>
 </p>
 
-<p align="center">
-  <a href="#installation">Installation</a> •
-  <a href="#example-usage">Example usage</a> •
-  <a href="#documentation">Documentation</a> •
-  <a href="#development-setup">Development setup</a> •
-  <a href="#contributing">Contributing</a> •
-  <a href="#license">License</a>
-</p>
+  <p>
+    <a href="#installation">Installation</a> •
+    <a href="#example-usage">Example usage</a> •
+    <a href="#documentation">Documentation</a> •
+    <a href="#development-setup">Development setup</a> •
+    <a href="#contributing">Contributing</a> •
+    <a href="#license">License</a>
+  </p>
+</div>
 
 Are you tired of your react components looking like an unreadable mess?
 Have you often asked yourself: "there must be a better way!"?

jest.config.js

@@ -3,11 +3,17 @@ module.exports = {
     '^.+\\.tsx?$': 'ts-jest',
   },
   testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$',
-  testPathIgnorePatterns: [
-    '<rootDir>/node_modules/',
-    '<rootDir>/lib/',
-    '<rootDir>/build/',
-  ],
+  moduleFileExtensions: ['ts', 'tsx', 'js'],
   setupTestFrameworkScriptFile: '<rootDir>/src/setupTests.ts',
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  collectCoverage: true,
+  coverageThreshold: {
+    global: {
+      branches: 80,
+      functions: 90,
+      lines: 90,
+      statements: 90,
+    },
+  },
+  collectCoverageFrom: ['src/@(components|utils)/**/*.@(ts|tsx)'],
+  coveragePathIgnorePatterns: ['index.ts'],
 };

package-lock.json

@@ -36,9 +36,11 @@
     "@types/enzyme-adapter-react-16": "^1.0.2",
     "@types/enzyme": "^3.1.12",
     "@types/jest": "^23.3.0",
+    "@types/node": "^10.5.4",
     "@types/prop-types": "^15.5.3",
     "@types/react-dom": "^16.0.6",
     "@types/react": "^16.4.6",
+    "coveralls": "^3.0.2",
     "enzyme-adapter-react-16": "^1.1.1",
     "enzyme": "^3.3.0",
     "husky": "1.0.0-rc.13",
@@ -57,20 +59,24 @@
     "ts-loader": "^4.4.2",
     "tslint-config-prettier": "^1.14.0",
     "tslint-plugin-prettier": "^1.3.0",
+    "tslint-react": "^3.6.0",
     "tslint": "^5.11.0",
     "typescript": "^2.9.2",
     "webpack": "^4.16.2"
   },
   "scripts": {
-    "build": "npm run clean:build && npm run lint && npm run test && rollup -c",
+    "build": "npm run clean:build && rollup -c",
     "clean:build": "rimraf ./lib && rimraf ./build",
     "docs:server": "styleguidist server",
     "docs": "styleguidist build",
-    "lint:fix": "npm run lint:write --fix \"src/**/*.@(ts|tsx)\"",
+    "lint:fix": "npm run lint:write --fix \"src/**/*.{ts,tsx}\"",
     "lint:write": "tslint -c tslint.json",
-    "lint": "npm run lint:write  \"src/**/*.@(ts|tsx)\"",
+    "lint": "npm run lint:write  \"src/**/*.{ts,tsx}\"",
     "prettier:write": "prettier -c .prettierrc --write",
-    "prettier": "npm run prettier:write \"src/**/*.@(ts|tsx)\"",
+    "prettier": "npm run prettier:write \"src/**/*.{ts,tsx}\"",
+    "report-coverage": "cat ./coverage/lcov.info | coveralls",
+    "test:prod": "npm run lint && npm run test --coverage --no-cache",
+    "test:watch": "jest --watch",
     "test": "jest"
   },
   "husky": {
@@ -81,7 +87,7 @@
     }
   },
   "lint-staged": {
-    "*.{ts,tsx}": [
+    "{src}/**/*.{ts,tsx}": [
       "prettier -c .prettierrc --write",
       "tslint -c tslint.json --fix",
       "git add"

package.json

@@ -1,22 +1,28 @@
 import * as PropTypes from 'prop-types';
 import * as React from 'react';
 import { isPromise } from '../../utils';
-import { statusTypes } from './config';
 
 export interface IResolveProps {
-  /** The promise to be resolved */
+  /** The promise. */
   promise?: Promise<any>;
 
-  /** Will be displayed after promise is resolved */
+  /** Returns content when promise is resolved. */
   resolved?: (value) => React.ReactNode;
 
-  /** Will be displayed while promise is handled */
+  /** Returns content while promise is being handled. */
   pending?: React.ReactNode;
 
-  /** Will be displayed if promise is rejected */
+  /** Returns content when promise is rejected. */
   rejected?: (error) => React.ReactNode;
 }
 
+export const statusTypes = {
+  none: 'none',
+  pending: 'pending',
+  rejected: 'rejected',
+  resolved: 'resolved',
+};
+
 export const initialState = {
   status: statusTypes.none,
   value: '',
@@ -26,15 +32,6 @@ export type IResolveState = Readonly<typeof initialState>;
 
 /**
  * Returns content based on specified promise.
- *
- * @example
- *
- * <Resolve
- *  promise={aPromise}
- *  resolved={value => (
- *    <p>{`Resolved value ${value}`}</p>
- *  )}
- * />
  */
 class Resolve extends React.Component<IResolveProps, IResolveState> {
   public static propTypes = {