madhums · June 30, 2017 19:37 · Mar 13, 2015 · Mar 13, 2015 · Mar 13, 2015 · Mar 13, 2015
diff --git a/README.md b/README.md
@@ -3,7 +3,11 @@
 ###Example Structure
 
 src/
+
 test/
+
 views/
+
 karma.conf.js
+
 Module.js
diff --git a/AngularJS-ES6-Test-Skeleton b/AngularJS-ES6-Test-Skeleton
@@ -1 +0,0 @@
---

diff --git a/AngularJS-ES6-Test-Skeleton b/AngularJS-ES6-Test-Skeleton
@@ -0,0 +1 @@
+--
diff --git a/Module.js b/Module.js
@@ -0,0 +1,4 @@
+import HelloWorldDirective from './src/HelloWorldDirective';
+
+angular.module('app', [])
+    .directive('helloWorld', HelloWorldDirective);
diff --git a/README.md b/README.md
@@ -5,4 +5,5 @@
 src/
 test/
 views/
-karma.conf.js
+karma.conf.js
+Module.js
diff --git a/README b/README
@@ -1,6 +0,0 @@
-Quick set up for writing AngularJS tests in ES6 using Karma, Jasmine, Browserify and Stringify.
-
-Example Structure
-
-src/
-test/

diff --git a/README.md b/README.md
@@ -0,0 +1,8 @@
+###Quick set up for writing AngularJS tests in ES6 using Karma, Jasmine, Browserify and Stringify.
+
+###Example Structure
+
+src/
+test/
+views/
+karma.conf.js
diff --git a/HelloWorldDirective → HelloWorldDirective.js b/HelloWorldDirective → HelloWorldDirective.js
diff --git a/HelloWorldDirective.test → HelloWorldDirective.test.js b/HelloWorldDirective.test → HelloWorldDirective.test.js
diff --git a/README b/README
@@ -1,2 +1,6 @@
-###Quick set up for writing AngularJS tests in ES6 using Karma, Jasmine, Browserify and Stringify.
+Quick set up for writing AngularJS tests in ES6 using Karma, Jasmine, Browserify and Stringify.
 
+Example Structure
+
+src/
+test/
diff --git a/hello-world → hello-world.html b/hello-world → hello-world.html
diff --git a/karma.conf → karma.conf.js b/karma.conf → karma.conf.js
diff --git a/HelloWorldDirective b/HelloWorldDirective
@@ -0,0 +1,24 @@
+/** src/HelloWorldDirective.js **/
+
+import helloWorldTemplate from './../views/hello-world.html';
+
+class HelloWorldController {
+    constructor() {
+        this.greet = 'Hello';
+    }
+}
+
+function HelloWorldDirective() {
+    return {
+        scope: {
+            name: '@'
+        },
+        controller: HelloWorldController,
+        controllerAs: 'ctrl',
+        bindToController: true,
+        replace: true,
+        template: helloWorldTemplate
+    }
+}
+
+export default HelloWorldDirective;
diff --git a/HelloWorldDirective.test b/HelloWorldDirective.test
@@ -0,0 +1,29 @@
+/** test/HelloWorldDirective.js **/
+
+describe('The HelloWorldDirective', () => {
+
+    let element, scope;
+
+    beforeEach(angular.mock.module('app'));
+
+    beforeEach(inject(function(_$rootScope_,_$compile_) {
+        let $rootScope = _$rootScope_,
+            $compile = _$compile_;
+
+        scope = $rootScope.$new();
+
+        element = angular.element('<hello-world data-name="{{ name }}"></hello-world>');
+
+        $compile(element)(scope);
+
+    }));
+
+    it('should display the defined name', () => {
+        let name = 'Some rendered text';
+
+        scope.name = name;
+        scope.$digest();
+
+        expect(element.text()).toContain(`Hello ${name}`);
+    });
+});
diff --git a/README b/README
@@ -0,0 +1,2 @@
+###Quick set up for writing AngularJS tests in ES6 using Karma, Jasmine, Browserify and Stringify.
+
diff --git a/hello-world b/hello-world
@@ -0,0 +1,2 @@
+<!-- views/hello-world.html -->
+<div>{{ ctrl.greet }} {{ ctrl.name }}</div>
diff --git a/karma.conf b/karma.conf
@@ -0,0 +1,46 @@
+module.exports = function(config) {
+    config.set({
+
+        basePath: '',
+        frameworks: ['browserify', 'jasmine'],
+
+        files: [
+            'node_modules/angular/angular.min.js',
+            'node_modules/angular-mocks/angular-mocks.js',
+            'Module.js',
+            'views/*',
+            'src/**/*.js',
+            'test/**/*test.js'
+        ],
+
+
+        exclude: [
+        ],
+
+        preprocessors: {
+            'Module.js': ['browserify'],
+            'views/*' : ['browserify'],
+            'src/**/*.js': ['browserify'],
+            'test/**/*test.js': ['browserify']
+        },
+
+        browserify: {
+            debug: true,
+            transform: ['babelify', 'stringify']
+        },
+
+        reporters: ['progress'],
+
+        port: 9876,
+
+        colors: true,
+
+        logLevel: config.LOG_DEBUG,
+
+        autoWatch: true,
+
+        browsers: ['PhantomJS'],
+
+        singleRun: false
+    });
+};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		###Quick set up for writing AngularJS tests in ES6 using Karma, Jasmine, Browserify and Stringify.
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<!-- views/hello-world.html -->
		<div>{{ ctrl.greet }} {{ ctrl.name }}</div>