Setup coverage and tests

.coveralls.yml

@@ -0,0 +1,2 @@
+service_name: travis-ci
+repo_token: 0taL56KQ8wzB3lA4S7izz64vG8RAfNVYj

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.nyc_output

README.md

@@ -4,7 +4,7 @@
 
 ## Introduction
 
-> **Random Phone Number Generator** is an application built using React and Redux, that enables the generating of random, unique phone numbers.
+> **Random Phone Number Generator** is an application built using React and Redux, that enables the generating of random, unique phone numbers. You can view the Live app [here](https://loving-bardeen-e16c11.netlify.com/)
 
 ## Table of Content
 - [Features in the application](#features-in-the-application)

package.json

@@ -3,7 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "coveralls": "^3.0.2",
     "file-saver": "^2.0.0",
+    "nyc": "^13.1.0",
     "rc-pagination": "^1.17.3",
     "react": "^16.6.3",
     "react-dom": "^16.6.3",
@@ -20,7 +22,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "run-coverage": "react-scripts test --coverage --coverageReporters=text-lcov | coveralls"
   },
   "eslintConfig": {
     "extends": "react-app"

src/components/Pagination/Pagination.test.js → src/components/Pagination/Pagination.test.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import renderer from 'react-test-renderer'
-import Paginate from './';
+import Paginate from '.';
 
 test('<Pagination />', () => {
   const component = renderer.create(<Paginate />);

src/components/Pagination/__snapshots__/Pagination.test.jsx.snap

@@ -0,0 +1,142 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Pagination /> 1`] = `
+<ul
+  className="pagination-class justify-content-center"
+>
+  <li
+    className="page-item disabled"
+  >
+    <a
+      aria-disabled="true"
+      className="page-link"
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      &lt;
+    </a>
+  </li>
+  <li
+    className="page-item page-numbers-style active"
+  >
+    <a
+      aria-current="page"
+      aria-label="Page 1 is your current page"
+      className="page-link"
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      1
+    </a>
+  </li>
+  <li
+    className="page-item page-numbers-style"
+  >
+    <a
+      aria-current={null}
+      aria-label="Page 2"
+      className="page-link"
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      2
+    </a>
+  </li>
+  <li
+    className="page-item page-numbers-style"
+  >
+    <a
+      aria-current={null}
+      aria-label="Page 3"
+      className="page-link"
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      3
+    </a>
+  </li>
+  <li
+    className="break"
+  >
+    <a
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      <a
+        href=""
+      >
+        ...
+      </a>
+    </a>
+  </li>
+  <li
+    className="page-item page-numbers-style"
+  >
+    <a
+      aria-current={null}
+      aria-label="Page 8"
+      className="page-link"
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      8
+    </a>
+  </li>
+  <li
+    className="page-item page-numbers-style"
+  >
+    <a
+      aria-current={null}
+      aria-label="Page 9"
+      className="page-link"
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      9
+    </a>
+  </li>
+  <li
+    className="page-item page-numbers-style"
+  >
+    <a
+      aria-current={null}
+      aria-label="Page 10"
+      className="page-link"
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      10
+    </a>
+  </li>
+  <li
+    className="page-item next-button"
+  >
+    <a
+      aria-disabled="false"
+      className="page-link"
+      onClick={[Function]}
+      onKeyPress={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      &gt;
+    </a>
+  </li>
+</ul>
+`;