diff --git a/frontend/karma.conf.js b/frontend/karma.conf.js
index 4b9962d00e..4c5c5bab61 100644
--- a/frontend/karma.conf.js
+++ b/frontend/karma.conf.js
@@ -84,9 +84,13 @@ module.exports = function(config) {
     // preprocess matching files before serving them to the browser
     // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
     preprocessors: {
+      '/templates/**/*.html': ['ng-html2js'],
       '../app/assets/javascripts/*.js': ['coverage'],
       'app/**/*.js': ['webpack'] // coverage disabled
     },
+    ngHtml2JsPreprocessor: {
+      module: 'openproject.templates'
+    },
 
 
     // test results reporter to use
diff --git a/frontend/package.json b/frontend/package.json
index cb76f8af3c..b417b0eb55 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -29,6 +29,7 @@
     "karma-firefox-launcher": "~0.1.3",
     "karma-junit-reporter": "~0.2.2",
     "karma-mocha": "~0.1.3",
+    "karma-ng-html2js-preprocessor": "^0.1.2",
     "karma-phantomjs-launcher": "~0.1.4",
     "karma-webpack": "^1.5.0",
     "mocha": "~1.18.2",