Enable CircleCI (#295)

* Enable CircleCI
* Fix tests

.circleci/config.yml

@@ -0,0 +1,49 @@
+version: 2
+jobs:
+  verify:
+    docker:
+      - image: circleci/node:9.11.1
+
+    working_directory: ~/repo
+
+    steps:
+      - checkout
+
+      - restore_cache:
+          keys:
+          - yarn-v1-{{ checksum "yarn.lock" }}-{{ arch }}
+      - run: yarn install
+      - save_cache:
+          paths:
+            - ~/.cache/yarn
+          key: yarn-v1-{{ checksum "yarn.lock" }}-{{ arch }}
+
+      - run: yarn lint
+      - run: yarn test
+      - run: yarn coverage
+  build:
+    docker:
+      - image: circleci/node:9.11.1
+
+    working_directory: ~/repo
+
+    steps:
+      - checkout
+
+      - restore_cache:
+          keys:
+          - yarn-v1-{{ checksum "yarn.lock" }}-{{ arch }}
+      - run: yarn install
+      - save_cache:
+          paths:
+            - ~/.cache/yarn
+          key: yarn-v1-{{ checksum "yarn.lock" }}-{{ arch }}
+
+      - run: yarn build
+
+workflows:
+  version: 2
+  pipeline:
+    jobs:
+      - verify
+      - build

package.json

@@ -4,7 +4,7 @@
   "version": "0.2.8",
   "private": true,
   "engines": {
-    "node": "9.9.0"
+    "node": "9.11.1"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": [

src/common/card.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import * as React from 'react';
 
 interface ClickableCardProps {

src/pages/cv/basics.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import * as React from 'react';
 
 const enum Profiles {

src/pages/cv/school.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import * as React from 'react';
 
 import './school.css';

src/pages/cv/skills.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import * as React from 'react';
 
 import { ClickableCard } from '../../common/card';

src/pages/cv/work.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import * as moment from 'moment';
 import * as React from 'react';
 

src/pages/stats/stats_page.tsx

@@ -1,4 +1,4 @@
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import * as React from 'react';
 import { LoadableComponent } from 'react-loadable';
 import { Container, Nav, NavLink, TabContent, TabPane } from 'reactstrap';

src/router.tsx

@@ -1,4 +1,4 @@
-import * as classNames from 'classnames';
+import classnames from 'classnames';
 import * as React from 'react';
 import { LoadingComponentProps } from 'react-loadable';
 import { Container } from 'reactstrap';
@@ -15,7 +15,7 @@ export default class RouteLoader extends React.Component<LoadingComponentProps>
   }
 
   private renderLoader(): JSX.Element | null {
-    const classes = classNames('alert', {
+    const classes = classnames('alert', {
       'alert-danger': !this.props.isLoading && this.props.error,
       'alert-info': this.props.isLoading && !this.props.timedOut && this.props.pastDelay,
       'alert-warning': this.props.isLoading && this.props.timedOut,

src/setupTests.ts

@@ -11,6 +11,6 @@ global.requestAnimationFrame = callback => {
 // init env
 
 import { configure as EnzymeConfigure } from 'enzyme';
-import * as Adapter from 'enzyme-adapter-react-16';
+import Adapter from 'enzyme-adapter-react-16';
 
 EnzymeConfigure({ adapter: new Adapter() });