Hello
');
+
+ $compile(el)($rootScope);
+
+ expect(el.find('[my-double]').length).toBe(2);
+ });
+ });
+
+ it('sets directive attributes element to comment', function() {
+ var injector = makeInjectorWithDirectives({
+ myTranscluder: function() {
+ return {
+ transclude: 'element',
+ link: function(scope, element, attrs, ctrl, transclude) {
+ attrs.$set('testing', '42');
+ element.after(transclude());
+ }
+ };
+ }
+ });
+ injector.invoke(function($compile, $rootScope) {
+ var el = $('');
+
+ $compile(el)($rootScope);
+
+ expect(el.find('[my-transcluder]').attr('testing')).toBeUndefined();
+ });
+ });
+
+ it('supports requiring controllers', function() {
+ var MyController = function() { };
+ var gotCtrl;
+ var injector = makeInjectorWithDirectives({
+ myCtrlDirective: function() {
+ return {controller: MyController};
+ },
+ myTranscluder: function() {
+ return {
+ transclude: 'element',
+ link: function(scope, el, attrs, ctrl, transclude) {
+ el.after(transclude());
+ }
+ };
+ },
+ myOtherDirective: function() {
+ return {
+ require: '^myCtrlDirective',
+ link: function(scope, el, attrs, ctrl, transclude) {
+ gotCtrl = ctrl;
+ }
+ };
+ }
+ });
+ injector.invoke(function($compile, $rootScope) {
+ var el = $('
Hello
My expression: {{myExpr}}
');
+ $compile(el)($rootScope);
+
+ $rootScope.$apply();
+ expect(el.html()).toEqual('My expression: ');
+
+ $rootScope.myExpr = 'Hello';
+ $rootScope.$apply();
+ expect(el.html()).toEqual('My expression: Hello');
+ });
+ });
+
+ it('adds binding class to text node parents', function() {
+ var injector = makeInjectorWithDirectives({});
+ injector.invoke(function($compile, $rootScope) {
+ var el = $('My expression: {{myExpr}}
');
+ $compile(el)($rootScope);
+
+ expect(el.hasClass('ng-binding')).toBe(true);
+ });
+ });
+
+ it('adds binding data to text node parents', function() {
+ var injector = makeInjectorWithDirectives({});
+ injector.invoke(function($compile, $rootScope) {
+ var el = $('{{myExpr}} and {{myOtherExpr}}
');
+ $compile(el)($rootScope);
+
+ expect(el.data('$binding')).toEqual(['myExpr', 'myOtherExpr']);
+ });
+ });
+
+ it('adds binding data to parent from multiple text nodes', function() {
+ var injector = makeInjectorWithDirectives({});
+ injector.invoke(function($compile, $rootScope) {
+ var el = $('{{myExpr}} and {{myOtherExpr}}
');
+ $compile(el)($rootScope);
+
+ expect(el.data('$binding')).toEqual(['myExpr', 'myOtherExpr']);
+ });
+ });
+
+ it('is done for attributes', function() {
+ var injector = makeInjectorWithDirectives({});
+ injector.invoke(function($compile, $rootScope) {
+ var el = $('Hello
');
+ $compile(el)($rootScope);
+ expect(el.find('> [ng-transclude]').html()).toEqual('Hello');
+ });
+ });
+
+ it('empties existing contents', function() {
+ var injector = createInjectorWithTranscluderTemplate(
+ 'Existing contents
'
+ );
+ injector.invoke(function($compile, $rootScope) {
+ var el = $('Hello
');
+ $compile(el)($rootScope);
+ expect(el.find('> [ng-transclude]').html()).toEqual('Hello');
+ });
+ });
+
+ it('may be used as element', function() {
+ var injector = createInjectorWithTranscluderTemplate(
+ 'Hello
');
+ $compile(el)($rootScope);
+ expect(el.find('> ng-transclude').html()).toEqual('Hello');
+ });
+ });
+
+ it('may be used as class', function() {
+ var injector = createInjectorWithTranscluderTemplate(
+ 'Existing contents
'
+ );
+ injector.invoke(function($compile, $rootScope) {
+ var el = $('Hello
');
+ $compile(el)($rootScope);
+ expect(el.find('> .ng-transclude').html()).toEqual('Hello');
+ });
+ });
+
+});
diff --git a/test/interpolate_spec.js b/test/interpolate_spec.js
new file mode 100644
index 00000000..fe809f2b
--- /dev/null
+++ b/test/interpolate_spec.js
@@ -0,0 +1,187 @@
+'use strict';
+
+var publishExternalAPI = require('../src/angular_public');
+var createInjector = require('../src/injector');
+
+describe('$interpolate', function() {
+
+ beforeEach(function() {
+ delete window.angular;
+ publishExternalAPI();
+ });
+
+ it('should exist', function() {
+ var injector = createInjector(['ng']);
+ expect(injector.has('$interpolate')).toBe(true);
+ });
+
+ it('produces an identity function for static content', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('hello');
+ expect(interp instanceof Function).toBe(true);
+ expect(interp()).toEqual('hello');
+ });
+
+ it('evaluates a single expression', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('{{anAttr}}');
+ expect(interp({anAttr: '42'})).toEqual('42');
+ });
+
+ it('evaluates many expressions', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('First {{anAttr}}, then {{anotherAttr}}!');
+ expect(interp({anAttr: '42', anotherAttr: '43'})).toEqual('First 42, then 43!');
+ });
+
+ it('passes through ill-defined interpolations', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('why u no }}work{{');
+ expect(interp({})).toEqual('why u no }}work{{');
+ });
+
+ it('turns nulls into empty strings', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('{{aNull}}');
+ expect(interp({aNull: null})).toEqual('');
+ });
+
+ it('turns undefineds into empty strings', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('{{anUndefined}}');
+ expect(interp({})).toEqual('');
+ });
+
+ it('turns numbers into strings', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('{{aNumber}}');
+ expect(interp({aNumber: 42})).toEqual('42');
+ });
+
+ it('turns booleans into strings', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('{{aBoolean}}');
+ expect(interp({aBoolean: true})).toEqual('true');
+ });
+
+ it('turns arrays into JSON strings', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('{{anArray}}');
+ expect(interp({anArray: [1, 2, [3]]})).toEqual('[1,2,[3]]');
+ });
+
+ it('turns objects into JSON strings', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('{{anObject}}');
+ expect(interp({anObject: {a: 1, b: '2'}})).toEqual('{"a":1,"b":"2"}');
+ });
+
+ it('unescapes escaped sequences', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('\\{\\{expr\\}\\} {{expr}} \\{\\{expr\\}\\}');
+ expect(interp({expr: 'value'})).toEqual('{{expr}} value {{expr}}');
+ });
+
+ it('does not return function for when flagged and no expressions', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('static content only', true);
+ expect(interp).toBeFalsy();
+ });
+
+ it('returns function when flagged and has expressions', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+
+ var interp = $interpolate('has an {{expr}}', true);
+ expect(interp).not.toBeFalsy();
+ });
+
+ it('uses a watch delegate', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+ var interp = $interpolate('has an {{expr}}');
+ expect(interp.$$watchDelegate).toBeDefined();
+ });
+
+ it('correctly returns new and old value when watched', function() {
+ var injector = createInjector(['ng']);
+ var $interpolate = injector.get('$interpolate');
+ var $rootScope = injector.get('$rootScope');
+
+ var interp = $interpolate('{{expr}}');
+ var listenerSpy = jasmine.createSpy();
+
+ $rootScope.$watch(interp, listenerSpy);
+ $rootScope.expr = 42;
+
+ $rootScope.$apply();
+ expect(listenerSpy.calls.mostRecent().args[0]).toEqual('42');
+ expect(listenerSpy.calls.mostRecent().args[1]).toEqual('42');
+
+ $rootScope.expr++;
+ $rootScope.$apply();
+ expect(listenerSpy.calls.mostRecent().args[0]).toEqual('43');
+ expect(listenerSpy.calls.mostRecent().args[1]).toEqual('42');
+ });
+
+ it('allows configuring start and end symbols', function() {
+ var injector = createInjector(['ng', function($interpolateProvider) {
+ $interpolateProvider.startSymbol('FOO').endSymbol('OOF');
+ }]);
+ var $interpolate = injector.get('$interpolate');
+ expect($interpolate.startSymbol()).toEqual('FOO');
+ expect($interpolate.endSymbol()).toEqual('OOF');
+ });
+
+ it('works with start and end symbols that differ from default', function() {
+ var injector = createInjector(['ng', function($interpolateProvider) {
+ $interpolateProvider.startSymbol('FOO').endSymbol('OOF');
+ }]);
+ var $interpolate = injector.get('$interpolate');
+ var interpFn = $interpolate('FOOmyExprOOF');
+ expect(interpFn({myExpr: 42})).toEqual('42');
+ });
+
+ it('does not work with default start and end symbols when reconfigured', function() {
+ var injector = createInjector(['ng', function($interpolateProvider) {
+ $interpolateProvider.startSymbol('FOO').endSymbol('OOF');
+ }]);
+ var $interpolate = injector.get('$interpolate');
+ var interpFn = $interpolate('{{myExpr}}');
+ expect(interpFn({myExpr: 42})).toEqual('{{myExpr}}');
+ });
+
+ it('supports unescaping for reconfigured symbols', function() {
+ var injector = createInjector(['ng', function($interpolateProvider) {
+ $interpolateProvider.startSymbol('FOO').endSymbol('OOF');
+ }]);
+ var $interpolate = injector.get('$interpolate');
+ var interpFn = $interpolate('\\F\\O\\OmyExpr\\O\\O\\F');
+ expect(interpFn({})).toEqual('FOOmyExprOOF');
+ });
+
+});