diff options
Diffstat (limited to 'test/markupSpec.js')
| -rw-r--r-- | test/markupSpec.js | 138 |
1 files changed, 138 insertions, 0 deletions
diff --git a/test/markupSpec.js b/test/markupSpec.js new file mode 100644 index 00000000..8358b673 --- /dev/null +++ b/test/markupSpec.js @@ -0,0 +1,138 @@ +describe("markups", function(){ + + var compile, element, scope; + + beforeEach(function() { + scope = null; + element = null; + var compiler = new Compiler(angularTextMarkup, angularAttrMarkup, angularDirective, angularWidget); + compile = function(html) { + element = jqLite(html); + scope = compiler.compile(element)(element); + scope.$init(); + }; + }); + + afterEach(function(){ + if (element) element.remove(); + expect(size(jqCache)).toEqual(0); + }); + + it('should translate {{}} in text', function(){ + compile('<div>hello {{name}}!</div>'); + expect(sortedHtml(element)).toEqual('<div>hello <span ng-bind="name"></span>!</div>'); + scope.$set('name', 'Misko'); + scope.$eval(); + expect(sortedHtml(element)).toEqual('<div>hello <span ng-bind="name">Misko</span>!</div>'); + }); + + it('should translate {{}} in terminal nodes', function(){ + compile('<select name="x"><option value="">Greet {{name}}!</option></select>'); + expect(sortedHtml(element).replace(' selected="true"', '')).toEqual('<select name="x"><option ng-bind-template="Greet {{name}}!">Greet !</option></select>'); + scope.$set('name', 'Misko'); + scope.$eval(); + expect(sortedHtml(element).replace(' selected="true"', '')).toEqual('<select name="x"><option ng-bind-template="Greet {{name}}!">Greet Misko!</option></select>'); + }); + + it('should translate {{}} in attributes', function(){ + compile('<img src="http://server/{{path}}.png"/>'); + expect(element.attr('ng-bind-attr')).toEqual('{"src":"http://server/{{path}}.png"}'); + scope.$set('path', 'a/b'); + scope.$eval(); + expect(element.attr('src')).toEqual("http://server/a/b.png"); + }); + + it('should populate value attribute on OPTION', function(){ + compile('<select name="x"><option>a</option></select>'); + expect(sortedHtml(element).replace(' selected="true"', '')).toEqual('<select name="x"><option value="a">a</option></select>'); + }); + +}); + + +var BindingMarkupTest = TestCase("BindingMarkupTest"); + +BindingMarkupTest.prototype.testParseTextWithNoBindings = function(){ + var parts = parseBindings("a"); + assertEquals(parts.length, 1); + assertEquals(parts[0], "a"); + assertTrue(!binding(parts[0])); +}; + +BindingMarkupTest.prototype.testParseEmptyText = function(){ + var parts = parseBindings(""); + assertEquals(parts.length, 1); + assertEquals(parts[0], ""); + assertTrue(!binding(parts[0])); +}; + +BindingMarkupTest.prototype.testParseInnerBinding = function(){ + var parts = parseBindings("a{{b}}c"); + assertEquals(parts.length, 3); + assertEquals(parts[0], "a"); + assertTrue(!binding(parts[0])); + assertEquals(parts[1], "{{b}}"); + assertEquals(binding(parts[1]), "b"); + assertEquals(parts[2], "c"); + assertTrue(!binding(parts[2])); +}; + +BindingMarkupTest.prototype.testParseEndingBinding = function(){ + var parts = parseBindings("a{{b}}"); + assertEquals(parts.length, 2); + assertEquals(parts[0], "a"); + assertTrue(!binding(parts[0])); + assertEquals(parts[1], "{{b}}"); + assertEquals(binding(parts[1]), "b"); +}; + +BindingMarkupTest.prototype.testParseBeggingBinding = function(){ + var parts = parseBindings("{{b}}c"); + assertEquals(parts.length, 2); + assertEquals(parts[0], "{{b}}"); + assertEquals(binding(parts[0]), "b"); + assertEquals(parts[1], "c"); + assertTrue(!binding(parts[1])); +}; + +BindingMarkupTest.prototype.testParseLoanBinding = function(){ + var parts = parseBindings("{{b}}"); + assertEquals(parts.length, 1); + assertEquals(parts[0], "{{b}}"); + assertEquals(binding(parts[0]), "b"); +}; + +BindingMarkupTest.prototype.testParseTwoBindings = function(){ + var parts = parseBindings("{{b}}{{c}}"); + assertEquals(parts.length, 2); + assertEquals(parts[0], "{{b}}"); + assertEquals(binding(parts[0]), "b"); + assertEquals(parts[1], "{{c}}"); + assertEquals(binding(parts[1]), "c"); +}; + +BindingMarkupTest.prototype.testParseTwoBindingsWithTextInMiddle = function(){ + var parts = parseBindings("{{b}}x{{c}}"); + assertEquals(parts.length, 3); + assertEquals(parts[0], "{{b}}"); + assertEquals(binding(parts[0]), "b"); + assertEquals(parts[1], "x"); + assertTrue(!binding(parts[1])); + assertEquals(parts[2], "{{c}}"); + assertEquals(binding(parts[2]), "c"); +}; + +BindingMarkupTest.prototype.testParseMultiline = function(){ + var parts = parseBindings('"X\nY{{A\nB}}C\nD"'); + assertTrue(!!binding('{{A\nB}}')); + assertEquals(parts.length, 3); + assertEquals(parts[0], '"X\nY'); + assertEquals(parts[1], '{{A\nB}}'); + assertEquals(parts[2], 'C\nD"'); +}; + +BindingMarkupTest.prototype.testHasBinding = function(){ + assertTrue(hasBindings(parseBindings("{{a}}"))); + assertTrue(!hasBindings(parseBindings("a"))); + assertTrue(hasBindings(parseBindings("{{b}}x{{c}}"))); +}; |
