aboutsummaryrefslogtreecommitdiffstats
path: root/test/markupSpec.js
diff options
context:
space:
mode:
Diffstat (limited to 'test/markupSpec.js')
-rw-r--r--test/markupSpec.js138
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}}")));
+};