mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-17 07:40:22 +00:00
converted last of tests to specs
This commit is contained in:
Misko Hevery
parent
247c99a8a4
commit
454626ad39
6 changed files with 848 additions and 867 deletions
667
test/BinderSpec.js
Normal file
667
test/BinderSpec.js
Normal file
|
|
@ -0,0 +1,667 @@
|
|||
describe('Binder', function(){
|
||||
|
||||
beforeEach(function(){
|
||||
var self = this;
|
||||
|
||||
this.compile = function(html, initialScope, parent) {
|
||||
var compiler = new Compiler(angularTextMarkup, angularAttrMarkup, angularDirective, angularWidget);
|
||||
if (self.element) dealoc(self.element);
|
||||
var element = self.element = jqLite(html);
|
||||
var scope = compiler.compile(element)(element);
|
||||
|
||||
if (parent) parent.append(element);
|
||||
|
||||
extend(scope, initialScope);
|
||||
scope.$init();
|
||||
return {node:element, scope:scope};
|
||||
};
|
||||
this.compileToHtml = function (content) {
|
||||
return sortedHtml(this.compile(content).node);
|
||||
};
|
||||
});
|
||||
|
||||
afterEach(function(){
|
||||
if (this.element && this.element.dealoc) {
|
||||
this.element.dealoc();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
it('ChangingTextfieldUpdatesModel', function(){
|
||||
var state = this.compile('<input type="text" name="model.price" value="abc">', {model:{}});
|
||||
state.scope.$eval();
|
||||
assertEquals('abc', state.scope.model.price);
|
||||
});
|
||||
|
||||
it('ChangingTextareaUpdatesModel', function(){
|
||||
var c = this.compile('<textarea name="model.note">abc</textarea>');
|
||||
c.scope.$eval();
|
||||
assertEquals(c.scope.model.note, 'abc');
|
||||
});
|
||||
|
||||
it('ChangingRadioUpdatesModel', function(){
|
||||
var c = this.compile('<input type="radio" name="model.price" value="A" checked>' +
|
||||
'<input type="radio" name="model.price" value="B">');
|
||||
c.scope.$eval();
|
||||
assertEquals(c.scope.model.price, 'A');
|
||||
});
|
||||
|
||||
it('ChangingCheckboxUpdatesModel', function(){
|
||||
var form = this.compile('<input type="checkbox" name="model.price" value="true" checked ng:format="boolean"/>');
|
||||
assertEquals(true, form.scope.model.price);
|
||||
});
|
||||
|
||||
it('BindUpdate', function(){
|
||||
var c = this.compile('<div ng:eval="a=123"/>');
|
||||
assertEquals(123, c.scope.$get('a'));
|
||||
});
|
||||
|
||||
it('ChangingSelectNonSelectedUpdatesModel', function(){
|
||||
var form = this.compile('<select name="model.price"><option value="A">A</option><option value="B">B</option></select>');
|
||||
assertEquals('A', form.scope.model.price);
|
||||
});
|
||||
|
||||
it('ChangingMultiselectUpdatesModel', function(){
|
||||
var form = this.compile('<select name="Invoice.options" multiple="multiple">' +
|
||||
'<option value="A" selected>Gift wrap</option>' +
|
||||
'<option value="B" selected>Extra padding</option>' +
|
||||
'<option value="C">Expedite</option>' +
|
||||
'</select>');
|
||||
assertJsonEquals(["A", "B"], form.scope.$get('Invoice').options);
|
||||
});
|
||||
|
||||
it('ChangingSelectSelectedUpdatesModel', function(){
|
||||
var form = this.compile('<select name="model.price"><option>A</option><option selected value="b">B</option></select>');
|
||||
assertEquals(form.scope.model.price, 'b');
|
||||
});
|
||||
|
||||
it('ExecuteInitialization', function(){
|
||||
var c = this.compile('<div ng:init="a=123">');
|
||||
assertEquals(c.scope.$get('a'), 123);
|
||||
});
|
||||
|
||||
it('ExecuteInitializationStatements', function(){
|
||||
var c = this.compile('<div ng:init="a=123;b=345">');
|
||||
assertEquals(c.scope.$get('a'), 123);
|
||||
assertEquals(c.scope.$get('b'), 345);
|
||||
});
|
||||
|
||||
it('ApplyTextBindings', 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());
|
||||
});
|
||||
|
||||
it('ReplaceBindingInTextWithSpan', function(){
|
||||
assertEquals(this.compileToHtml("<b>a{{b}}c</b>"), '<b>a<span ng:bind="b"></span>c</b>');
|
||||
assertEquals(this.compileToHtml("<b>{{b}}</b>"), '<b><span ng:bind="b"></span></b>');
|
||||
});
|
||||
|
||||
it('BindingSpaceConfusesIE', function(){
|
||||
if (!msie) return;
|
||||
var span = document.createElement("span");
|
||||
span.innerHTML = ' ';
|
||||
var nbsp = span.firstChild.nodeValue;
|
||||
assertEquals(
|
||||
'<b><span ng:bind="a"></span><span>'+nbsp+'</span><span ng:bind="b"></span></b>',
|
||||
this.compileToHtml("<b>{{a}} {{b}}</b>"));
|
||||
assertEquals(
|
||||
'<b><span ng:bind="A"></span><span>'+nbsp+'x </span><span ng:bind="B"></span><span>'+nbsp+'(</span><span ng:bind="C"></span>)</b>',
|
||||
this.compileToHtml("<b>{{A}} x {{B}} ({{C}})</b>"));
|
||||
});
|
||||
|
||||
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 bindings = fromJson(attrbinding);
|
||||
assertEquals("http://s/a{{b}}c", decodeURI(bindings.href));
|
||||
assertTrue(!bindings.foo);
|
||||
});
|
||||
|
||||
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 bindings = fromJson(attrbinding);
|
||||
assertEquals(bindings.foo, "{{d}}");
|
||||
assertEquals(decodeURI(bindings.href), "http://s/a{{b}}c");
|
||||
});
|
||||
|
||||
it('AttributesNoneBound', function(){
|
||||
var c = this.compile("<a href='abc' foo='def'></a>");
|
||||
var a = c.node;
|
||||
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;
|
||||
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;
|
||||
c.scope.$eval('a=1;b=2');
|
||||
c.scope.$eval();
|
||||
var a = c.node;
|
||||
assertEquals(a.attr('a'), 'a');
|
||||
assertEquals(a.attr('b'), 'a+b=3');
|
||||
});
|
||||
|
||||
it('InputTypeButtonActionExecutesInScope', function(){
|
||||
var savedCalled = false;
|
||||
var c = this.compile('<input type="button" ng:click="person.save()" value="Apply">');
|
||||
c.scope.$set("person.save", function(){
|
||||
savedCalled = true;
|
||||
});
|
||||
browserTrigger(c.node, 'click');
|
||||
assertTrue(savedCalled);
|
||||
});
|
||||
|
||||
it('InputTypeButtonActionExecutesInScope2', function(){
|
||||
var log = "";
|
||||
var c = this.compile('<input type="image" ng:click="action()">');
|
||||
c.scope.$set("action", function(){
|
||||
log += 'click;';
|
||||
});
|
||||
expect(log).toEqual('');
|
||||
browserTrigger(c.node, 'click');
|
||||
expect(log).toEqual('click;');
|
||||
});
|
||||
|
||||
it('ButtonElementActionExecutesInScope', function(){
|
||||
var savedCalled = false;
|
||||
var c = this.compile('<button ng:click="person.save()">Apply</button>');
|
||||
c.scope.$set("person.save", function(){
|
||||
savedCalled = true;
|
||||
});
|
||||
browserTrigger(c.node, '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 items = [{a:"A"}, {a:"B"}];
|
||||
a.scope.$set('model', {items:items});
|
||||
|
||||
a.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="0">A</li>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="1">B</li>' +
|
||||
'</ul>', sortedHtml(form));
|
||||
|
||||
items.unshift({a:'C'});
|
||||
a.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="0">C</li>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="1">A</li>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="2">B</li>' +
|
||||
'</ul>', sortedHtml(form));
|
||||
|
||||
items.shift();
|
||||
a.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="0">A</li>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="1">B</li>' +
|
||||
'</ul>', sortedHtml(form));
|
||||
|
||||
items.shift();
|
||||
items.shift();
|
||||
a.scope.$eval();
|
||||
});
|
||||
|
||||
it('RepeaterContentDoesNotBind', function(){
|
||||
var a = this.compile('<ul><LI ng:repeat="item in model.items"><span ng:bind="item.a"></span></li></ul>');
|
||||
a.scope.$set('model', {items:[{a:"A"}]});
|
||||
a.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<li ng:repeat-index="0"><span ng:bind="item.a">A</span></li>' +
|
||||
'</ul>', sortedHtml(a.node));
|
||||
});
|
||||
|
||||
it('ExpandEntityTag', function(){
|
||||
assertEquals(
|
||||
'<div ng-entity="Person" ng:watch="$anchor.a:1"></div>',
|
||||
this.compileToHtml('<div ng-entity="Person" ng:watch="$anchor.a:1"/>'));
|
||||
});
|
||||
|
||||
it('DoNotOverwriteCustomAction', function(){
|
||||
var html = this.compileToHtml('<input type="submit" value="Save" action="foo();">');
|
||||
assertTrue(html.indexOf('action="foo();"') > 0 );
|
||||
});
|
||||
|
||||
it('RepeaterAdd', function(){
|
||||
var c = this.compile('<div><input type="text" name="item.x" ng:repeat="item in items"></div>');
|
||||
var doc = c.node;
|
||||
c.scope.$set('items', [{x:'a'}, {x:'b'}]);
|
||||
c.scope.$eval();
|
||||
var first = childNode(c.node, 1);
|
||||
var second = childNode(c.node, 2);
|
||||
assertEquals('a', first.val());
|
||||
assertEquals('b', second.val());
|
||||
|
||||
first.val('ABC');
|
||||
browserTrigger(first, 'keyup');
|
||||
assertEquals(c.scope.items[0].x, 'ABC');
|
||||
});
|
||||
|
||||
it('ItShouldRemoveExtraChildrenWhenIteratingOverHash', function(){
|
||||
var c = this.compile('<div><div ng:repeat="i in items">{{i}}</div></div>');
|
||||
var items = {};
|
||||
c.scope.$set("items", items);
|
||||
|
||||
c.scope.$eval();
|
||||
expect(c.node[0].childNodes.length - 1).toEqual(0);
|
||||
|
||||
items.name = "misko";
|
||||
c.scope.$eval();
|
||||
expect(c.node[0].childNodes.length - 1).toEqual(1);
|
||||
|
||||
delete items.name;
|
||||
c.scope.$eval();
|
||||
expect(c.node[0].childNodes.length - 1).toEqual(0);
|
||||
});
|
||||
|
||||
it('IfTextBindingThrowsErrorDecorateTheSpan', function(){
|
||||
var a = this.compile('<div>{{error.throw()}}</div>');
|
||||
var doc = a.node;
|
||||
|
||||
a.scope.$set('error.throw', function(){throw "ErrorMsg1";});
|
||||
a.scope.$eval();
|
||||
var span = childNode(doc, 0);
|
||||
assertTrue(span.hasClass('ng-exception'));
|
||||
assertTrue(!!span.text().match(/ErrorMsg1/));
|
||||
assertTrue(!!span.attr('ng-exception').match(/ErrorMsg1/));
|
||||
|
||||
a.scope.$set('error.throw', function(){throw "MyError";});
|
||||
a.scope.$eval();
|
||||
span = childNode(doc, 0);
|
||||
assertTrue(span.hasClass('ng-exception'));
|
||||
assertTrue(span.text(), span.text().match('MyError') !== null);
|
||||
assertEquals('MyError', span.attr('ng-exception'));
|
||||
|
||||
a.scope.$set('error.throw', function(){return "ok";});
|
||||
a.scope.$eval();
|
||||
assertFalse(span.hasClass('ng-exception'));
|
||||
assertEquals('ok', span.text());
|
||||
assertEquals(null, span.attr('ng-exception'));
|
||||
});
|
||||
|
||||
it('IfAttrBindingThrowsErrorDecorateTheAttribute', function(){
|
||||
var a = this.compile('<div attr="before {{error.throw()}} after"></div>');
|
||||
var doc = a.node;
|
||||
|
||||
a.scope.$set('error.throw', function(){throw "ErrorMsg";});
|
||||
a.scope.$eval();
|
||||
assertTrue('ng-exception', doc.hasClass('ng-exception'));
|
||||
assertEquals('"ErrorMsg"', doc.attr('ng-exception'));
|
||||
assertEquals('before "ErrorMsg" after', doc.attr('attr'));
|
||||
|
||||
a.scope.$set('error.throw', function(){ return 'X';});
|
||||
a.scope.$eval();
|
||||
assertFalse('!ng-exception', doc.hasClass('ng-exception'));
|
||||
assertEquals('before X after', doc.attr('attr'));
|
||||
assertEquals(null, doc.attr('ng-exception'));
|
||||
|
||||
});
|
||||
|
||||
it('NestedRepeater', function(){
|
||||
var a = this.compile('<div><div ng:repeat="m in model" name="{{m.name}}">' +
|
||||
'<ul name="{{i}}" ng:repeat="i in m.item"></ul>' +
|
||||
'</div></div>');
|
||||
|
||||
a.scope.$set('model', [{name:'a', item:['a1', 'a2']}, {name:'b', item:['b1', 'b2']}]);
|
||||
a.scope.$eval();
|
||||
|
||||
assertEquals('<div>'+
|
||||
'<#comment></#comment>'+
|
||||
'<div name="a" ng:bind-attr="{"name":"{{m.name}}"}" ng:repeat-index="0">'+
|
||||
'<#comment></#comment>'+
|
||||
'<ul name="a1" ng:bind-attr="{"name":"{{i}}"}" ng:repeat-index="0"></ul>'+
|
||||
'<ul name="a2" ng:bind-attr="{"name":"{{i}}"}" ng:repeat-index="1"></ul>'+
|
||||
'</div>'+
|
||||
'<div name="b" ng:bind-attr="{"name":"{{m.name}}"}" ng:repeat-index="1">'+
|
||||
'<#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));
|
||||
});
|
||||
|
||||
it('HideBindingExpression', function(){
|
||||
var a = this.compile('<div ng:hide="hidden == 3"/>');
|
||||
|
||||
a.scope.$set('hidden', 3);
|
||||
a.scope.$eval();
|
||||
|
||||
assertHidden(a.node);
|
||||
|
||||
a.scope.$set('hidden', 2);
|
||||
a.scope.$eval();
|
||||
|
||||
assertVisible(a.node);
|
||||
});
|
||||
|
||||
it('HideBinding', function(){
|
||||
var c = this.compile('<div ng:hide="hidden"/>');
|
||||
|
||||
c.scope.$set('hidden', 'true');
|
||||
c.scope.$eval();
|
||||
|
||||
assertHidden(c.node);
|
||||
|
||||
c.scope.$set('hidden', 'false');
|
||||
c.scope.$eval();
|
||||
|
||||
assertVisible(c.node);
|
||||
|
||||
c.scope.$set('hidden', '');
|
||||
c.scope.$eval();
|
||||
|
||||
assertVisible(c.node);
|
||||
});
|
||||
|
||||
it('ShowBinding', function(){
|
||||
var c = this.compile('<div ng:show="show"/>');
|
||||
|
||||
c.scope.$set('show', 'true');
|
||||
c.scope.$eval();
|
||||
|
||||
assertVisible(c.node);
|
||||
|
||||
c.scope.$set('show', 'false');
|
||||
c.scope.$eval();
|
||||
|
||||
assertHidden(c.node);
|
||||
|
||||
c.scope.$set('show', '');
|
||||
c.scope.$eval();
|
||||
|
||||
assertHidden(c.node);
|
||||
});
|
||||
|
||||
it('BindClassUndefined', function(){
|
||||
var doc = this.compile('<div ng:class="undefined"/>');
|
||||
doc.scope.$eval();
|
||||
|
||||
assertEquals(
|
||||
'<div class="undefined" ng:class="undefined"></div>',
|
||||
sortedHtml(doc.node));
|
||||
});
|
||||
|
||||
it('BindClass', function(){
|
||||
var c = this.compile('<div ng:class="class"/>');
|
||||
|
||||
c.scope.$set('class', 'testClass');
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals('<div class="testClass" ng:class="class"></div>', sortedHtml(c.node));
|
||||
|
||||
c.scope.$set('class', ['a', 'b']);
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals('<div class="a b" ng:class="class"></div>', sortedHtml(c.node));
|
||||
});
|
||||
|
||||
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]);
|
||||
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));
|
||||
});
|
||||
|
||||
it('BindStyle', function(){
|
||||
var c = this.compile('<div ng:style="style"/>');
|
||||
|
||||
c.scope.$eval('style={color:"red"}');
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals("red", c.node.css('color'));
|
||||
|
||||
c.scope.$eval('style={}');
|
||||
c.scope.$eval();
|
||||
});
|
||||
|
||||
it('ActionOnAHrefThrowsError', function(){
|
||||
var model = {books:[]};
|
||||
var c = this.compile('<a ng:click="action()">Add Phone</a>', model);
|
||||
c.scope.action = function(){
|
||||
throw new Error('MyError');
|
||||
};
|
||||
var input = c.node;
|
||||
browserTrigger(input, 'click');
|
||||
var error = input.attr('ng-exception');
|
||||
assertTrue(!!error.match(/MyError/));
|
||||
assertTrue("should have an error class", input.hasClass('ng-exception'));
|
||||
|
||||
// TODO: I think that exception should never get cleared so this portion of test makes no sense
|
||||
//c.scope.action = noop;
|
||||
//browserTrigger(input, 'click');
|
||||
//dump(input.attr('ng-error'));
|
||||
//assertFalse('error class should be cleared', input.hasClass('ng-exception'));
|
||||
});
|
||||
|
||||
it('ShoulIgnoreVbNonBindable', function(){
|
||||
var c = this.compile("<div>{{a}}" +
|
||||
"<div ng:non-bindable>{{a}}</div>" +
|
||||
"<div ng:non-bindable=''>{{b}}</div>" +
|
||||
"<div ng:non-bindable='true'>{{c}}</div></div>");
|
||||
c.scope.$set('a', 123);
|
||||
c.scope.$eval();
|
||||
assertEquals('123{{a}}{{b}}{{c}}', c.node.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);
|
||||
});
|
||||
|
||||
it('RepeaterShouldBindInputsDefaults', function () {
|
||||
var c = this.compile('<div><input value="123" name="item.name" ng:repeat="item in items"></div>');
|
||||
c.scope.$set('items', [{}, {name:'misko'}]);
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals("123", c.scope.$eval('items[0].name'));
|
||||
assertEquals("misko", c.scope.$eval('items[1].name'));
|
||||
});
|
||||
|
||||
it('ShouldTemplateBindPreElements', function () {
|
||||
var c = this.compile('<pre>Hello {{name}}!</pre>');
|
||||
c.scope.$set("name", "World");
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals('<pre ng:bind-template="Hello {{name}}!">Hello World!</pre>', sortedHtml(c.node));
|
||||
});
|
||||
|
||||
it('FillInOptionValueWhenMissing', function(){
|
||||
var c = this.compile(
|
||||
'<select><option selected="true">{{a}}</option><option value="">{{b}}</option><option>C</option></select>');
|
||||
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);
|
||||
|
||||
expect(optionA.attr('value')).toEqual('A');
|
||||
expect(optionA.text()).toEqual('A');
|
||||
|
||||
expect(optionB.attr('value')).toEqual('');
|
||||
expect(optionB.text()).toEqual('B');
|
||||
|
||||
expect(optionC.attr('value')).toEqual('C');
|
||||
expect(optionC.text()).toEqual('C');
|
||||
});
|
||||
|
||||
it('ValidateForm', function(){
|
||||
var c = this.compile('<div><input name="name" ng:required>' +
|
||||
'<div ng:repeat="item in items"><input name="item.name" ng:required/></div></div>',
|
||||
undefined, jqLite(document.body));
|
||||
var items = [{}, {}];
|
||||
c.scope.$set("items", items);
|
||||
c.scope.$eval();
|
||||
assertEquals(3, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
c.scope.$set('name', '');
|
||||
c.scope.$eval();
|
||||
assertEquals(3, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
c.scope.$set('name', ' ');
|
||||
c.scope.$eval();
|
||||
assertEquals(3, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
c.scope.$set('name', 'abc');
|
||||
c.scope.$eval();
|
||||
assertEquals(2, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
items[0].name = 'abc';
|
||||
c.scope.$eval();
|
||||
assertEquals(1, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
items[1].name = 'abc';
|
||||
c.scope.$eval();
|
||||
assertEquals(0, c.scope.$service('$invalidWidgets').length);
|
||||
});
|
||||
|
||||
it('ValidateOnlyVisibleItems', function(){
|
||||
var c = this.compile('<div><input name="name" ng:required><input ng:show="show" name="name" ng:required></div>', undefined, jqLite(document.body));
|
||||
c.scope.$set("show", true);
|
||||
c.scope.$eval();
|
||||
assertEquals(2, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
c.scope.$set("show", false);
|
||||
c.scope.$eval();
|
||||
assertEquals(1, c.scope.$service('$invalidWidgets').visible());
|
||||
});
|
||||
|
||||
it('DeleteAttributeIfEvaluatesFalse', function(){
|
||||
var c = this.compile('<div>' +
|
||||
'<input name="a0" ng:bind-attr="{disabled:\'{{true}}\'}"><input name="a1" ng:bind-attr="{disabled:\'{{false}}\'}">' +
|
||||
'<input name="b0" ng:bind-attr="{disabled:\'{{1}}\'}"><input name="b1" ng:bind-attr="{disabled:\'{{0}}\'}">' +
|
||||
'<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);
|
||||
assertEquals(sortedHtml(child), disabled, !!child.attr('disabled'));
|
||||
}
|
||||
|
||||
assertChild(0, true);
|
||||
assertChild(1, false);
|
||||
assertChild(2, true);
|
||||
assertChild(3, false);
|
||||
assertChild(4, true);
|
||||
assertChild(5, false);
|
||||
});
|
||||
|
||||
it('ItShouldDisplayErrorWhenActionIsSyntacticlyIncorect', 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]);
|
||||
|
||||
browserTrigger(first, 'click');
|
||||
assertEquals("ABC", c.scope.greeting);
|
||||
|
||||
browserTrigger(second, 'click');
|
||||
assertTrue(second.hasClass("ng-exception"));
|
||||
});
|
||||
|
||||
it('ItShouldSelectTheCorrectRadioBox', 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]);
|
||||
|
||||
browserTrigger(female);
|
||||
assertEquals("female", c.scope.sex);
|
||||
assertEquals(true, female[0].checked);
|
||||
assertEquals(false, male[0].checked);
|
||||
assertEquals("female", female.val());
|
||||
|
||||
browserTrigger(male);
|
||||
assertEquals("male", c.scope.sex);
|
||||
assertEquals(false, female[0].checked);
|
||||
assertEquals(true, male[0].checked);
|
||||
assertEquals("male", male.val());
|
||||
});
|
||||
|
||||
it('ItShouldListenOnRightScope', function(){
|
||||
var c = this.compile(
|
||||
'<ul ng:init="counter=0; gCounter=0" ng:watch="w:counter=counter+1">' +
|
||||
'<li ng:repeat="n in [1,2,4]" ng:watch="w:counter=counter+1;w:$root.gCounter=$root.gCounter+n"/></ul>');
|
||||
c.scope.$eval();
|
||||
assertEquals(1, c.scope.$get("counter"));
|
||||
assertEquals(7, c.scope.$get("gCounter"));
|
||||
|
||||
c.scope.$set("w", "something");
|
||||
c.scope.$eval();
|
||||
assertEquals(2, c.scope.$get("counter"));
|
||||
assertEquals(14, c.scope.$get("gCounter"));
|
||||
});
|
||||
|
||||
it('ItShouldRepeatOnHashes', function(){
|
||||
var x = this.compile('<ul><li ng:repeat="(k,v) in {a:0,b:1}" ng:bind=\"k + v\"></li></ul>');
|
||||
x.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<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));
|
||||
});
|
||||
|
||||
it('ItShouldFireChangeListenersBeforeUpdate', function(){
|
||||
var x = this.compile('<div ng:bind="name"></div>');
|
||||
x.scope.$set("name", "");
|
||||
x.scope.$watch("watched", "name=123");
|
||||
x.scope.$set("watched", "change");
|
||||
x.scope.$eval();
|
||||
assertEquals(123, x.scope.$get("name"));
|
||||
assertEquals(
|
||||
'<div ng:bind="name">123</div>',
|
||||
sortedHtml(x.node));
|
||||
});
|
||||
|
||||
it('ItShouldHandleMultilineBindings', function(){
|
||||
var x = this.compile('<div>{{\n 1 \n + \n 2 \n}}</div>');
|
||||
x.scope.$eval();
|
||||
assertEquals("3", x.node.text());
|
||||
});
|
||||
|
||||
it('ItBindHiddenInputFields', function(){
|
||||
var x = this.compile('<input type="hidden" name="myName" value="abc" />');
|
||||
x.scope.$eval();
|
||||
assertEquals("abc", x.scope.$get("myName"));
|
||||
});
|
||||
|
||||
it('ItShouldUseFormaterForText', 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;
|
||||
input[0].value = ' x,,yz';
|
||||
browserTrigger(input, 'change');
|
||||
assertEquals(['x','yz'], x.scope.$get('a'));
|
||||
x.scope.$set('a', [1 ,2, 3]);
|
||||
x.scope.$eval();
|
||||
assertEquals('1, 2, 3', input[0].value);
|
||||
});
|
||||
|
||||
});
|
||||
|
|
@ -1,675 +0,0 @@
|
|||
BinderTest = TestCase('BinderTest');
|
||||
|
||||
BinderTest.prototype.setUp = function(){
|
||||
var self = this;
|
||||
|
||||
this.compile = function(html, initialScope, parent) {
|
||||
var compiler = new Compiler(angularTextMarkup, angularAttrMarkup, angularDirective, angularWidget);
|
||||
if (self.element) dealoc(self.element);
|
||||
var element = self.element = jqLite(html);
|
||||
var scope = compiler.compile(element)(element);
|
||||
|
||||
if (parent) parent.append(element);
|
||||
|
||||
extend(scope, initialScope);
|
||||
scope.$init();
|
||||
return {node:element, scope:scope};
|
||||
};
|
||||
this.compileToHtml = function (content) {
|
||||
return sortedHtml(this.compile(content).node);
|
||||
};
|
||||
};
|
||||
|
||||
BinderTest.prototype.tearDown = function(){
|
||||
if (this.element && this.element.dealoc) {
|
||||
this.element.dealoc();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
BinderTest.prototype.testChangingTextfieldUpdatesModel = function(){
|
||||
var state = this.compile('<input type="text" name="model.price" value="abc">', {model:{}});
|
||||
state.scope.$eval();
|
||||
assertEquals('abc', state.scope.model.price);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testChangingTextareaUpdatesModel = function(){
|
||||
var c = this.compile('<textarea name="model.note">abc</textarea>');
|
||||
c.scope.$eval();
|
||||
assertEquals(c.scope.model.note, 'abc');
|
||||
};
|
||||
|
||||
BinderTest.prototype.testChangingRadioUpdatesModel = function(){
|
||||
var c = this.compile('<input type="radio" name="model.price" value="A" checked>' +
|
||||
'<input type="radio" name="model.price" value="B">');
|
||||
c.scope.$eval();
|
||||
assertEquals(c.scope.model.price, 'A');
|
||||
};
|
||||
|
||||
BinderTest.prototype.testChangingCheckboxUpdatesModel = function(){
|
||||
var form = this.compile('<input type="checkbox" name="model.price" value="true" checked ng:format="boolean"/>');
|
||||
assertEquals(true, form.scope.model.price);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testBindUpdate = function() {
|
||||
var c = this.compile('<div ng:eval="a=123"/>');
|
||||
assertEquals(123, c.scope.$get('a'));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testChangingSelectNonSelectedUpdatesModel = function(){
|
||||
var form = this.compile('<select name="model.price"><option value="A">A</option><option value="B">B</option></select>');
|
||||
assertEquals('A', form.scope.model.price);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testChangingMultiselectUpdatesModel = function(){
|
||||
var form = this.compile('<select name="Invoice.options" multiple="multiple">' +
|
||||
'<option value="A" selected>Gift wrap</option>' +
|
||||
'<option value="B" selected>Extra padding</option>' +
|
||||
'<option value="C">Expedite</option>' +
|
||||
'</select>');
|
||||
assertJsonEquals(["A", "B"], form.scope.$get('Invoice').options);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testChangingSelectSelectedUpdatesModel = function(){
|
||||
var form = this.compile('<select name="model.price"><option>A</option><option selected value="b">B</option></select>');
|
||||
assertEquals(form.scope.model.price, 'b');
|
||||
};
|
||||
|
||||
BinderTest.prototype.testExecuteInitialization = function() {
|
||||
var c = this.compile('<div ng:init="a=123">');
|
||||
assertEquals(c.scope.$get('a'), 123);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testExecuteInitializationStatements = function() {
|
||||
var c = this.compile('<div ng:init="a=123;b=345">');
|
||||
assertEquals(c.scope.$get('a'), 123);
|
||||
assertEquals(c.scope.$get('b'), 345);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testApplyTextBindings = 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());
|
||||
};
|
||||
|
||||
BinderTest.prototype.testReplaceBindingInTextWithSpan = function() {
|
||||
assertEquals(this.compileToHtml("<b>a{{b}}c</b>"), '<b>a<span ng:bind="b"></span>c</b>');
|
||||
assertEquals(this.compileToHtml("<b>{{b}}</b>"), '<b><span ng:bind="b"></span></b>');
|
||||
};
|
||||
|
||||
BinderTest.prototype.testBindingSpaceConfusesIE = function() {
|
||||
if (!msie) return;
|
||||
var span = document.createElement("span");
|
||||
span.innerHTML = ' ';
|
||||
var nbsp = span.firstChild.nodeValue;
|
||||
assertEquals(
|
||||
'<b><span ng:bind="a"></span><span>'+nbsp+'</span><span ng:bind="b"></span></b>',
|
||||
this.compileToHtml("<b>{{a}} {{b}}</b>"));
|
||||
assertEquals(
|
||||
'<b><span ng:bind="A"></span><span>'+nbsp+'x </span><span ng:bind="B"></span><span>'+nbsp+'(</span><span ng:bind="C"></span>)</b>',
|
||||
this.compileToHtml("<b>{{A}} x {{B}} ({{C}})</b>"));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testBindingOfAttributes = function() {
|
||||
var c = this.compile("<a href='http://s/a{{b}}c' foo='x'></a>");
|
||||
var attrbinding = c.node.attr("ng:bind-attr");
|
||||
var bindings = fromJson(attrbinding);
|
||||
assertEquals("http://s/a{{b}}c", decodeURI(bindings.href));
|
||||
assertTrue(!bindings.foo);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testMarkMultipleAttributes = function() {
|
||||
var c = this.compile('<a href="http://s/a{{b}}c" foo="{{d}}"></a>');
|
||||
var attrbinding = c.node.attr("ng:bind-attr");
|
||||
var bindings = fromJson(attrbinding);
|
||||
assertEquals(bindings.foo, "{{d}}");
|
||||
assertEquals(decodeURI(bindings.href), "http://s/a{{b}}c");
|
||||
};
|
||||
|
||||
BinderTest.prototype.testAttributesNoneBound = function() {
|
||||
var c = this.compile("<a href='abc' foo='def'></a>");
|
||||
var a = c.node;
|
||||
assertEquals(a[0].nodeName, "A");
|
||||
assertTrue(!a.attr("ng:bind-attr"));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testExistingAttrbindingIsAppended = function() {
|
||||
var c = this.compile("<a href='http://s/{{abc}}' ng:bind-attr='{\"b\":\"{{def}}\"}'></a>");
|
||||
var a = c.node;
|
||||
assertEquals('{"b":"{{def}}","href":"http://s/{{abc}}"}', a.attr('ng:bind-attr'));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testAttributesAreEvaluated = function(){
|
||||
var c = this.compile('<a ng:bind-attr=\'{"a":"a", "b":"a+b={{a+b}}"}\'></a>');
|
||||
var binder = c.binder, form = c.node;
|
||||
c.scope.$eval('a=1;b=2');
|
||||
c.scope.$eval();
|
||||
var a = c.node;
|
||||
assertEquals(a.attr('a'), 'a');
|
||||
assertEquals(a.attr('b'), 'a+b=3');
|
||||
};
|
||||
|
||||
BinderTest.prototype.testInputTypeButtonActionExecutesInScope = function(){
|
||||
var savedCalled = false;
|
||||
var c = this.compile('<input type="button" ng:click="person.save()" value="Apply">');
|
||||
c.scope.$set("person.save", function(){
|
||||
savedCalled = true;
|
||||
});
|
||||
browserTrigger(c.node, 'click');
|
||||
assertTrue(savedCalled);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testInputTypeButtonActionExecutesInScope2 = function(){
|
||||
var log = "";
|
||||
var c = this.compile('<input type="image" ng:click="action()">');
|
||||
c.scope.$set("action", function(){
|
||||
log += 'click;';
|
||||
});
|
||||
expect(log).toEqual('');
|
||||
browserTrigger(c.node, 'click');
|
||||
expect(log).toEqual('click;');
|
||||
};
|
||||
|
||||
BinderTest.prototype.testButtonElementActionExecutesInScope = function(){
|
||||
var savedCalled = false;
|
||||
var c = this.compile('<button ng:click="person.save()">Apply</button>');
|
||||
c.scope.$set("person.save", function(){
|
||||
savedCalled = true;
|
||||
});
|
||||
browserTrigger(c.node, 'click');
|
||||
assertTrue(savedCalled);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testRepeaterUpdateBindings = function(){
|
||||
var a = this.compile('<ul><LI ng:repeat="item in model.items" ng:bind="item.a"/></ul>');
|
||||
var form = a.node;
|
||||
var items = [{a:"A"}, {a:"B"}];
|
||||
a.scope.$set('model', {items:items});
|
||||
|
||||
a.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="0">A</li>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="1">B</li>' +
|
||||
'</ul>', sortedHtml(form));
|
||||
|
||||
items.unshift({a:'C'});
|
||||
a.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="0">C</li>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="1">A</li>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="2">B</li>' +
|
||||
'</ul>', sortedHtml(form));
|
||||
|
||||
items.shift();
|
||||
a.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="0">A</li>' +
|
||||
'<li ng:bind="item.a" ng:repeat-index="1">B</li>' +
|
||||
'</ul>', sortedHtml(form));
|
||||
|
||||
items.shift();
|
||||
items.shift();
|
||||
a.scope.$eval();
|
||||
};
|
||||
|
||||
BinderTest.prototype.testRepeaterContentDoesNotBind = function(){
|
||||
var a = this.compile('<ul><LI ng:repeat="item in model.items"><span ng:bind="item.a"></span></li></ul>');
|
||||
a.scope.$set('model', {items:[{a:"A"}]});
|
||||
a.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<li ng:repeat-index="0"><span ng:bind="item.a">A</span></li>' +
|
||||
'</ul>', sortedHtml(a.node));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testExpandEntityTag = function(){
|
||||
assertEquals(
|
||||
'<div ng-entity="Person" ng:watch="$anchor.a:1"></div>',
|
||||
this.compileToHtml('<div ng-entity="Person" ng:watch="$anchor.a:1"/>'));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testDoNotOverwriteCustomAction = function(){
|
||||
var html = this.compileToHtml('<input type="submit" value="Save" action="foo();">');
|
||||
assertTrue(html.indexOf('action="foo();"') > 0 );
|
||||
};
|
||||
|
||||
BinderTest.prototype.testRepeaterAdd = function(){
|
||||
var c = this.compile('<div><input type="text" name="item.x" ng:repeat="item in items"></div>');
|
||||
var doc = c.node;
|
||||
c.scope.$set('items', [{x:'a'}, {x:'b'}]);
|
||||
c.scope.$eval();
|
||||
var first = childNode(c.node, 1);
|
||||
var second = childNode(c.node, 2);
|
||||
assertEquals('a', first.val());
|
||||
assertEquals('b', second.val());
|
||||
|
||||
first.val('ABC');
|
||||
browserTrigger(first, 'keyup');
|
||||
assertEquals(c.scope.items[0].x, 'ABC');
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItShouldRemoveExtraChildrenWhenIteratingOverHash = function(){
|
||||
var c = this.compile('<div><div ng:repeat="i in items">{{i}}</div></div>');
|
||||
var items = {};
|
||||
c.scope.$set("items", items);
|
||||
|
||||
c.scope.$eval();
|
||||
expect(c.node[0].childNodes.length - 1).toEqual(0);
|
||||
|
||||
items.name = "misko";
|
||||
c.scope.$eval();
|
||||
expect(c.node[0].childNodes.length - 1).toEqual(1);
|
||||
|
||||
delete items.name;
|
||||
c.scope.$eval();
|
||||
expect(c.node[0].childNodes.length - 1).toEqual(0);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testIfTextBindingThrowsErrorDecorateTheSpan = function(){
|
||||
var a = this.compile('<div>{{error.throw()}}</div>');
|
||||
var doc = a.node;
|
||||
|
||||
a.scope.$set('error.throw', function(){throw "ErrorMsg1";});
|
||||
a.scope.$eval();
|
||||
var span = childNode(doc, 0);
|
||||
assertTrue(span.hasClass('ng-exception'));
|
||||
assertTrue(!!span.text().match(/ErrorMsg1/));
|
||||
assertTrue(!!span.attr('ng-exception').match(/ErrorMsg1/));
|
||||
|
||||
a.scope.$set('error.throw', function(){throw "MyError";});
|
||||
a.scope.$eval();
|
||||
span = childNode(doc, 0);
|
||||
assertTrue(span.hasClass('ng-exception'));
|
||||
assertTrue(span.text(), span.text().match('MyError') !== null);
|
||||
assertEquals('MyError', span.attr('ng-exception'));
|
||||
|
||||
a.scope.$set('error.throw', function(){return "ok";});
|
||||
a.scope.$eval();
|
||||
assertFalse(span.hasClass('ng-exception'));
|
||||
assertEquals('ok', span.text());
|
||||
assertEquals(null, span.attr('ng-exception'));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testIfAttrBindingThrowsErrorDecorateTheAttribute = function(){
|
||||
var a = this.compile('<div attr="before {{error.throw()}} after"></div>');
|
||||
var doc = a.node;
|
||||
|
||||
a.scope.$set('error.throw', function(){throw "ErrorMsg";});
|
||||
a.scope.$eval();
|
||||
assertTrue('ng-exception', doc.hasClass('ng-exception'));
|
||||
assertEquals('"ErrorMsg"', doc.attr('ng-exception'));
|
||||
assertEquals('before "ErrorMsg" after', doc.attr('attr'));
|
||||
|
||||
a.scope.$set('error.throw', function(){ return 'X';});
|
||||
a.scope.$eval();
|
||||
assertFalse('!ng-exception', doc.hasClass('ng-exception'));
|
||||
assertEquals('before X after', doc.attr('attr'));
|
||||
assertEquals(null, doc.attr('ng-exception'));
|
||||
|
||||
};
|
||||
|
||||
BinderTest.prototype.testNestedRepeater = function() {
|
||||
var a = this.compile('<div><div ng:repeat="m in model" name="{{m.name}}">' +
|
||||
'<ul name="{{i}}" ng:repeat="i in m.item"></ul>' +
|
||||
'</div></div>');
|
||||
|
||||
a.scope.$set('model', [{name:'a', item:['a1', 'a2']}, {name:'b', item:['b1', 'b2']}]);
|
||||
a.scope.$eval();
|
||||
|
||||
assertEquals('<div>'+
|
||||
'<#comment></#comment>'+
|
||||
'<div name="a" ng:bind-attr="{"name":"{{m.name}}"}" ng:repeat-index="0">'+
|
||||
'<#comment></#comment>'+
|
||||
'<ul name="a1" ng:bind-attr="{"name":"{{i}}"}" ng:repeat-index="0"></ul>'+
|
||||
'<ul name="a2" ng:bind-attr="{"name":"{{i}}"}" ng:repeat-index="1"></ul>'+
|
||||
'</div>'+
|
||||
'<div name="b" ng:bind-attr="{"name":"{{m.name}}"}" ng:repeat-index="1">'+
|
||||
'<#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));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testHideBindingExpression = function() {
|
||||
var a = this.compile('<div ng:hide="hidden == 3"/>');
|
||||
|
||||
a.scope.$set('hidden', 3);
|
||||
a.scope.$eval();
|
||||
|
||||
assertHidden(a.node);
|
||||
|
||||
a.scope.$set('hidden', 2);
|
||||
a.scope.$eval();
|
||||
|
||||
assertVisible(a.node);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testHideBinding = function() {
|
||||
var c = this.compile('<div ng:hide="hidden"/>');
|
||||
|
||||
c.scope.$set('hidden', 'true');
|
||||
c.scope.$eval();
|
||||
|
||||
assertHidden(c.node);
|
||||
|
||||
c.scope.$set('hidden', 'false');
|
||||
c.scope.$eval();
|
||||
|
||||
assertVisible(c.node);
|
||||
|
||||
c.scope.$set('hidden', '');
|
||||
c.scope.$eval();
|
||||
|
||||
assertVisible(c.node);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testShowBinding = function() {
|
||||
var c = this.compile('<div ng:show="show"/>');
|
||||
|
||||
c.scope.$set('show', 'true');
|
||||
c.scope.$eval();
|
||||
|
||||
assertVisible(c.node);
|
||||
|
||||
c.scope.$set('show', 'false');
|
||||
c.scope.$eval();
|
||||
|
||||
assertHidden(c.node);
|
||||
|
||||
c.scope.$set('show', '');
|
||||
c.scope.$eval();
|
||||
|
||||
assertHidden(c.node);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testBindClassUndefined = function() {
|
||||
var doc = this.compile('<div ng:class="undefined"/>');
|
||||
doc.scope.$eval();
|
||||
|
||||
assertEquals(
|
||||
'<div class="undefined" ng:class="undefined"></div>',
|
||||
sortedHtml(doc.node));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testBindClass = function() {
|
||||
var c = this.compile('<div ng:class="class"/>');
|
||||
|
||||
c.scope.$set('class', 'testClass');
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals('<div class="testClass" ng:class="class"></div>', sortedHtml(c.node));
|
||||
|
||||
c.scope.$set('class', ['a', 'b']);
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals('<div class="a b" ng:class="class"></div>', sortedHtml(c.node));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testBindClassEvenOdd = 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]);
|
||||
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));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testBindStyle = function() {
|
||||
var c = this.compile('<div ng:style="style"/>');
|
||||
|
||||
c.scope.$eval('style={color:"red"}');
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals("red", c.node.css('color'));
|
||||
|
||||
c.scope.$eval('style={}');
|
||||
c.scope.$eval();
|
||||
};
|
||||
|
||||
BinderTest.prototype.testActionOnAHrefThrowsError = function(){
|
||||
var model = {books:[]};
|
||||
var c = this.compile('<a ng:click="action()">Add Phone</a>', model);
|
||||
c.scope.action = function(){
|
||||
throw new Error('MyError');
|
||||
};
|
||||
var input = c.node;
|
||||
browserTrigger(input, 'click');
|
||||
var error = input.attr('ng-exception');
|
||||
assertTrue(!!error.match(/MyError/));
|
||||
assertTrue("should have an error class", input.hasClass('ng-exception'));
|
||||
|
||||
// TODO: I think that exception should never get cleared so this portion of test makes no sense
|
||||
//c.scope.action = noop;
|
||||
//browserTrigger(input, 'click');
|
||||
//dump(input.attr('ng-error'));
|
||||
//assertFalse('error class should be cleared', input.hasClass('ng-exception'));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testShoulIgnoreVbNonBindable = function(){
|
||||
var c = this.compile("<div>{{a}}" +
|
||||
"<div ng:non-bindable>{{a}}</div>" +
|
||||
"<div ng:non-bindable=''>{{b}}</div>" +
|
||||
"<div ng:non-bindable='true'>{{c}}</div></div>");
|
||||
c.scope.$set('a', 123);
|
||||
c.scope.$eval();
|
||||
assertEquals('123{{a}}{{b}}{{c}}', c.node.text());
|
||||
};
|
||||
|
||||
BinderTest.prototype.testOptionShouldUpdateParentToGetProperBinding = 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);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testRepeaterShouldBindInputsDefaults = function () {
|
||||
var c = this.compile('<div><input value="123" name="item.name" ng:repeat="item in items"></div>');
|
||||
c.scope.$set('items', [{}, {name:'misko'}]);
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals("123", c.scope.$eval('items[0].name'));
|
||||
assertEquals("misko", c.scope.$eval('items[1].name'));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testShouldTemplateBindPreElements = function () {
|
||||
var c = this.compile('<pre>Hello {{name}}!</pre>');
|
||||
c.scope.$set("name", "World");
|
||||
c.scope.$eval();
|
||||
|
||||
assertEquals('<pre ng:bind-template="Hello {{name}}!">Hello World!</pre>', sortedHtml(c.node));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testFillInOptionValueWhenMissing = function() {
|
||||
var c = this.compile(
|
||||
'<select><option selected="true">{{a}}</option><option value="">{{b}}</option><option>C</option></select>');
|
||||
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);
|
||||
|
||||
expect(optionA.attr('value')).toEqual('A');
|
||||
expect(optionA.text()).toEqual('A');
|
||||
|
||||
expect(optionB.attr('value')).toEqual('');
|
||||
expect(optionB.text()).toEqual('B');
|
||||
|
||||
expect(optionC.attr('value')).toEqual('C');
|
||||
expect(optionC.text()).toEqual('C');
|
||||
};
|
||||
|
||||
BinderTest.prototype.testValidateForm = function() {
|
||||
var c = this.compile('<div><input name="name" ng:required>' +
|
||||
'<div ng:repeat="item in items"><input name="item.name" ng:required/></div></div>',
|
||||
undefined, jqLite(document.body));
|
||||
var items = [{}, {}];
|
||||
c.scope.$set("items", items);
|
||||
c.scope.$eval();
|
||||
assertEquals(3, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
c.scope.$set('name', '');
|
||||
c.scope.$eval();
|
||||
assertEquals(3, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
c.scope.$set('name', ' ');
|
||||
c.scope.$eval();
|
||||
assertEquals(3, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
c.scope.$set('name', 'abc');
|
||||
c.scope.$eval();
|
||||
assertEquals(2, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
items[0].name = 'abc';
|
||||
c.scope.$eval();
|
||||
assertEquals(1, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
items[1].name = 'abc';
|
||||
c.scope.$eval();
|
||||
assertEquals(0, c.scope.$service('$invalidWidgets').length);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testValidateOnlyVisibleItems = function(){
|
||||
var c = this.compile('<div><input name="name" ng:required><input ng:show="show" name="name" ng:required></div>', undefined, jqLite(document.body));
|
||||
c.scope.$set("show", true);
|
||||
c.scope.$eval();
|
||||
assertEquals(2, c.scope.$service('$invalidWidgets').length);
|
||||
|
||||
c.scope.$set("show", false);
|
||||
c.scope.$eval();
|
||||
assertEquals(1, c.scope.$service('$invalidWidgets').visible());
|
||||
};
|
||||
|
||||
BinderTest.prototype.testDeleteAttributeIfEvaluatesFalse = function() {
|
||||
var c = this.compile('<div>' +
|
||||
'<input name="a0" ng:bind-attr="{disabled:\'{{true}}\'}"><input name="a1" ng:bind-attr="{disabled:\'{{false}}\'}">' +
|
||||
'<input name="b0" ng:bind-attr="{disabled:\'{{1}}\'}"><input name="b1" ng:bind-attr="{disabled:\'{{0}}\'}">' +
|
||||
'<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);
|
||||
assertEquals(sortedHtml(child), disabled, !!child.attr('disabled'));
|
||||
}
|
||||
|
||||
assertChild(0, true);
|
||||
assertChild(1, false);
|
||||
assertChild(2, true);
|
||||
assertChild(3, false);
|
||||
assertChild(4, true);
|
||||
assertChild(5, false);
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItShouldDisplayErrorWhenActionIsSyntacticlyIncorect = 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]);
|
||||
|
||||
browserTrigger(first, 'click');
|
||||
assertEquals("ABC", c.scope.greeting);
|
||||
|
||||
browserTrigger(second, 'click');
|
||||
assertTrue(second.hasClass("ng-exception"));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItShouldSelectTheCorrectRadioBox = 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]);
|
||||
|
||||
browserTrigger(female);
|
||||
assertEquals("female", c.scope.sex);
|
||||
assertEquals(true, female[0].checked);
|
||||
assertEquals(false, male[0].checked);
|
||||
assertEquals("female", female.val());
|
||||
|
||||
browserTrigger(male);
|
||||
assertEquals("male", c.scope.sex);
|
||||
assertEquals(false, female[0].checked);
|
||||
assertEquals(true, male[0].checked);
|
||||
assertEquals("male", male.val());
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItShouldListenOnRightScope = function() {
|
||||
var c = this.compile(
|
||||
'<ul ng:init="counter=0; gCounter=0" ng:watch="w:counter=counter+1">' +
|
||||
'<li ng:repeat="n in [1,2,4]" ng:watch="w:counter=counter+1;w:$root.gCounter=$root.gCounter+n"/></ul>');
|
||||
c.scope.$eval();
|
||||
assertEquals(1, c.scope.$get("counter"));
|
||||
assertEquals(7, c.scope.$get("gCounter"));
|
||||
|
||||
c.scope.$set("w", "something");
|
||||
c.scope.$eval();
|
||||
assertEquals(2, c.scope.$get("counter"));
|
||||
assertEquals(14, c.scope.$get("gCounter"));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItShouldRepeatOnHashes = function() {
|
||||
var x = this.compile('<ul><li ng:repeat="(k,v) in {a:0,b:1}" ng:bind=\"k + v\"></li></ul>');
|
||||
x.scope.$eval();
|
||||
assertEquals('<ul>' +
|
||||
'<#comment></#comment>' +
|
||||
'<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));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItShouldFireChangeListenersBeforeUpdate = function(){
|
||||
var x = this.compile('<div ng:bind="name"></div>');
|
||||
x.scope.$set("name", "");
|
||||
x.scope.$watch("watched", "name=123");
|
||||
x.scope.$set("watched", "change");
|
||||
x.scope.$eval();
|
||||
assertEquals(123, x.scope.$get("name"));
|
||||
assertEquals(
|
||||
'<div ng:bind="name">123</div>',
|
||||
sortedHtml(x.node));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItShouldHandleMultilineBindings = function(){
|
||||
var x = this.compile('<div>{{\n 1 \n + \n 2 \n}}</div>');
|
||||
x.scope.$eval();
|
||||
assertEquals("3", x.node.text());
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItBindHiddenInputFields = function(){
|
||||
var x = this.compile('<input type="hidden" name="myName" value="abc" />');
|
||||
x.scope.$eval();
|
||||
assertEquals("abc", x.scope.$get("myName"));
|
||||
};
|
||||
|
||||
BinderTest.prototype.XtestItShouldRenderMultiRootHtmlInBinding = function() {
|
||||
var x = this.compile('<div>before {{a|html}}after</div>');
|
||||
x.scope.a = "a<b>c</b>d";
|
||||
x.scope.$eval();
|
||||
assertEquals(
|
||||
'<div>before <span ng:bind="a|html">a<b>c</b>d</span>after</div>',
|
||||
sortedHtml(x.node));
|
||||
};
|
||||
|
||||
BinderTest.prototype.testItShouldUseFormaterForText = 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;
|
||||
input[0].value = ' x,,yz';
|
||||
browserTrigger(input, 'change');
|
||||
assertEquals(['x','yz'], x.scope.$get('a'));
|
||||
x.scope.$set('a', [1 ,2, 3]);
|
||||
x.scope.$eval();
|
||||
assertEquals('1, 2, 3', input[0].value);
|
||||
};
|
||||
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
ConsoleTest = TestCase('ConsoleTest');
|
||||
|
||||
ConsoleTest.prototype.XtestConsoleWrite = function(){
|
||||
var consoleNode = jqLite("<div></div>")[0];
|
||||
consoleLog("error", ["Hello", "world"]);
|
||||
assertEquals(jqLite(consoleNode)[0].nodeName, 'DIV');
|
||||
assertEquals(jqLite(consoleNode).text(), 'Hello world');
|
||||
assertEquals(jqLite(consoleNode.childNodes[0])[0].className, 'error');
|
||||
consoleLog("error",["Bye"]);
|
||||
assertEquals(jqLite(consoleNode).text(), 'Hello worldBye');
|
||||
consoleNode = null;
|
||||
};
|
||||
|
|
@ -1,37 +1,37 @@
|
|||
TestCase("formatterTest", {
|
||||
testNoop: function(){
|
||||
describe("formatter", function(){
|
||||
it('should noop', function(){
|
||||
assertEquals("abc", angular.formatter.noop.format("abc"));
|
||||
assertEquals("xyz", angular.formatter.noop.parse("xyz"));
|
||||
assertEquals(null, angular.formatter.noop.parse(null));
|
||||
},
|
||||
});
|
||||
|
||||
testList: function() {
|
||||
it('should List', function() {
|
||||
assertEquals('a, b', angular.formatter.list.format(['a', 'b']));
|
||||
assertEquals('', angular.formatter.list.format([]));
|
||||
assertEquals(['abc', 'c'], angular.formatter.list.parse(" , abc , c ,,"));
|
||||
assertEquals([], angular.formatter.list.parse(""));
|
||||
assertEquals([], angular.formatter.list.parse(null));
|
||||
},
|
||||
});
|
||||
|
||||
testBoolean: function() {
|
||||
it('should Boolean', function() {
|
||||
assertEquals('true', angular.formatter['boolean'].format(true));
|
||||
assertEquals('false', angular.formatter['boolean'].format(false));
|
||||
assertEquals(true, angular.formatter['boolean'].parse("true"));
|
||||
assertEquals(false, angular.formatter['boolean'].parse(""));
|
||||
assertEquals(false, angular.formatter['boolean'].parse("false"));
|
||||
assertEquals(false, angular.formatter['boolean'].parse(null));
|
||||
},
|
||||
});
|
||||
|
||||
testNumber: function() {
|
||||
it('should Number', function() {
|
||||
assertEquals('1', angular.formatter.number.format(1));
|
||||
assertEquals(1, angular.formatter.number.format('1'));
|
||||
},
|
||||
});
|
||||
|
||||
testTrim: function() {
|
||||
it('should Trim', function() {
|
||||
assertEquals('', angular.formatter.trim.format(null));
|
||||
assertEquals('', angular.formatter.trim.format(""));
|
||||
assertEquals('a', angular.formatter.trim.format(" a "));
|
||||
assertEquals('a', angular.formatter.trim.parse(' a '));
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
170
test/ValidatorsSpec.js
Normal file
170
test/ValidatorsSpec.js
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
describe('ValidatorTest', function(){
|
||||
|
||||
it('ShouldHaveThisSet', function() {
|
||||
var validator = {};
|
||||
angular.validator.myValidator = function(first, last){
|
||||
validator.first = first;
|
||||
validator.last = last;
|
||||
validator._this = this;
|
||||
};
|
||||
var scope = compile('<input name="name" ng:validate="myValidator:\'hevery\'"/>');
|
||||
scope.name = 'misko';
|
||||
scope.$init();
|
||||
assertEquals('misko', validator.first);
|
||||
assertEquals('hevery', validator.last);
|
||||
expect(validator._this.$id).toEqual(scope.$id);
|
||||
delete angular.validator.myValidator;
|
||||
scope.$element.remove();
|
||||
});
|
||||
|
||||
it('Regexp', function() {
|
||||
assertEquals(angular.validator.regexp("abc", /x/, "E1"), "E1");
|
||||
assertEquals(angular.validator.regexp("abc", '/x/'),
|
||||
"Value does not match expected format /x/.");
|
||||
assertEquals(angular.validator.regexp("ab", '^ab$'), null);
|
||||
assertEquals(angular.validator.regexp("ab", '^axb$', "E3"), "E3");
|
||||
});
|
||||
|
||||
it('Number', function() {
|
||||
assertEquals(angular.validator.number("ab"), "Not a number");
|
||||
assertEquals(angular.validator.number("-0.1",0), "Value can not be less than 0.");
|
||||
assertEquals(angular.validator.number("10.1",0,10), "Value can not be greater than 10.");
|
||||
assertEquals(angular.validator.number("1.2"), null);
|
||||
assertEquals(angular.validator.number(" 1 ", 1, 1), null);
|
||||
});
|
||||
|
||||
it('Integer', function() {
|
||||
assertEquals(angular.validator.integer("ab"), "Not a number");
|
||||
assertEquals(angular.validator.integer("1.1"), "Not a whole number");
|
||||
assertEquals(angular.validator.integer("1.0"), "Not a whole number");
|
||||
assertEquals(angular.validator.integer("1."), "Not a whole number");
|
||||
assertEquals(angular.validator.integer("-1",0), "Value can not be less than 0.");
|
||||
assertEquals(angular.validator.integer("11",0,10), "Value can not be greater than 10.");
|
||||
assertEquals(angular.validator.integer("1"), null);
|
||||
assertEquals(angular.validator.integer(" 1 ", 1, 1), null);
|
||||
});
|
||||
|
||||
it('Date', function() {
|
||||
var error = "Value is not a date. (Expecting format: 12/31/2009).";
|
||||
expect(angular.validator.date("ab")).toEqual(error);
|
||||
expect(angular.validator.date("12/31/2009")).toEqual(null);
|
||||
expect(angular.validator.date("1/1/1000")).toEqual(null);
|
||||
expect(angular.validator.date("12/31/9999")).toEqual(null);
|
||||
expect(angular.validator.date("2/29/2004")).toEqual(null);
|
||||
expect(angular.validator.date("2/29/2000")).toEqual(null);
|
||||
expect(angular.validator.date("2/29/2100")).toEqual(error);
|
||||
expect(angular.validator.date("2/29/2003")).toEqual(error);
|
||||
expect(angular.validator.date("41/1/2009")).toEqual(error);
|
||||
expect(angular.validator.date("13/1/2009")).toEqual(error);
|
||||
expect(angular.validator.date("1/1/209")).toEqual(error);
|
||||
expect(angular.validator.date("1/32/2010")).toEqual(error);
|
||||
expect(angular.validator.date("001/031/2009")).toEqual(error);
|
||||
});
|
||||
|
||||
it('Phone', function() {
|
||||
var error = "Phone number needs to be in 1(987)654-3210 format in North America or +999 (123) 45678 906 internationaly.";
|
||||
assertEquals(angular.validator.phone("ab"), error);
|
||||
assertEquals(null, angular.validator.phone("1(408)757-3023"));
|
||||
assertEquals(null, angular.validator.phone("+421 (0905) 933 297"));
|
||||
assertEquals(null, angular.validator.phone("+421 0905 933 297"));
|
||||
});
|
||||
|
||||
it('URL', function() {
|
||||
var error = "URL needs to be in http://server[:port]/path format.";
|
||||
assertEquals(angular.validator.url("ab"), error);
|
||||
assertEquals(angular.validator.url("http://server:123/path"), null);
|
||||
});
|
||||
|
||||
it('Email', function() {
|
||||
var error = "Email needs to be in username@host.com format.";
|
||||
assertEquals(error, angular.validator.email("ab"));
|
||||
assertEquals(null, angular.validator.email("misko@hevery.com"));
|
||||
});
|
||||
|
||||
it('Json', function() {
|
||||
assertNotNull(angular.validator.json("'"));
|
||||
assertNotNull(angular.validator.json("''X"));
|
||||
assertNull(angular.validator.json("{}"));
|
||||
});
|
||||
|
||||
describe('asynchronous', function(){
|
||||
var asynchronous = angular.validator.asynchronous;
|
||||
var self;
|
||||
var value, fn;
|
||||
|
||||
beforeEach(function(){
|
||||
value = null;
|
||||
fn = null;
|
||||
self = compile('<input />');
|
||||
jqLite(document.body).append(self.$element);
|
||||
self.$element.data('$validate', noop);
|
||||
self.$root = self;
|
||||
self.$init();
|
||||
});
|
||||
|
||||
afterEach(function(){
|
||||
if (self.$element) self.$element.remove();
|
||||
});
|
||||
|
||||
it('should make a request and show spinner', function(){
|
||||
var value, fn;
|
||||
var scope = compile('<input type="text" name="name" ng:validate="asynchronous:asyncFn"/>');
|
||||
jqLite(document.body).append(scope.$element);
|
||||
scope.$init();
|
||||
var input = scope.$element;
|
||||
scope.asyncFn = function(v,f){
|
||||
value=v; fn=f;
|
||||
};
|
||||
scope.name = "misko";
|
||||
scope.$eval();
|
||||
expect(value).toEqual('misko');
|
||||
expect(input.hasClass('ng-input-indicator-wait')).toBeTruthy();
|
||||
fn("myError");
|
||||
expect(input.hasClass('ng-input-indicator-wait')).toBeFalsy();
|
||||
expect(input.attr(NG_VALIDATION_ERROR)).toEqual("myError");
|
||||
scope.$element.remove();
|
||||
});
|
||||
|
||||
it("should not make second request to same value", function(){
|
||||
asynchronous.call(self, "kai", function(v,f){value=v; fn=f;});
|
||||
expect(value).toEqual('kai');
|
||||
expect(self.$service('$invalidWidgets')[0]).toEqual(self.$element);
|
||||
|
||||
var spy = jasmine.createSpy();
|
||||
asynchronous.call(self, "kai", spy);
|
||||
expect(spy).wasNotCalled();
|
||||
|
||||
asynchronous.call(self, "misko", spy);
|
||||
expect(spy).wasCalled();
|
||||
});
|
||||
|
||||
it("should ignore old callbacks, and not remove spinner", function(){
|
||||
var firstCb, secondCb;
|
||||
asynchronous.call(self, "first", function(v,f){value=v; firstCb=f;});
|
||||
asynchronous.call(self, "second", function(v,f){value=v; secondCb=f;});
|
||||
|
||||
firstCb();
|
||||
expect(self.$element.hasClass('ng-input-indicator-wait')).toBeTruthy();
|
||||
|
||||
secondCb();
|
||||
expect(self.$element.hasClass('ng-input-indicator-wait')).toBeFalsy();
|
||||
});
|
||||
|
||||
it("should handle update function", function(){
|
||||
var scope = angular.compile('<input name="name" ng:validate="asynchronous:asyncFn:updateFn"/>');
|
||||
scope.asyncFn = jasmine.createSpy();
|
||||
scope.updateFn = jasmine.createSpy();
|
||||
scope.name = 'misko';
|
||||
scope.$init();
|
||||
scope.$eval();
|
||||
expect(scope.asyncFn).wasCalledWith('misko', scope.asyncFn.mostRecentCall.args[1]);
|
||||
assertTrue(scope.$element.hasClass('ng-input-indicator-wait'));
|
||||
scope.asyncFn.mostRecentCall.args[1]('myError', {id: 1234, data:'data'});
|
||||
assertFalse(scope.$element.hasClass('ng-input-indicator-wait'));
|
||||
assertEquals('myError', scope.$element.attr('ng-validation-error'));
|
||||
expect(scope.updateFn.mostRecentCall.args[0]).toEqual({id: 1234, data:'data'});
|
||||
scope.$element.remove();
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
|
@ -1,169 +0,0 @@
|
|||
ValidatorTest = TestCase('ValidatorTest');
|
||||
|
||||
ValidatorTest.prototype.testItShouldHaveThisSet = function() {
|
||||
var validator = {};
|
||||
angular.validator.myValidator = function(first, last){
|
||||
validator.first = first;
|
||||
validator.last = last;
|
||||
validator._this = this;
|
||||
};
|
||||
var scope = compile('<input name="name" ng:validate="myValidator:\'hevery\'"/>');
|
||||
scope.name = 'misko';
|
||||
scope.$init();
|
||||
assertEquals('misko', validator.first);
|
||||
assertEquals('hevery', validator.last);
|
||||
expect(validator._this.$id).toEqual(scope.$id);
|
||||
delete angular.validator.myValidator;
|
||||
scope.$element.remove();
|
||||
};
|
||||
|
||||
ValidatorTest.prototype.testRegexp = function() {
|
||||
assertEquals(angular.validator.regexp("abc", /x/, "E1"), "E1");
|
||||
assertEquals(angular.validator.regexp("abc", '/x/'),
|
||||
"Value does not match expected format /x/.");
|
||||
assertEquals(angular.validator.regexp("ab", '^ab$'), null);
|
||||
assertEquals(angular.validator.regexp("ab", '^axb$', "E3"), "E3");
|
||||
};
|
||||
|
||||
ValidatorTest.prototype.testNumber = function() {
|
||||
assertEquals(angular.validator.number("ab"), "Not a number");
|
||||
assertEquals(angular.validator.number("-0.1",0), "Value can not be less than 0.");
|
||||
assertEquals(angular.validator.number("10.1",0,10), "Value can not be greater than 10.");
|
||||
assertEquals(angular.validator.number("1.2"), null);
|
||||
assertEquals(angular.validator.number(" 1 ", 1, 1), null);
|
||||
};
|
||||
|
||||
ValidatorTest.prototype.testInteger = function() {
|
||||
assertEquals(angular.validator.integer("ab"), "Not a number");
|
||||
assertEquals(angular.validator.integer("1.1"), "Not a whole number");
|
||||
assertEquals(angular.validator.integer("1.0"), "Not a whole number");
|
||||
assertEquals(angular.validator.integer("1."), "Not a whole number");
|
||||
assertEquals(angular.validator.integer("-1",0), "Value can not be less than 0.");
|
||||
assertEquals(angular.validator.integer("11",0,10), "Value can not be greater than 10.");
|
||||
assertEquals(angular.validator.integer("1"), null);
|
||||
assertEquals(angular.validator.integer(" 1 ", 1, 1), null);
|
||||
};
|
||||
|
||||
ValidatorTest.prototype.testDate = function() {
|
||||
var error = "Value is not a date. (Expecting format: 12/31/2009).";
|
||||
expect(angular.validator.date("ab")).toEqual(error);
|
||||
expect(angular.validator.date("12/31/2009")).toEqual(null);
|
||||
expect(angular.validator.date("1/1/1000")).toEqual(null);
|
||||
expect(angular.validator.date("12/31/9999")).toEqual(null);
|
||||
expect(angular.validator.date("2/29/2004")).toEqual(null);
|
||||
expect(angular.validator.date("2/29/2000")).toEqual(null);
|
||||
expect(angular.validator.date("2/29/2100")).toEqual(error);
|
||||
expect(angular.validator.date("2/29/2003")).toEqual(error);
|
||||
expect(angular.validator.date("41/1/2009")).toEqual(error);
|
||||
expect(angular.validator.date("13/1/2009")).toEqual(error);
|
||||
expect(angular.validator.date("1/1/209")).toEqual(error);
|
||||
expect(angular.validator.date("1/32/2010")).toEqual(error);
|
||||
expect(angular.validator.date("001/031/2009")).toEqual(error);
|
||||
};
|
||||
|
||||
ValidatorTest.prototype.testPhone = function() {
|
||||
var error = "Phone number needs to be in 1(987)654-3210 format in North America or +999 (123) 45678 906 internationaly.";
|
||||
assertEquals(angular.validator.phone("ab"), error);
|
||||
assertEquals(null, angular.validator.phone("1(408)757-3023"));
|
||||
assertEquals(null, angular.validator.phone("+421 (0905) 933 297"));
|
||||
assertEquals(null, angular.validator.phone("+421 0905 933 297"));
|
||||
};
|
||||
|
||||
ValidatorTest.prototype.testURL = function() {
|
||||
var error = "URL needs to be in http://server[:port]/path format.";
|
||||
assertEquals(angular.validator.url("ab"), error);
|
||||
assertEquals(angular.validator.url("http://server:123/path"), null);
|
||||
};
|
||||
|
||||
ValidatorTest.prototype.testEmail = function() {
|
||||
var error = "Email needs to be in username@host.com format.";
|
||||
assertEquals(error, angular.validator.email("ab"));
|
||||
assertEquals(null, angular.validator.email("misko@hevery.com"));
|
||||
};
|
||||
|
||||
ValidatorTest.prototype.testJson = function() {
|
||||
assertNotNull(angular.validator.json("'"));
|
||||
assertNotNull(angular.validator.json("''X"));
|
||||
assertNull(angular.validator.json("{}"));
|
||||
};
|
||||
|
||||
describe('Validator:asynchronous', function(){
|
||||
var asynchronous = angular.validator.asynchronous;
|
||||
var self;
|
||||
var value, fn;
|
||||
|
||||
beforeEach(function(){
|
||||
value = null;
|
||||
fn = null;
|
||||
self = compile('<input />');
|
||||
jqLite(document.body).append(self.$element);
|
||||
self.$element.data('$validate', noop);
|
||||
self.$root = self;
|
||||
self.$init();
|
||||
});
|
||||
|
||||
afterEach(function(){
|
||||
if (self.$element) self.$element.remove();
|
||||
});
|
||||
|
||||
it('should make a request and show spinner', function(){
|
||||
var value, fn;
|
||||
var scope = compile('<input type="text" name="name" ng:validate="asynchronous:asyncFn"/>');
|
||||
jqLite(document.body).append(scope.$element);
|
||||
scope.$init();
|
||||
var input = scope.$element;
|
||||
scope.asyncFn = function(v,f){
|
||||
value=v; fn=f;
|
||||
};
|
||||
scope.name = "misko";
|
||||
scope.$eval();
|
||||
expect(value).toEqual('misko');
|
||||
expect(input.hasClass('ng-input-indicator-wait')).toBeTruthy();
|
||||
fn("myError");
|
||||
expect(input.hasClass('ng-input-indicator-wait')).toBeFalsy();
|
||||
expect(input.attr(NG_VALIDATION_ERROR)).toEqual("myError");
|
||||
scope.$element.remove();
|
||||
});
|
||||
|
||||
it("should not make second request to same value", function(){
|
||||
asynchronous.call(self, "kai", function(v,f){value=v; fn=f;});
|
||||
expect(value).toEqual('kai');
|
||||
expect(self.$service('$invalidWidgets')[0]).toEqual(self.$element);
|
||||
|
||||
var spy = jasmine.createSpy();
|
||||
asynchronous.call(self, "kai", spy);
|
||||
expect(spy).wasNotCalled();
|
||||
|
||||
asynchronous.call(self, "misko", spy);
|
||||
expect(spy).wasCalled();
|
||||
});
|
||||
|
||||
it("should ignore old callbacks, and not remove spinner", function(){
|
||||
var firstCb, secondCb;
|
||||
asynchronous.call(self, "first", function(v,f){value=v; firstCb=f;});
|
||||
asynchronous.call(self, "second", function(v,f){value=v; secondCb=f;});
|
||||
|
||||
firstCb();
|
||||
expect(self.$element.hasClass('ng-input-indicator-wait')).toBeTruthy();
|
||||
|
||||
secondCb();
|
||||
expect(self.$element.hasClass('ng-input-indicator-wait')).toBeFalsy();
|
||||
});
|
||||
|
||||
it("should handle update function", function(){
|
||||
var scope = angular.compile('<input name="name" ng:validate="asynchronous:asyncFn:updateFn"/>');
|
||||
scope.asyncFn = jasmine.createSpy();
|
||||
scope.updateFn = jasmine.createSpy();
|
||||
scope.name = 'misko';
|
||||
scope.$init();
|
||||
scope.$eval();
|
||||
expect(scope.asyncFn).wasCalledWith('misko', scope.asyncFn.mostRecentCall.args[1]);
|
||||
assertTrue(scope.$element.hasClass('ng-input-indicator-wait'));
|
||||
scope.asyncFn.mostRecentCall.args[1]('myError', {id: 1234, data:'data'});
|
||||
assertFalse(scope.$element.hasClass('ng-input-indicator-wait'));
|
||||
assertEquals('myError', scope.$element.attr('ng-validation-error'));
|
||||
expect(scope.updateFn.mostRecentCall.args[0]).toEqual({id: 1234, data:'data'});
|
||||
scope.$element.remove();
|
||||
});
|
||||
|
||||
});
|
||||
Loading…
Reference in a new issue