Added Testing library and travis ci

bogdaniel · bogdaniel · commit ef5beec512a2 · 2017-09-27T22:28:59.000+03:00
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,3 @@
+language: node_js
+node_js:
+  - "6"
diff --git a/build_scripts/test-config.js b/build_scripts/test-config.js
@@ -0,0 +1,7 @@
+// This file isn't transpiled, so must use CommonJS and ES5
+
+// Register babel to transpile before our tests run.
+require('babel-register');
+
+// Disable webpack features that Mocha doesn't understand.
+require.extensions['.css'] = function () {};
diff --git a/index.test.js b/index.test.js
diff --git a/package.json b/package.json
@@ -8,14 +8,16 @@
   "license": "MIT",
   "scripts": {
     "prestart": "babel-node build_scripts/development-server-start-message.js",
-    "start": "npm-run-all --parallel security-check start:development:server",
+    "start": "npm-run-all --parallel security-check start:development:server lint:watch test:watch",
     "start:development:server": "babel-node build_scripts/development-server.js",
     "start:production:server": "",
     "security-check": "nsp check",
     "localtunnel": "lt --port 3001",
     "share:development": "npm-run-all --parallel start:development:server localtunnel",
-    "lint": "esw webpack.config.* src --color",
-    "lint:watch": "npm run lint -- --watch"
+    "lint": "esw webpack.config.* src --fix --color",
+    "lint:watch": "npm run lint -- --watch",
+    "test": "mocha --reporter progress build_scripts/test-config.js \"src/**/*.test.js\"",
+    "test:watch": "npm run test -- --watch"
   },
   "dependencies": {
     "whatwg-fetch": "^2.0.3",
diff --git a/src/index.html b/src/index.html
@@ -6,6 +6,6 @@
   <script src="bundle.js"></script>
 </head>
 <body>
-<h1>Hello World</h1>
+<h1>Hello World?</h1>
 </body>
 </html>
diff --git a/src/index.js b/src/index.js
@@ -3,4 +3,3 @@ import './index.css';
 
 const courseValue = numeral(1000).format('$0,0.00');
 console.log(`I would like to pay ${courseValue} for this awesome course!`);
-
diff --git a/src/index.test.js b/src/index.test.js
@@ -0,0 +1,21 @@
+import { expect } from 'chai';
+
+const jsdom = require('jsdom');
+
+const { JSDOM } = jsdom;
+import fs from 'fs';
+
+describe('Our first test', () => {
+  it('should pass', () => {
+    expect(true).to.equal(true);
+  });
+});
+
+describe('index.html', () => {
+  it('should say hello', () => {
+    const index = fs.readFileSync('./src/index.html', 'utf-8');
+    const dom = new JSDOM(index);
+    const h1 = dom.window.document.querySelector('h1').textContent;
+    expect(h1).to.equal('Hello World');
+  });
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+language: node_js`
	`2`	`+node_js:`
	`3`	`+ - "6"`
Original file line number	Diff line number	Diff line change
`@@ -3,4 +3,3 @@ import './index.css';`
`3`	`3`
`4`	`4`	`const courseValue = numeral(1000).format('$0,0.00');`
`5`	`5`	console.log(`I would like to pay ${courseValue} for this awesome course!`);
`6`		`-`