Mocha Unit Testing

learning-zone · learning-zone · commit 34814b60ee4e · 2019-09-22T09:57:18.000+05:30
diff --git a/Mocha-Unit-Testing-Example/.gitignore b/Mocha-Unit-Testing-Example/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/Mocha-Unit-Testing-Example/README.md b/Mocha-Unit-Testing-Example/README.md
@@ -0,0 +1,12 @@
+## Getting Started with JavaScript Unit Testing Using Mocha
+
+Code to accompany the following article: http://www.sitepoint.com/unit-test-javascript-mocha-chai
+
+To run the code samples:
+
+- Clone the repo
+- Run `npm install`
+- Open `testrunner.html` in browser
+- Alternatively, uncomment Node specific code and run `mocha` from the command line (this requires Mocha to be installed globally).
+
+License MIT
diff --git a/Mocha-Unit-Testing-Example/js/className.js b/Mocha-Unit-Testing-Example/js/className.js
@@ -0,0 +1,29 @@
+// Browser version
+function addClass(el, newClass) {
+  if(el.className.indexOf(newClass) !== -1) {
+    return;
+  }
+
+  if(el.className !== '') {
+    //ensure class names are separated by a space
+    newClass = ' ' + newClass;
+  }
+
+  el.className += newClass;
+}
+
+// Node Version
+// module.exports = {
+//   addClass: function(el, newClass) {
+//     if(el.className.indexOf(newClass) !== -1) {
+//       return;
+//     }
+
+//     if(el.className !== '') {
+//       //ensure class names are separated by a space
+//       newClass = ' ' + newClass;
+//     }
+
+//     el.className += newClass;
+//   }
+// }
diff --git a/Mocha-Unit-Testing-Example/package.json b/Mocha-Unit-Testing-Example/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "mocha-unit-testing",
+  "version": "1.0.0",
+  "description": "Mocha Tests",
+  "main": "index.js",
+  "scripts": {
+    "test": "mocha"
+  },
+  "author": "Jani Hartikainen",
+  "license": "MIT",
+  "devDependencies": {
+    "chai": "^3.4.1",
+    "mocha": "^2.3.4"
+  }
+}
diff --git a/Mocha-Unit-Testing-Example/test/arrayTest.js b/Mocha-Unit-Testing-Example/test/arrayTest.js
@@ -0,0 +1,11 @@
+//  Uncomment if using Node
+// var chai = require('chai');
+var assert = chai.assert;
+
+describe('Array', function() {
+  it('should start empty', function() {
+    var arr = [];
+
+    assert.equal(arr.length, 0);
+  });
+});
diff --git a/Mocha-Unit-Testing-Example/test/classNameTest.js b/Mocha-Unit-Testing-Example/test/classNameTest.js
@@ -0,0 +1,34 @@
+// Uncomment if using Node
+// var chai = require('chai');
+var assert = chai.assert;
+
+// var className = require('../js/className.js');
+// var addClass = className.addClass;
+
+describe('addClass', function() {
+  it('should add class into element', function() {
+    var element = { className: '' };
+
+    addClass(element, 'test-class');
+
+    assert.equal(element.className, 'test-class');
+  });
+
+  it('should not add a class which already exists in element', function() {
+    var element = { className: 'exists' };
+
+    addClass(element, 'exists');
+
+    var numClasses = element.className.split(' ').length;
+    assert.equal(numClasses, 1);
+  });
+
+  it('should append new class after existing one', function() {
+    var element = { className: 'exists' };
+
+    addClass(element, 'new-class');
+
+    var classes = element.className.split(' ');
+    assert.equal(classes[1], 'new-class');
+  });
+});
diff --git a/Mocha-Unit-Testing-Example/testrunner.html b/Mocha-Unit-Testing-Example/testrunner.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mocha Tests</title>
+    <link rel="stylesheet" href="node_modules/mocha/mocha.css">
+  </head>
+  <body>
+    <div id="mocha"></div>
+    <script src="node_modules/mocha/mocha.js"></script>
+    <script src="node_modules/chai/chai.js"></script>
+    <script>mocha.setup('bdd')</script>
+
+    <!-- load code you want to test here -->
+    <script src="js/className.js"></script>
+
+    <!-- load your test files here -->
+    <script src="test/arrayTest.js"></script>
+    <script src="test/classNameTest.js"></script>
+
+    <script>
+      mocha.run();
+    </script>
+  </body>
+</html>
