diff options
Diffstat (limited to 'test/widgetsSpec.js')
| -rw-r--r-- | test/widgetsSpec.js | 447 |
1 files changed, 225 insertions, 222 deletions
diff --git a/test/widgetsSpec.js b/test/widgetsSpec.js index 2cfe216c..c6c57557 100644 --- a/test/widgetsSpec.js +++ b/test/widgetsSpec.js @@ -1,5 +1,4 @@ -describe("input widget", function(){ - +describe("widget", function(){ var compile, element, scope; beforeEach(function() { @@ -19,265 +18,269 @@ describe("input widget", function(){ expect(size(jqCache)).toEqual(0); }); - it('should input-text auto init and handle keyup/change events', function(){ - compile('<input type="Text" name="name" value="Misko" ng-change="count = count + 1" ng-init="count=0"/>'); - expect(scope.$get('name')).toEqual("Misko"); - expect(scope.$get('count')).toEqual(0); + describe("input", function(){ - scope.$set('name', 'Adam'); - scope.$eval(); - expect(element.val()).toEqual("Adam"); + it('should input-text auto init and handle keyup/change events', function(){ + compile('<input type="Text" name="name" value="Misko" ng-change="count = count + 1" ng-init="count=0"/>'); + expect(scope.$get('name')).toEqual("Misko"); + expect(scope.$get('count')).toEqual(0); - element.val('Shyam'); - element.trigger('keyup'); - expect(scope.$get('name')).toEqual('Shyam'); - expect(scope.$get('count')).toEqual(1); + scope.$set('name', 'Adam'); + scope.$eval(); + expect(element.val()).toEqual("Adam"); - element.val('Kai'); - element.trigger('change'); - expect(scope.$get('name')).toEqual('Kai'); - expect(scope.$get('count')).toEqual(2); - }); + element.val('Shyam'); + element.trigger('keyup'); + expect(scope.$get('name')).toEqual('Shyam'); + expect(scope.$get('count')).toEqual(1); - it("should process ng-format", function(){ - compile('<input type="Text" name="list" value="a,b,c" ng-format="list"/>'); - expect(scope.$get('list')).toEqual(['a', 'b', 'c']); + element.val('Kai'); + element.trigger('change'); + expect(scope.$get('name')).toEqual('Kai'); + expect(scope.$get('count')).toEqual(2); + }); - scope.$set('list', ['x', 'y', 'z']); - scope.$eval(); - expect(element.val()).toEqual("x, y, z"); + it("should process ng-format", function(){ + compile('<input type="Text" name="list" value="a,b,c" ng-format="list"/>'); + expect(scope.$get('list')).toEqual(['a', 'b', 'c']); - element.val('1, 2, 3'); - element.trigger('keyup'); - expect(scope.$get('list')).toEqual(['1', '2', '3']); - }); + scope.$set('list', ['x', 'y', 'z']); + scope.$eval(); + expect(element.val()).toEqual("x, y, z"); - it("should process ng-format for booleans", function(){ - compile('<input type="checkbox" name="name" value="true" ng-format="boolean"/>', function(){ - scope.name = false; + element.val('1, 2, 3'); + element.trigger('keyup'); + expect(scope.$get('list')).toEqual(['1', '2', '3']); }); - expect(scope.name).toEqual(false); - expect(scope.$element[0].checked).toEqual(false); - }); - it("should process ng-validate", function(){ - compile('<input type="text" name="price" value="abc" ng-validate="number"/>'); - expect(element.hasClass('ng-validation-error')).toBeTruthy(); - expect(element.attr('ng-validation-error')).toEqual('Not a number'); + it("should process ng-format for booleans", function(){ + compile('<input type="checkbox" name="name" value="true" ng-format="boolean"/>', function(){ + scope.name = false; + }); + expect(scope.name).toEqual(false); + expect(scope.$element[0].checked).toEqual(false); + }); - scope.$set('price', '123'); - scope.$eval(); - expect(element.hasClass('ng-validation-error')).toBeFalsy(); - expect(element.attr('ng-validation-error')).toBeFalsy(); + it("should process ng-validate", function(){ + compile('<input type="text" name="price" value="abc" ng-validate="number"/>'); + expect(element.hasClass('ng-validation-error')).toBeTruthy(); + expect(element.attr('ng-validation-error')).toEqual('Not a number'); - element.val('x'); - element.trigger('keyup'); - expect(element.hasClass('ng-validation-error')).toBeTruthy(); - expect(element.attr('ng-validation-error')).toEqual('Not a number'); - }); + scope.$set('price', '123'); + scope.$eval(); + expect(element.hasClass('ng-validation-error')).toBeFalsy(); + expect(element.attr('ng-validation-error')).toBeFalsy(); - it("should not call validator if undefinde/empty", function(){ - var lastValue = "NOT_CALLED"; - angularValidator.myValidator = function(value){lastValue = value;}; - compile('<input type="text" name="url" ng-validate="myValidator"/>'); - expect(lastValue).toEqual("NOT_CALLED"); + element.val('x'); + element.trigger('keyup'); + expect(element.hasClass('ng-validation-error')).toBeTruthy(); + expect(element.attr('ng-validation-error')).toEqual('Not a number'); + }); - scope.url = 'http://server'; - scope.$eval(); - expect(lastValue).toEqual("http://server"); + it("should not call validator if undefinde/empty", function(){ + var lastValue = "NOT_CALLED"; + angularValidator.myValidator = function(value){lastValue = value;}; + compile('<input type="text" name="url" ng-validate="myValidator"/>'); + expect(lastValue).toEqual("NOT_CALLED"); - delete angularValidator.myValidator; - }); + scope.url = 'http://server'; + scope.$eval(); + expect(lastValue).toEqual("http://server"); - it("should ignore disabled widgets", function(){ - compile('<input type="text" name="price" ng-required disabled/>'); - expect(element.hasClass('ng-validation-error')).toBeFalsy(); - expect(element.attr('ng-validation-error')).toBeFalsy(); - }); + delete angularValidator.myValidator; + }); - it("should ignore readonly widgets", function(){ - compile('<input type="text" name="price" ng-required readonly/>'); - expect(element.hasClass('ng-validation-error')).toBeFalsy(); - expect(element.attr('ng-validation-error')).toBeFalsy(); - }); + it("should ignore disabled widgets", function(){ + compile('<input type="text" name="price" ng-required disabled/>'); + expect(element.hasClass('ng-validation-error')).toBeFalsy(); + expect(element.attr('ng-validation-error')).toBeFalsy(); + }); - it("should process ng-required", function(){ - compile('<input type="text" name="price" ng-required/>'); - expect(element.hasClass('ng-validation-error')).toBeTruthy(); - expect(element.attr('ng-validation-error')).toEqual('Required'); + it("should ignore readonly widgets", function(){ + compile('<input type="text" name="price" ng-required readonly/>'); + expect(element.hasClass('ng-validation-error')).toBeFalsy(); + expect(element.attr('ng-validation-error')).toBeFalsy(); + }); - scope.$set('price', 'xxx'); - scope.$eval(); - expect(element.hasClass('ng-validation-error')).toBeFalsy(); - expect(element.attr('ng-validation-error')).toBeFalsy(); + it("should process ng-required", function(){ + compile('<input type="text" name="price" ng-required/>'); + expect(element.hasClass('ng-validation-error')).toBeTruthy(); + expect(element.attr('ng-validation-error')).toEqual('Required'); - element.val(''); - element.trigger('keyup'); - expect(element.hasClass('ng-validation-error')).toBeTruthy(); - expect(element.attr('ng-validation-error')).toEqual('Required'); - }); + scope.$set('price', 'xxx'); + scope.$eval(); + expect(element.hasClass('ng-validation-error')).toBeFalsy(); + expect(element.attr('ng-validation-error')).toBeFalsy(); - it("should process ng-required2", function() { - compile('<textarea name="name">Misko</textarea>'); - expect(scope.$get('name')).toEqual("Misko"); + element.val(''); + element.trigger('keyup'); + expect(element.hasClass('ng-validation-error')).toBeTruthy(); + expect(element.attr('ng-validation-error')).toEqual('Required'); + }); - scope.$set('name', 'Adam'); - scope.$eval(); - expect(element.val()).toEqual("Adam"); + it("should process ng-required2", function() { + compile('<textarea name="name">Misko</textarea>'); + expect(scope.$get('name')).toEqual("Misko"); - element.val('Shyam'); - element.trigger('keyup'); - expect(scope.$get('name')).toEqual('Shyam'); + scope.$set('name', 'Adam'); + scope.$eval(); + expect(element.val()).toEqual("Adam"); - element.val('Kai'); - element.trigger('change'); - expect(scope.$get('name')).toEqual('Kai'); - }); + element.val('Shyam'); + element.trigger('keyup'); + expect(scope.$get('name')).toEqual('Shyam'); - it('should call ng-change on button click', function(){ - compile('<input type="button" value="Click Me" ng-change="clicked = true"/>'); - element.trigger('click'); - expect(scope.$get('clicked')).toEqual(true); - }); + element.val('Kai'); + element.trigger('change'); + expect(scope.$get('name')).toEqual('Kai'); + }); - it('should support button alias', function(){ - compile('<button ng-change="clicked = true">Click Me</button>'); - element.trigger('click'); - expect(scope.$get('clicked')).toEqual(true); - }); + it('should call ng-change on button click', function(){ + compile('<input type="button" value="Click Me" ng-change="clicked = true"/>'); + element.trigger('click'); + expect(scope.$get('clicked')).toEqual(true); + }); - it('should type="checkbox"', function(){ - compile('<input type="checkbox" name="checkbox" checked ng-change="action = true"/>'); - expect(scope.checkbox).toEqual(true); - element.trigger('click'); - expect(scope.checkbox).toEqual(false); - expect(scope.action).toEqual(true); - element.trigger('click'); - expect(scope.checkbox).toEqual(true); - }); + it('should support button alias', function(){ + compile('<button ng-change="clicked = true">Click Me</button>'); + element.trigger('click'); + expect(scope.$get('clicked')).toEqual(true); + }); - it('should type="radio"', function(){ - compile('<div>' + - '<input type="radio" name="chose" value="A" ng-change="clicked = 1"/>' + - '<input type="radio" name="chose" value="B" checked ng-change="clicked = 2"/>' + - '<input type="radio" name="chose" value="C" ng-change="clicked = 3"/>' + - '</div>'); - var a = element[0].childNodes[0]; - var b = element[0].childNodes[1]; - expect(b.name.split('@')[1]).toEqual('chose'); - expect(scope.chose).toEqual('B'); - scope.chose = 'A'; - scope.$eval(); - expect(a.checked).toEqual(true); - - scope.chose = 'B'; - scope.$eval(); - expect(a.checked).toEqual(false); - expect(b.checked).toEqual(true); - expect(scope.clicked).not.toBeDefined(); - - jqLite(a).trigger('click'); - expect(scope.chose).toEqual('A'); - expect(scope.clicked).toEqual(1); - }); + it('should support type="checkbox"', function(){ + compile('<input type="checkBox" name="checkbox" checked ng-change="action = true"/>'); + expect(scope.checkbox).toEqual(true); + element.trigger('click'); + expect(scope.checkbox).toEqual(false); + expect(scope.action).toEqual(true); + element.trigger('click'); + expect(scope.checkbox).toEqual(true); + }); - it('should type="select-one"', function(){ - compile( - '<select name="selection">' + - '<option>A</option>' + - '<option selected>B</option>' + - '</select>'); - expect(scope.selection).toEqual('B'); - scope.selection = 'A'; - scope.$eval(); - expect(scope.selection).toEqual('A'); - expect(element[0].childNodes[0].selected).toEqual(true); - }); + it('should support type="radio"', function(){ + compile('<div>' + + '<input type="radio" name="chose" value="A" ng-change="clicked = 1"/>' + + '<input type="raDio" name="chose" value="B" checked ng-change="clicked = 2"/>' + + '<input type="radio" name="chose" value="C" ng-change="clicked = 3"/>' + + '</div>'); + var a = element[0].childNodes[0]; + var b = element[0].childNodes[1]; + expect(b.name.split('@')[1]).toEqual('chose'); + expect(scope.chose).toEqual('B'); + scope.chose = 'A'; + scope.$eval(); + expect(a.checked).toEqual(true); + + scope.chose = 'B'; + scope.$eval(); + expect(a.checked).toEqual(false); + expect(b.checked).toEqual(true); + expect(scope.clicked).not.toBeDefined(); + + jqLite(a).trigger('click'); + expect(scope.chose).toEqual('A'); + expect(scope.clicked).toEqual(1); + }); - it('should type="select-multiple"', function(){ - compile( - '<select name="selection" multiple>' + - '<option>A</option>' + - '<option selected>B</option>' + - '</select>'); - expect(scope.selection).toEqual(['B']); - scope.selection = ['A']; - scope.$eval(); - expect(element[0].childNodes[0].selected).toEqual(true); - }); + it('should support type="select-one"', function(){ + compile( + '<select name="selection">' + + '<option>A</option>' + + '<option selected>B</option>' + + '</select>'); + expect(scope.selection).toEqual('B'); + scope.selection = 'A'; + scope.$eval(); + expect(scope.selection).toEqual('A'); + expect(element[0].childNodes[0].selected).toEqual(true); + }); - it('should report error on missing field', function(){ - compile('<input type="text"/>'); - expect(element.hasClass('ng-exception')).toBeTruthy(); - }); + it('should support type="select-multiple"', function(){ + compile( + '<select name="selection" multiple>' + + '<option>A</option>' + + '<option selected>B</option>' + + '</select>'); + expect(scope.selection).toEqual(['B']); + scope.selection = ['A']; + scope.$eval(); + expect(element[0].childNodes[0].selected).toEqual(true); + }); - it('should report error on assignment error', function(){ - compile('<input type="text" name="throw \'\'" value="x"/>'); - expect(element.hasClass('ng-exception')).toBeTruthy(); - }); + it('should report error on missing field', function(){ + compile('<input type="text"/>'); + expect(element.hasClass('ng-exception')).toBeTruthy(); + }); - it('should report error on ng-change exception', function(){ - compile('<button ng-change="a-2=x">click</button>'); - element.trigger('click'); - expect(element.hasClass('ng-exception')).toBeTruthy(); - }); + it('should report error on assignment error', function(){ + compile('<input type="text" name="throw \'\'" value="x"/>'); + expect(element.hasClass('ng-exception')).toBeTruthy(); + }); - it('should switch on value change', function(){ - compile('<ng:switch on="select"><div ng-switch-when="1">first:{{name}}</div><div ng-switch-when="2">second:{{name}}</div></ng:switch>'); - expect(element.html()).toEqual(''); - scope.select = 1; - scope.$eval(); - expect(element.text()).toEqual('first:'); - scope.name="shyam"; - scope.$eval(); - expect(element.text()).toEqual('first:shyam'); - scope.select = 2; - scope.$eval(); - scope.name = 'misko'; - scope.$eval(); - expect(element.text()).toEqual('second:misko'); + it('should report error on ng-change exception', function(){ + compile('<button ng-change="a-2=x">click</button>'); + element.trigger('click'); + expect(element.hasClass('ng-exception')).toBeTruthy(); + }); }); -}); -describe('ng:switch', function(){ - it("should match urls", function(){ - var scope = compile('<ng:switch on="url" using="route:params"><div ng-switch-when="/Book/:name">{{params.name}}</div></ng:include>'); - scope.url = '/Book/Moby'; - scope.$init(); - expect(scope.$element.text()).toEqual('Moby'); - }); + describe('ng:switch', function(){ + it('should switch on value change', function(){ + compile('<ng:switch on="select"><div ng-switch-when="1">first:{{name}}</div><div ng-switch-when="2">second:{{name}}</div></ng:switch>'); + expect(element.html()).toEqual(''); + scope.select = 1; + scope.$eval(); + expect(element.text()).toEqual('first:'); + scope.name="shyam"; + scope.$eval(); + expect(element.text()).toEqual('first:shyam'); + scope.select = 2; + scope.$eval(); + expect(element.text()).toEqual('second:shyam'); + scope.name = 'misko'; + scope.$eval(); + expect(element.text()).toEqual('second:misko'); + }); - it("should match sandwich ids", function(){ - var scope = {}; - var match = angular.widget['NG:SWITCH'].route.call(scope, '/a/123/b', '/a/:id'); - expect(match).toBeFalsy(); - }); + it("should match urls", function(){ + var scope = angular.compile('<ng:switch on="url" using="route:params"><div ng-switch-when="/Book/:name">{{params.name}}</div></ng:include>'); + scope.url = '/Book/Moby'; + scope.$init(); + expect(scope.$element.text()).toEqual('Moby'); + }); + + it("should match sandwich ids", function(){ + var scope = {}; + var match = angular.widget['NG:SWITCH'].route.call(scope, '/a/123/b', '/a/:id'); + expect(match).toBeFalsy(); + }); - it('should call init on switch', function(){ - var scope = compile('<ng:switch on="url" change="name=\'works\'"><div ng-switch-when="a">{{name}}</div></ng:include>'); - var cleared = false; - scope.url = 'a'; - scope.$invalidWidgets = {clearOrphans: function(){ - cleared = true; - }}; - scope.$init(); - expect(scope.name).toEqual(undefined); - expect(scope.$element.text()).toEqual('works'); - expect(cleared).toEqual(true); + it('should call init on switch', function(){ + var scope = angular.compile('<ng:switch on="url" change="name=\'works\'"><div ng-switch-when="a">{{name}}</div></ng:include>'); + var cleared = false; + scope.url = 'a'; + scope.$invalidWidgets = {clearOrphans: function(){ + cleared = true; + }}; + scope.$init(); + expect(scope.name).toEqual(undefined); + expect(scope.$element.text()).toEqual('works'); + expect(cleared).toEqual(true); + }); }); -}); -describe('ng:include', function(){ - it('should include on external file', function() { - var element = jqLite('<ng:include src="url" scope="childScope"></ng:include>'); - var scope = compile(element); - scope.childScope = createScope(); - scope.childScope.name = 'misko'; - scope.url = 'myUrl'; - scope.$browser.xhr.expect('GET', 'myUrl').respond('{{name}}'); - scope.$init(); - scope.$browser.xhr.flush(); - expect(element.text()).toEqual('misko'); + describe('ng:include', function(){ + it('should include on external file', function() { + var element = jqLite('<ng:include src="url" scope="childScope"></ng:include>'); + var scope = angular.compile(element); + scope.childScope = createScope(); + scope.childScope.name = 'misko'; + scope.url = 'myUrl'; + scope.$browser.xhr.expect('GET', 'myUrl').respond('{{name}}'); + scope.$init(); + scope.$browser.xhr.flush(); + expect(element.text()).toEqual('misko'); + }); }); }); |