Merge 2490907 into 5fc3f48

andela · Feb 5, 2019 · 4bafa25 · 4bafa25
2 parents 5fc3f48 + 2490907
commit 4bafa25
Show file tree

Hide file tree

Showing 11 changed files with 63 additions and 14 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,5 @@
+language: node_js
+node_js:
+  - "stable"
+script:
+  - npm test
diff --git a/README.md b/README.md
@@ -1,3 +1,5 @@
+[![Build Status](https://travis-ci.org/andela/pippin-ah-frontend.svg?branch=develop)]
+
 # Learnground
 
 - Learnground is an app that brings the digital experience that comes with learning to secondary school students.

diff --git a/jest.config.js b/jest.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+  setupFiles: ['<rootDir>/src/tests/setup.js'],
+  transform: { '^.+\\.js$': 'babel-jest' },
+  collectCoverageFrom: ['src/**/*.{js,jsx}'],
+  "snapshotSerializers": ["enzyme-to-json/serializer"],
+  moduleNameMapper: {
+    '\\.(jpg|jpeg|png|gif|svg)$':
+      '<rootDir>/__mocks__/fileMock.js',
+    '\\.(css|scss)$': '<rootDir>/__mocks__/styleMock.js',
+  },
+};
diff --git a/package.json b/package.json
@@ -7,7 +7,9 @@
     "start:dev": "webpack-dev-server --config webpack/webpack.dev.js --open --hot",
     "build": "webpack --config webpack/webpack.prod.js",
     "serve": "node server.js",
-    "start": "npm run build && npm run serve"
+    "start": "npm run build && npm run serve",
+    "test": "jest --coverage --coverageReporters=text-lcov | coveralls",
+    "test:dev": "jest"
   },
   "repository": {
     "type": "git",
@@ -23,7 +25,12 @@
     "@babel/core": "^7.2.2",
     "@babel/preset-env": "^7.3.1",
     "@babel/preset-react": "^7.0.0",
+    "babel-jest": "^24.0.0",
     "babel-loader": "^8.0.5",
+    "coveralls": "^3.0.2",
+    "enzyme": "^3.8.0",
+    "enzyme-adapter-react-16": "^1.9.0",
+    "enzyme-to-json": "^3.3.5",
     "eslint": "^5.13.0",
     "eslint-config-airbnb": "^17.1.0",
     "eslint-config-prettier": "^4.0.0",
@@ -32,6 +39,7 @@
     "eslint-plugin-prettier": "^3.0.1",
     "eslint-plugin-react": "^7.12.4",
     "html-webpack-plugin": "^3.2.0",
+    "jest": "^24.0.0",
     "prettier": "^1.16.4",
     "webpack-dev-server": "^3.1.14"
   },

diff --git a/src/components/landingPage.js → src/components/LandingPage.js b/src/components/landingPage.js → src/components/LandingPage.js
diff --git a/src/index.html b/src/index.html
@@ -6,8 +6,6 @@
   <title> LearnGround</title>
 </head>
 <body>
-    <div id="app">
-
-    </div>
+    <div id="app"></div>
 </body>
 </html>
diff --git a/src/tests/components/LandingPage.test.js b/src/tests/components/LandingPage.test.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import LandingPage from '../../components/LandingPage';
+
+describe('LandingPage Component', () => {
+  it('should render the Landing Page', () => {
+    const component = shallow(<LandingPage />);
+    expect(component.exists()).toBe(true);
+    expect(component).toMatchSnapshot();
+  });
+});
diff --git a/src/tests/components/__snapshots__/LandingPage.test.js.snap b/src/tests/components/__snapshots__/LandingPage.test.js.snap
@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LandingPage Component should render the Landing Page 1`] = `
+<div>
+  <h1>
+     WELCOME TO LEARNGROUND 
+  </h1>
+</div>
+`;
diff --git a/src/tests/setup.js b/src/tests/setup.js
@@ -0,0 +1,5 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
+configure({ adapter: new Adapter() });
diff --git a/webpack/webpack.dev.js b/webpack/webpack.dev.js
@@ -1,6 +1,6 @@
- const common = require('./webpack.common.js');
+const common = require('./webpack.common.js');
 
- module.exports = {
-   ...common,
-   mode: 'development'
-  };
+module.exports = {
+  ...common,
+  mode: 'development'
+};
diff --git a/webpack/webpack.prod.js b/webpack/webpack.prod.js
@@ -1,6 +1,6 @@
- const common = require('./webpack.common.js');
+const common = require('./webpack.common.js');
 
- module.exports = {
-   ...common,
-   mode: 'production',
- };
+module.exports = {
+  ...common,
+  mode: 'production',
+};