diff options
| author | Misko Hevery | 2011-02-12 10:13:28 -0800 |
|---|---|---|
| committer | Misko Hevery | 2011-02-16 01:03:12 -0500 |
| commit | ef4bb28be13e99f96c9ace5936cf26a174a0e5f0 (patch) | |
| tree | 833057505e430cac064214ac3d55c687338da2a9 /test/BinderSpec.js | |
| parent | 496e6bf9016d33a7cf2f4730d06a8655f01ca5cb (diff) | |
| download | angular.js-ef4bb28be13e99f96c9ace5936cf26a174a0e5f0.tar.bz2 | |
Change API angular.compile(element)([scope], [element/true])
Diffstat (limited to 'test/BinderSpec.js')
| -rw-r--r-- | test/BinderSpec.js | 110 |
1 files changed, 54 insertions, 56 deletions
diff --git a/test/BinderSpec.js b/test/BinderSpec.js index c3f90ad7..a1b9be14 100644 --- a/test/BinderSpec.js +++ b/test/BinderSpec.js @@ -4,7 +4,6 @@ describe('Binder', function(){ var self = this; this.compile = function(html, parent) { - var compiler = new Compiler(angularTextMarkup, angularAttrMarkup, angularDirective, angularWidget); if (self.element) dealoc(self.element); var element; if (parent) { @@ -14,11 +13,10 @@ describe('Binder', function(){ element = jqLite(html); } self.element = element; - var scope = compiler.compile(element)(element); - return {node:element, scope:scope}; + return angular.compile(element)(); }; this.compileToHtml = function (content) { - return sortedHtml(this.compile(content).node); + return sortedHtml(this.compile(content).view); }; }); @@ -92,7 +90,7 @@ describe('Binder', function(){ var form = this.compile('<div ng:bind="model.a">x</div>'); form.scope.$set('model', {a:123}); form.scope.$eval(); - assertEquals('123', form.node.text()); + assertEquals('123', form.view.text()); }); it('ReplaceBindingInTextWithSpan', function(){ @@ -115,7 +113,7 @@ describe('Binder', function(){ it('BindingOfAttributes', function(){ var c = this.compile("<a href='http://s/a{{b}}c' foo='x'></a>"); - var attrbinding = c.node.attr("ng:bind-attr"); + var attrbinding = c.view.attr("ng:bind-attr"); var bindings = fromJson(attrbinding); assertEquals("http://s/a{{b}}c", decodeURI(bindings.href)); assertTrue(!bindings.foo); @@ -123,7 +121,7 @@ describe('Binder', function(){ it('MarkMultipleAttributes', function(){ var c = this.compile('<a href="http://s/a{{b}}c" foo="{{d}}"></a>'); - var attrbinding = c.node.attr("ng:bind-attr"); + var attrbinding = c.view.attr("ng:bind-attr"); var bindings = fromJson(attrbinding); assertEquals(bindings.foo, "{{d}}"); assertEquals(decodeURI(bindings.href), "http://s/a{{b}}c"); @@ -131,23 +129,23 @@ describe('Binder', function(){ it('AttributesNoneBound', function(){ var c = this.compile("<a href='abc' foo='def'></a>"); - var a = c.node; + var a = c.view; assertEquals(a[0].nodeName, "A"); assertTrue(!a.attr("ng:bind-attr")); }); it('ExistingAttrbindingIsAppended', function(){ var c = this.compile("<a href='http://s/{{abc}}' ng:bind-attr='{\"b\":\"{{def}}\"}'></a>"); - var a = c.node; + var a = c.view; assertEquals('{"b":"{{def}}","href":"http://s/{{abc}}"}', a.attr('ng:bind-attr')); }); it('AttributesAreEvaluated', function(){ var c = this.compile('<a ng:bind-attr=\'{"a":"a", "b":"a+b={{a+b}}"}\'></a>'); - var binder = c.binder, form = c.node; + var binder = c.binder, form = c.view; c.scope.$eval('a=1;b=2'); c.scope.$eval(); - var a = c.node; + var a = c.view; assertEquals(a.attr('a'), 'a'); assertEquals(a.attr('b'), 'a+b=3'); }); @@ -158,7 +156,7 @@ describe('Binder', function(){ c.scope.$set("person.save", function(){ savedCalled = true; }); - browserTrigger(c.node, 'click'); + browserTrigger(c.view, 'click'); assertTrue(savedCalled); }); @@ -169,7 +167,7 @@ describe('Binder', function(){ log += 'click;'; }); expect(log).toEqual(''); - browserTrigger(c.node, 'click'); + browserTrigger(c.view, 'click'); expect(log).toEqual('click;'); }); @@ -179,13 +177,13 @@ describe('Binder', function(){ c.scope.$set("person.save", function(){ savedCalled = true; }); - browserTrigger(c.node, 'click'); + browserTrigger(c.view, 'click'); assertTrue(savedCalled); }); it('RepeaterUpdateBindings', function(){ var a = this.compile('<ul><LI ng:repeat="item in model.items" ng:bind="item.a"/></ul>'); - var form = a.node; + var form = a.view; var items = [{a:"A"}, {a:"B"}]; a.scope.$set('model', {items:items}); @@ -225,7 +223,7 @@ describe('Binder', function(){ assertEquals('<ul>' + '<#comment></#comment>' + '<li ng:repeat-index="0"><span ng:bind="item.a">A</span></li>' + - '</ul>', sortedHtml(a.node)); + '</ul>', sortedHtml(a.view)); }); it('ExpandEntityTag', function(){ @@ -241,11 +239,11 @@ describe('Binder', function(){ it('RepeaterAdd', function(){ var c = this.compile('<div><input type="text" name="item.x" ng:repeat="item in items"></div>'); - var doc = c.node; + var doc = c.view; c.scope.$set('items', [{x:'a'}, {x:'b'}]); c.scope.$eval(); - var first = childNode(c.node, 1); - var second = childNode(c.node, 2); + var first = childNode(c.view, 1); + var second = childNode(c.view, 2); assertEquals('a', first.val()); assertEquals('b', second.val()); @@ -261,20 +259,20 @@ describe('Binder', function(){ c.scope.$set("items", items); c.scope.$eval(); - expect(c.node[0].childNodes.length - 1).toEqual(0); + expect(c.view[0].childNodes.length - 1).toEqual(0); items.name = "misko"; c.scope.$eval(); - expect(c.node[0].childNodes.length - 1).toEqual(1); + expect(c.view[0].childNodes.length - 1).toEqual(1); delete items.name; c.scope.$eval(); - expect(c.node[0].childNodes.length - 1).toEqual(0); + expect(c.view[0].childNodes.length - 1).toEqual(0); }); it('IfTextBindingThrowsErrorDecorateTheSpan', function(){ var a = this.compile('<div>{{error.throw()}}</div>'); - var doc = a.node; + var doc = a.view; var errorLogs = a.scope.$service('$log').error.logs; a.scope.$set('error.throw', function(){throw "ErrorMsg1";}); @@ -303,7 +301,7 @@ describe('Binder', function(){ it('IfAttrBindingThrowsErrorDecorateTheAttribute', function(){ var a = this.compile('<div attr="before {{error.throw()}} after"></div>'); - var doc = a.node; + var doc = a.view; var errorLogs = a.scope.$service('$log').error.logs; a.scope.$set('error.throw', function(){throw "ErrorMsg";}); @@ -340,7 +338,7 @@ describe('Binder', function(){ '<#comment></#comment>'+ '<ul name="b1" ng:bind-attr="{"name":"{{i}}"}" ng:repeat-index="0"></ul>'+ '<ul name="b2" ng:bind-attr="{"name":"{{i}}"}" ng:repeat-index="1"></ul>'+ - '</div></div>', sortedHtml(a.node)); + '</div></div>', sortedHtml(a.view)); }); it('HideBindingExpression', function(){ @@ -349,12 +347,12 @@ describe('Binder', function(){ a.scope.$set('hidden', 3); a.scope.$eval(); - assertHidden(a.node); + assertHidden(a.view); a.scope.$set('hidden', 2); a.scope.$eval(); - assertVisible(a.node); + assertVisible(a.view); }); it('HideBinding', function(){ @@ -363,17 +361,17 @@ describe('Binder', function(){ c.scope.$set('hidden', 'true'); c.scope.$eval(); - assertHidden(c.node); + assertHidden(c.view); c.scope.$set('hidden', 'false'); c.scope.$eval(); - assertVisible(c.node); + assertVisible(c.view); c.scope.$set('hidden', ''); c.scope.$eval(); - assertVisible(c.node); + assertVisible(c.view); }); it('ShowBinding', function(){ @@ -382,17 +380,17 @@ describe('Binder', function(){ c.scope.$set('show', 'true'); c.scope.$eval(); - assertVisible(c.node); + assertVisible(c.view); c.scope.$set('show', 'false'); c.scope.$eval(); - assertHidden(c.node); + assertHidden(c.view); c.scope.$set('show', ''); c.scope.$eval(); - assertHidden(c.node); + assertHidden(c.view); }); it('BindClassUndefined', function(){ @@ -401,7 +399,7 @@ describe('Binder', function(){ assertEquals( '<div class="undefined" ng:class="undefined"></div>', - sortedHtml(doc.node)); + sortedHtml(doc.view)); }); it('BindClass', function(){ @@ -410,26 +408,26 @@ describe('Binder', function(){ c.scope.$set('class', 'testClass'); c.scope.$eval(); - assertEquals('<div class="testClass" ng:class="class"></div>', sortedHtml(c.node)); + assertEquals('<div class="testClass" ng:class="class"></div>', sortedHtml(c.view)); c.scope.$set('class', ['a', 'b']); c.scope.$eval(); - assertEquals('<div class="a b" ng:class="class"></div>', sortedHtml(c.node)); + assertEquals('<div class="a b" ng:class="class"></div>', sortedHtml(c.view)); }); it('BindClassEvenOdd', function(){ var x = this.compile('<div><div ng:repeat="i in [0,1]" ng:class-even="\'e\'" ng:class-odd="\'o\'"/></div>'); x.scope.$eval(); - var d1 = jqLite(x.node[0].childNodes[1]); - var d2 = jqLite(x.node[0].childNodes[2]); + var d1 = jqLite(x.view[0].childNodes[1]); + var d2 = jqLite(x.view[0].childNodes[2]); expect(d1.hasClass('o')).toBeTruthy(); expect(d2.hasClass('e')).toBeTruthy(); assertEquals( '<div><#comment></#comment>' + '<div class="o" ng:class-even="\'e\'" ng:class-odd="\'o\'" ng:repeat-index="0"></div>' + '<div class="e" ng:class-even="\'e\'" ng:class-odd="\'o\'" ng:repeat-index="1"></div></div>', - sortedHtml(x.node)); + sortedHtml(x.view)); }); it('BindStyle', function(){ @@ -438,7 +436,7 @@ describe('Binder', function(){ c.scope.$eval('style={color:"red"}'); c.scope.$eval(); - assertEquals("red", c.node.css('color')); + assertEquals("red", c.view.css('color')); c.scope.$eval('style={}'); c.scope.$eval(); @@ -449,7 +447,7 @@ describe('Binder', function(){ c.scope.action = function(){ throw new Error('MyError'); }; - var input = c.node; + var input = c.view; browserTrigger(input, 'click'); var error = input.attr('ng-exception'); assertTrue(!!error.match(/MyError/)); @@ -470,14 +468,14 @@ describe('Binder', function(){ "<div ng:non-bindable='true'>{{c}}</div></div>"); c.scope.$set('a', 123); c.scope.$eval(); - assertEquals('123{{a}}{{b}}{{c}}', c.node.text()); + assertEquals('123{{a}}{{b}}{{c}}', c.view.text()); }); it('OptionShouldUpdateParentToGetProperBinding', function(){ var c = this.compile('<select name="s"><option ng:repeat="i in [0,1]" value="{{i}}" ng:bind="i"></option></select>'); c.scope.$set('s', 1); c.scope.$eval(); - assertEquals(1, c.node[0].selectedIndex); + assertEquals(1, c.view[0].selectedIndex); }); it('RepeaterShouldBindInputsDefaults', function () { @@ -494,7 +492,7 @@ describe('Binder', function(){ c.scope.$set("name", "World"); c.scope.$eval(); - assertEquals('<pre ng:bind-template="Hello {{name}}!">Hello World!</pre>', sortedHtml(c.node)); + assertEquals('<pre ng:bind-template="Hello {{name}}!">Hello World!</pre>', sortedHtml(c.view)); }); it('FillInOptionValueWhenMissing', function(){ @@ -503,9 +501,9 @@ describe('Binder', function(){ c.scope.$set('a', 'A'); c.scope.$set('b', 'B'); c.scope.$eval(); - var optionA = childNode(c.node, 0); - var optionB = childNode(c.node, 1); - var optionC = childNode(c.node, 2); + var optionA = childNode(c.view, 0); + var optionB = childNode(c.view, 1); + var optionC = childNode(c.view, 2); expect(optionA.attr('value')).toEqual('A'); expect(optionA.text()).toEqual('A'); @@ -565,7 +563,7 @@ describe('Binder', function(){ '<input name="c0" ng:bind-attr="{disabled:\'{{[0]}}\'}"><input name="c1" ng:bind-attr="{disabled:\'{{[]}}\'}"></div>'); c.scope.$eval(); function assertChild(index, disabled) { - var child = childNode(c.node, index); + var child = childNode(c.view, index); assertEquals(sortedHtml(child), disabled, !!child.attr('disabled')); } @@ -581,8 +579,8 @@ describe('Binder', function(){ var c = this.compile('<div>' + '<input type="button" ng:click="greeting=\'ABC\'"/>' + '<input type="button" ng:click=":garbage:"/></div>'); - var first = jqLite(c.node[0].childNodes[0]); - var second = jqLite(c.node[0].childNodes[1]); + var first = jqLite(c.view[0].childNodes[0]); + var second = jqLite(c.view[0].childNodes[1]); var errorLogs = c.scope.$service('$log').error.logs; browserTrigger(first, 'click'); @@ -598,8 +596,8 @@ describe('Binder', function(){ var c = this.compile('<div>' + '<input type="radio" name="sex" value="female"/>' + '<input type="radio" name="sex" value="male"/></div>'); - var female = jqLite(c.node[0].childNodes[0]); - var male = jqLite(c.node[0].childNodes[1]); + var female = jqLite(c.view[0].childNodes[0]); + var male = jqLite(c.view[0].childNodes[1]); browserTrigger(female); assertEquals("female", c.scope.sex); @@ -636,7 +634,7 @@ describe('Binder', function(){ '<li ng:bind=\"k + v\" ng:repeat-index="0">a0</li>' + '<li ng:bind=\"k + v\" ng:repeat-index="1">b1</li>' + '</ul>', - sortedHtml(x.node)); + sortedHtml(x.view)); }); it('ItShouldFireChangeListenersBeforeUpdate', function(){ @@ -648,13 +646,13 @@ describe('Binder', function(){ assertEquals(123, x.scope.$get("name")); assertEquals( '<div ng:bind="name">123</div>', - sortedHtml(x.node)); + sortedHtml(x.view)); }); it('ItShouldHandleMultilineBindings', function(){ var x = this.compile('<div>{{\n 1 \n + \n 2 \n}}</div>'); x.scope.$eval(); - assertEquals("3", x.node.text()); + assertEquals("3", x.view.text()); }); it('ItBindHiddenInputFields', function(){ @@ -667,7 +665,7 @@ describe('Binder', function(){ var x = this.compile('<input name="a" ng:format="list" value="a,b">'); x.scope.$eval(); assertEquals(['a','b'], x.scope.$get('a')); - var input = x.node; + var input = x.view; input[0].value = ' x,,yz'; browserTrigger(input, 'change'); assertEquals(['x','yz'], x.scope.$get('a')); |
