chore(coveralls): setup coverage reporting

- install and configure coveralls for test coverage reporting
- configure travis to run coverage script
- add new test file
- configure jest to transform imported css

[Finishes #162953723]

.gitignore

@@ -1,2 +1,3 @@
 node_modules/
 dist
+coverage

.travis.yml

@@ -6,3 +6,4 @@ cache:
     - node_modules
 script:
   - npm test
+  - npm run coveralls

README.md

@@ -1,3 +1,3 @@
-# kiakiafood [![Build Status](https://travis-ci.org/akhilome/kiakiafood.svg?branch=develop)](https://travis-ci.org/akhilome/kiakiafood)
+# kiakiafood [![Build Status](https://travis-ci.org/akhilome/kiakiafood.svg?branch=develop)](https://travis-ci.org/akhilome/kiakiafood) [![Coverage Status](https://coveralls.io/repos/github/akhilome/kiakiafood/badge.svg?branch=develop)](https://coveralls.io/github/akhilome/kiakiafood?branch=develop)
 
 A resturant delivery application

jest.config.json

@@ -1,4 +1,7 @@
 {
   "setupFiles": ["<rootDir>/src/tests/setupTests.js"],
-  "snapshotSerializers": ["enzyme-to-json/serializer"]
+  "snapshotSerializers": ["enzyme-to-json/serializer"],
+  "moduleNameMapper": {
+    "\\.(css)$": "<rootDir>/src/tests/__mocks__/styleMock.js"
+  }
 }

package.json

@@ -5,6 +5,8 @@
   "main": "index.js",
   "scripts": {
     "test": "jest --config=jest.config.json",
+    "coverage": "npm run test -- --coverage",
+    "coveralls": "npm run coverage && cat ./coverage/lcov.info | coveralls",
     "build": "webpack --config webpack.config.prod.js",
     "dev": "webpack-dev-server --open --config webpack.config.dev.js",
     "dev:hot": "npm run dev -- --hot"
@@ -39,6 +41,7 @@
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.5",
+    "coveralls": "^3.0.2",
     "css-loader": "^2.1.0",
     "enzyme": "^3.8.0",
     "enzyme-adapter-react-16": "^1.7.1",

src/tests/__mocks__/styleMock.js

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

src/tests/components/App.test.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import App from '../../components/App';
+
+describe('App component', () => {
+  it('should render app correctly', () => {
+    const wrapper = shallow(<App />);
+    expect(wrapper).toMatchSnapshot();
+  });
+});

src/tests/components/__snapshots__/App.test.jsx.snap

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`App component should render app correctly 1`] = `
+<BrowserRouter>
+  <Switch>
+    <Route
+      component={[Function]}
+      exact={true}
+      path="/"
+    />
+    <Route
+      component={[Function]}
+      path="/login"
+    />
+    <Route
+      component={[Function]}
+      path="/signup"
+    />
+    <Route
+      component={[Function]}
+    />
+  </Switch>
+</BrowserRouter>
+`;