Lets do this the professional way!

- Added Gulp for minifying + running tests
- Added Karma + tests
- Added bower.json

Author: Mark Lagendijk

.gitignore

@@ -0,0 +1,3 @@
+.idea
+bower_components
+node_modules

recursionhelper.js renamed to angular-recursion.js

@@ -1,4 +1,9 @@
-module.factory('RecursionHelper', ['$compile', function($compile){
+/* 
+ * An Angular service which helps with creating recursive directives.
+ * @author Mark Lagendijk
+ * @license MIT
+ */
+angular.module('RecursionHelper', []).factory('RecursionHelper', ['$compile', function($compile){
 	return {
 		/**
 		 * Manually compiles the element, fixing the recursion loop.

angular-recursion.min.js

@@ -0,0 +1,36 @@
+{
+  "name": "angular-recursionhelper",
+  "main": "angular-recursionhelper.min.js",
+  "version": "1.0.0",
+  "homepage": "https://github.com/marklagendijk/angular-recursion",
+  "authors": [
+    "Mark Lagendijk <[email protected]>"
+  ],
+  "description": "An Angular service which helps with creating recursive directives.",
+  "keywords": [
+    "angular",
+    "angular-service",
+    "angular-recursion",
+    "angular-recursion-helper",
+	"recursion",
+	"recursive"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "package.json",
+    "gulpfile.js",
+    "bower_components",
+    "test",
+    "tests",
+    "config"
+  ],
+  "dependencies": {
+    "angular": "~1.2.8"
+  },
+  "devDependencies": {
+    "angular-mocks": "~1.2.8",
+	"jQuery": "2.1.0"
+  }
+}

bower.json

@@ -0,0 +1,9 @@
+module.exports = {
+    testFiles: [
+		'bower_components/jQuery/dist/jquery.min.js',
+        'bower_components/angular/angular.js',
+        'bower_components/angular-mocks/angular-mocks.js',
+        'angular-recursion.min.js',
+        'test/**/*.js'
+    ]
+};

config/config.js

@@ -0,0 +1,58 @@
+var config = require('./config.js');
+module.exports = function(karmaConfig){
+    karmaConfig.set({
+
+        // base path, that will be used to resolve files and exclude
+        basePath: '../',
+
+
+        // frameworks to use
+        frameworks: ['jasmine'],
+
+
+        // list of files / patterns to load in the browser
+        files: config.testFiles,
+
+
+        // test results reporter to use
+        // possible values: 'dots', 'progress', 'junit', 'growl', 'coverage'
+        reporters: ['progress'],
+
+
+        // web server port
+        port: 9876,
+
+
+        // enable / disable colors in the output (reporters and logs)
+        colors: true,
+
+
+        // level of logging
+        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+        logLevel: karmaConfig.LOG_WARN,
+
+
+        // enable / disable watching file and executing tests whenever any file changes
+        autoWatch: true,
+
+
+        // Start these browsers, currently available:
+        // - Chrome
+        // - ChromeCanary
+        // - Firefox
+        // - Opera (has to be installed with `npm install karma-opera-launcher`)
+        // - Safari (only Mac; has to be installed with `npm install karma-safari-launcher`)
+        // - PhantomJS
+        // - IE (only Windows; has to be installed with `npm install karma-ie-launcher`)
+        browsers: ['Chrome'],
+
+
+        // If browser does not capture in given timeout [ms], kill it
+        captureTimeout: 60000,
+
+
+        // Continuous Integration mode
+        // if true, it capture browsers, run tests and exit
+        singleRun: false
+    });
+};

config/karma.conf.js

@@ -0,0 +1,23 @@
+var gulp = require("gulp");
+var uglify = require("gulp-uglify");
+var rename = require("gulp-rename");
+var karma = require("gulp-karma");
+
+var config = require('./config/config.js');
+
+gulp.task("test", ["minify"], function(){
+    gulp.src(config.testFiles)
+        .pipe(karma({
+            configFile: 'config/karma.conf.js',
+            action: 'run'
+        }));
+});
+
+gulp.task("minify", function(){
+    gulp.src("angular-recursion.js")
+        .pipe(uglify())
+        .pipe(rename("angular-recursion.min.js"))
+        .pipe(gulp.dest("./"));
+});
+
+gulp.task("default", ["minify", "test"]);

gulpfile.js

@@ -0,0 +1,23 @@
+{
+  "directories": {
+    "test": "test"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "karma": "~0.11.9",
+    "karma-chrome-launcher": "~0.1.2",
+    "karma-jasmine": "~0.1.5",
+    "karma-firefox-launcher": "~0.1.3",
+    "karma-phantomjs-launcher": "~0.1.1",
+    "karma-requirejs": "~0.2.1",
+    "karma-script-launcher": "~0.1.0",
+    "gulp": "~3.3.0",
+    "gulp-uglify": "~0.1.0",
+    "gulp-karma": "0.0.1",
+    "gulp-rename": "~0.2.1"
+  },
+  "scripts": {
+    "test": "gulp test",
+    "minify": "gulp minify"
+  }
+}

package.json

@@ -0,0 +1,91 @@
+/* globals: beforeEach, describe, it, module, inject, expect */
+describe('RecursionHelper', function(){
+	var $compile, parent, scope, link;
+
+	angular.module('Tree', []).directive("tree", function(RecursionHelper){
+		return {
+			restrict: "E",
+			scope: {
+				family: '='
+			},
+			replace: true,
+			template: '' +
+				'<div class="tree">' +
+				'	<p>{{ family.name }}</p>' +
+				'	<ul>' +
+				'		<li ng-repeat="child in family.children">' +
+				'			<tree family="child"></tree>' +
+				'		</li>' +
+				'	</ul>' +
+				'</div>',
+			compile: function(element){
+				return RecursionHelper.compile(element, link);
+			}
+		};
+	});
+
+    beforeEach(module('RecursionHelper', 'Tree'));
+    beforeEach(inject(function(_$compile_, $rootScope){
+    	$compile = _$compile_;
+		scope = $rootScope.$new();
+		scope.treeFamily = {
+			name: "Parent",
+			children: [
+				{
+					name: "Child1",
+					children: [
+						{
+							name: "Grandchild1",
+							children: []
+						},
+						{
+							name: "Grandchild2",
+							children: []
+						},
+						{
+							name: "Grandchild3",
+							children: []
+						}
+					]
+				},
+				{
+					name: "Child2",
+					children: []
+				}
+			]
+		};
+    }));
+
+	function compileTree(){
+		parent = $compile('<tree family="treeFamily"></tree>')(scope);
+		scope.$apply();
+	}
+
+
+   	it('should render the whole tree', function(){
+		compileTree();
+		var children = parent.children('ul').children();
+		var grandChildren = children.find(':first-child').children('ul').children();
+		expect(children.length).toBe(2);
+		expect(grandChildren.length).toBe(3);
+	});
+
+	it('should call the pre and post linking functions, when passed as object in the link parameter', function(){
+		link = {
+			pre: jasmine.createSpy('pre'),
+			post: jasmine.createSpy('post')
+		};
+
+		compileTree();
+		expect(link.pre).toHaveBeenCalled();
+		expect(link.post).toHaveBeenCalled();
+
+	});
+
+	it('should call the post linking function, when passed as function in the link parameter', function(){
+		link = jasmine.createSpy('post');
+
+		compileTree();
+		expect(link).toHaveBeenCalled();
+	});
+});