diff --git a/example/README.md b/example/README.md
--- a/example/README.md
+++ b/example/README.md
@@ -54,7 +54,7 @@
 
 ~~~
 cd path/to/example/tests
-npm install karma karma-ng-hamlet2js-preprocessor
+npm install karma karma-jasmine karma-firefox-launcher karma-phantomjs-launcher karma-ng-hamlet2js-preprocessor
 ~~~
 
 (Could also install globally with the `-g` flag.) Now, if you have Firefox installed, the tests can
diff --git a/test/AngularSpec.hs b/test/AngularSpec.hs
--- a/test/AngularSpec.hs
+++ b/test/AngularSpec.hs
@@ -1,5 +1,5 @@
 {-# LANGUAGE TemplateHaskell, QuasiQuotes, OverloadedStrings, TypeFamilies #-}
-module AngularSpec (spec) where
+module AngularSpec where
 
 import Data.Monoid
 import RunGenerator
diff --git a/test/angular/mod1-and-templ.js.expected b/test/angular/mod1-and-templ.js.expected
--- a/test/angular/mod1-and-templ.js.expected
+++ b/test/angular/mod1-and-templ.js.expected
@@ -50,8 +50,8 @@
     };
 });
 module.run(['$templateCache', function($templateCache) {
-$templateCache.put("paneid","\u003cdiv class=\"tab-pane\" ng-show=\"selected\" ng-transclude\u003e\u003c/div\u003e\n\u003cbr\u003e\n");
-$templateCache.put("tabstemplateurl","\u003cdiv class=\"tabbable\"\u003e\u003cul class=\"nav nav-tabs\"\u003e\u003cbr\u003e\n\u003cli ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"\u003e\u003ca href=\"\" ng-click=\"select(pane)\"\u003e{{pane.title}}\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"tab-content\" ng-transclude\u003e\u003c/div\u003e\n\u003c/div\u003e\n");
+$templateCache.put("paneid","<div class=\"tab-pane\" ng-show=\"selected\" ng-transclude></div>\n<br>\n");
+$templateCache.put("tabstemplateurl","<div class=\"tabbable\"><ul class=\"nav nav-tabs\"><br>\n<li ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"><a href=\"\" ng-click=\"select(pane)\">{{pane.title}}</a>\n</li>\n</ul>\n<div class=\"tab-content\" ng-transclude></div>\n</div>\n");
 }]);
 })(angular.module("mod1",[]));
 Added by mini
diff --git a/test/angular/mod1/my-tabs-dev.js.expected b/test/angular/mod1/my-tabs-dev.js.expected
--- a/test/angular/mod1/my-tabs-dev.js.expected
+++ b/test/angular/mod1/my-tabs-dev.js.expected
@@ -1,5 +1,5 @@
 (function(module) {   module.run(['$templateCache', function($templateCache) {
-$templateCache.put("tabstemplateurl","\u003cdiv class=\"tabbable\"\u003e\u003cul class=\"nav nav-tabs\"\u003e\u003cbr\u003e\n\u003cli ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"\u003e\u003ca href=\"\" ng-click=\"select(pane)\"\u003e{{pane.title}}\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"tab-content\" ng-transclude\u003e\u003c/div\u003e\n\u003c/div\u003e\n");
+$templateCache.put("tabstemplateurl","<div class=\"tabbable\"><ul class=\"nav nav-tabs\"><br>\n<li ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"><a href=\"\" ng-click=\"select(pane)\">{{pane.title}}</a>\n</li>\n</ul>\n<div class=\"tab-content\" ng-transclude></div>\n</div>\n");
 }]);
 
 window.yesod_devel_scripts["mod1/my-tabs.hamlet"] = true;
diff --git a/test/angular/mod1/my-tabs-testing.js.expected b/test/angular/mod1/my-tabs-testing.js.expected
--- a/test/angular/mod1/my-tabs-testing.js.expected
+++ b/test/angular/mod1/my-tabs-testing.js.expected
@@ -1,4 +1,4 @@
 module.run(function($templateCache) {
     $templateCache.put("tabstemplateurl",
-"\u003cdiv class=\"tabbable\"\u003e\u003cul class=\"nav nav-tabs\"\u003e\u003cbr\u003e\n\u003cli ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"\u003e\u003ca href=\"\" ng-click=\"select(pane)\"\u003e{{pane.title}}\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"tab-content\" ng-transclude\u003e\u003c/div\u003e\n\u003c/div\u003e\n"
+"<div class=\"tabbable\"><ul class=\"nav nav-tabs\"><br>\n<li ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"><a href=\"\" ng-click=\"select(pane)\">{{pane.title}}</a>\n</li>\n</ul>\n<div class=\"tab-content\" ng-transclude></div>\n</div>\n"
 );});
diff --git a/yesod-static-angular.cabal b/yesod-static-angular.cabal
--- a/yesod-static-angular.cabal
+++ b/yesod-static-angular.cabal
@@ -1,5 +1,5 @@
 name:              yesod-static-angular
-version:           0.1.0
+version:           0.1.1
 cabal-version:     >= 1.8
 build-type:        Simple
 synopsis:          Yesod generators for embedding AngularJs code into yesod-static at compile time
@@ -71,6 +71,7 @@
                  , hamlet               >= 1.1
                  , language-javascript  >= 0.5
                  , mime-types           >= 0.1
+                 , shakespeare          >= 1.2
                  , shakespeare-js       >= 1.2
                  , template-haskell
                  , text                 >= 0.11
@@ -88,6 +89,7 @@
                  , hamlet
                  , hspec >= 1.7
                  , HUnit >= 1.2
+                 , shakespeare >= 2.0
                  , text
                  , template-haskell
                  , yesod-core
@@ -104,6 +106,7 @@
 
     build-depends: base
                  , data-default
+                 , shakespeare
                  , shakespeare-css
                  , yesod                    >= 1.2 && < 1.3
                  , yesod-static
@@ -119,6 +122,7 @@
 
     build-depends: base
                  , data-default
+                 , shakespeare
                  , shakespeare-css
                  , yesod                    >= 1.2 && < 1.3
                  , yesod-static