mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-28 20:10:29 +00:00
more if tests pass
This commit is contained in:
Misko Hevery
parent
22d93e0a3b
commit
e78405f6ed
11 changed files with 326 additions and 292 deletions
|
|
@ -1,6 +1,7 @@
|
|||
var sys = require('sys'),
|
||||
http = require('http'),
|
||||
fs = require('fs');
|
||||
|
||||
http.createServer(function (req, res) {
|
||||
res.writeHead(200, {});
|
||||
sys.p('GET ' + req.url);
|
||||
|
|
|
|||
|
|
@ -27,7 +27,8 @@ var consoleNode,
|
|||
angularFilter = extensionMap(angular, 'filter'),
|
||||
angularFormatter = extensionMap(angular, 'formatter'),
|
||||
angularService = extensionMap(angular, 'service'),
|
||||
angularCallbacks = extensionMap(angular, 'callbacks');
|
||||
angularCallbacks = extensionMap(angular, 'callbacks'),
|
||||
nodeName;
|
||||
|
||||
function angularAlert(){
|
||||
log(arguments); window.alert.apply(window, arguments);
|
||||
|
|
@ -110,13 +111,23 @@ function isTextNode(node) { return nodeName(node) == '#text'; }
|
|||
function lowercase(value){ return isString(value) ? value.toLowerCase() : value; }
|
||||
function uppercase(value){ return isString(value) ? value.toUpperCase() : value; }
|
||||
function trim(value) { return isString(value) ? value.replace(/^\s*/, '').replace(/\s*$/, '') : value; }
|
||||
function nodeName(element) { return (element[0] || element).nodeName; }
|
||||
function isElement(node) {
|
||||
if (node && !node.item && isDefined(node.length) && isDefined(node[0]))
|
||||
node = node[0];
|
||||
return node && node.nodeName;
|
||||
}
|
||||
|
||||
if (msie) {
|
||||
nodeName = function(element) {
|
||||
element = element[0] || element;
|
||||
return (element.scopeName && element.scopeName != 'HTML' ) ? uppercase(element.scopeName + ':' + element.nodeName) : element.nodeName;
|
||||
};
|
||||
} else {
|
||||
nodeName = function(element) {
|
||||
return (element[0] || element).nodeName;
|
||||
};
|
||||
}
|
||||
|
||||
function isVisible(element) {
|
||||
var rect = element[0].getBoundingClientRect(),
|
||||
width = (rect.width || (rect.right||0 - rect.left||0)),
|
||||
|
|
|
|||
|
|
@ -109,7 +109,7 @@ angularDirective("ng-bind-attr", function(expression){
|
|||
var value = compileBindTemplate(bindExp).call(this, element);
|
||||
if (REMOVE_ATTRIBUTES[lowercase(key)]) {
|
||||
if (!toBoolean(value)) {
|
||||
element.removeAttr('disabled');
|
||||
element.removeAttr(key);
|
||||
} else {
|
||||
element.attr(key, value);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -185,7 +185,9 @@ JQLite.prototype = {
|
|||
} else if (isDefined(value)) {
|
||||
e.setAttribute(name, value);
|
||||
} else {
|
||||
return e.getAttribute ? e.getAttribute(name) : undefined;
|
||||
var attributes = e.attributes,
|
||||
item = attributes ? attributes.getNamedItem(name) : undefined;
|
||||
return item ? item.value : undefined;
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -205,8 +207,11 @@ JQLite.prototype = {
|
|||
|
||||
html: function(value) {
|
||||
if (isDefined(value)) {
|
||||
for ( var i = 0, children = this[0].childNodes; i < children.length; i++) {
|
||||
jqLite(children[i]).dealoc();
|
||||
var parent = this[0], child;
|
||||
while(parent.childNodes.length) {
|
||||
child = parent.childNodes[0];
|
||||
jqLite(child).dealoc();
|
||||
parent.removeChild(child);
|
||||
}
|
||||
this[0].innerHTML = value;
|
||||
}
|
||||
|
|
@ -229,6 +234,10 @@ if (msie) {
|
|||
},
|
||||
|
||||
trigger: function(type) {
|
||||
|
||||
if (nodeName(this) == 'INPUT' && (lowercase(this.attr('type')) == 'radio' || lowercase(this.attr('type')) == 'checkbox')) {
|
||||
this[0].checked = ! this[0].checked;
|
||||
}
|
||||
this[0].fireEvent('on' + type);
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -211,24 +211,25 @@ angularWidget('NG:INCLUDE', function(element){
|
|||
}
|
||||
});
|
||||
|
||||
angularWidget('NG:SWITCH', function ngSwitch(element){
|
||||
var ngSwitch = angularWidget('NG:SWITCH', function (element){
|
||||
var compiler = this,
|
||||
watchExpr = element.attr("on"),
|
||||
whenExpr = (element.attr("using") || 'equals').split(":"),
|
||||
whenFn = ngSwitch[whenExpr.shift()],
|
||||
usingExpr = (element.attr("using") || 'equals'),
|
||||
usingExprParams = usingExpr.split(":");
|
||||
usingFn = ngSwitch[usingExprParams.shift()],
|
||||
changeExpr = element.attr('change') || '',
|
||||
cases = [];
|
||||
if (!whenFn) throw "Using expression '" + usingExpr + "' unknown.";
|
||||
if (!usingFn) throw "Using expression '" + usingExpr + "' unknown.";
|
||||
eachNode(element, function(caseElement){
|
||||
var when = caseElement.attr('ng-switch-when');
|
||||
if (when) {
|
||||
cases.push({
|
||||
when: function(scope, value){
|
||||
var args = [value, when];
|
||||
foreach(whenExpr, function(arg){
|
||||
foreach(usingExprParams, function(arg){
|
||||
args.push(arg);
|
||||
});
|
||||
return whenFn.apply(scope, args);
|
||||
return usingFn.apply(scope, args);
|
||||
},
|
||||
change: changeExpr,
|
||||
element: caseElement,
|
||||
|
|
@ -236,6 +237,7 @@ angularWidget('NG:SWITCH', function ngSwitch(element){
|
|||
});
|
||||
}
|
||||
});
|
||||
|
||||
element.html('');
|
||||
return function(element){
|
||||
var scope = this, childScope;
|
||||
|
|
@ -244,9 +246,10 @@ angularWidget('NG:SWITCH', function ngSwitch(element){
|
|||
childScope = createScope(scope);
|
||||
foreach(cases, function(switchCase){
|
||||
if (switchCase.when(childScope, value)) {
|
||||
element.append(switchCase.element);
|
||||
var caseElement = switchCase.element.clone();
|
||||
element.append(caseElement);
|
||||
childScope.$tryEval(switchCase.change, element);
|
||||
switchCase.template(switchCase.element, childScope);
|
||||
switchCase.template(caseElement, childScope);
|
||||
if (scope.$invalidWidgets)
|
||||
scope.$invalidWidgets.clearOrphans();
|
||||
childScope.$init();
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@ FiltersTest.prototype.testGoogleChartApiEncode = function() {
|
|||
FiltersTest.prototype.testHtml = function() {
|
||||
var div = jqLite('<div></div>');
|
||||
div.append(angular.filter.html("a<b>c</b>d"));
|
||||
assertEquals("a<b>c</b>d", div.html());
|
||||
assertEquals("a<b>c</b>d", lowercase(div.html()));
|
||||
};
|
||||
|
||||
FiltersTest.prototype.testLinky = function() {
|
||||
|
|
@ -143,9 +143,9 @@ FiltersTest.prototype.testLinky = function() {
|
|||
assertEquals(
|
||||
'<a href="http://ab">http://ab</a> ' +
|
||||
'(<a href="http://a">http://a</a>) ' +
|
||||
'<<a href="http://a">http://a</a>> \n ' +
|
||||
'<<a href="http://a">http://a</a>> ' +
|
||||
'<a href="http://1.2/v:~-123">http://1.2/v:~-123</a>. c',
|
||||
sortedHtml(linky("http://ab (http://a) <http://a> \n http://1.2/v:~-123. c")));
|
||||
sortedHtml(linky("http://ab (http://a) <http://a> http://1.2/v:~-123. c")));
|
||||
assertEquals(undefined, linky(undefined));
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ ValidatorTest.prototype.testItShouldHaveThisSet = function() {
|
|||
scope.$init();
|
||||
assertEquals('misko', validator.first);
|
||||
assertEquals('hevery', validator.last);
|
||||
assertSame(scope, validator._this.__proto__);
|
||||
expect(validator._this.$id).toEqual(scope.$id);
|
||||
delete angular.validator.myValidator;
|
||||
scope.$element.remove();
|
||||
};
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ describe("directives", function(){
|
|||
var scope = compile('<div ng-bind="html|html"></div>');
|
||||
scope.html = '<div>hello</div>';
|
||||
scope.$eval();
|
||||
expect(element.html()).toEqual('<div>hello</div>');
|
||||
expect(lowercase(element.html())).toEqual('<div>hello</div>');
|
||||
});
|
||||
|
||||
it('should ng-bind-template', function() {
|
||||
|
|
@ -58,7 +58,7 @@ describe("directives", function(){
|
|||
});
|
||||
|
||||
it('should remove special attributes on false', function(){
|
||||
var scope = compile('<div disabled="{{disabled}}" readonly="{{readonly}}" checked="{{checked}}"/>');
|
||||
var scope = compile('<div ng-bind-attr="{disabled:\'{{disabled}}\', readonly:\'{{readonly}}\', checked:\'{{checked}}\'}"/>');
|
||||
expect(scope.$element.attr('disabled')).toEqual(null);
|
||||
expect(scope.$element.attr('readonly')).toEqual(null);
|
||||
expect(scope.$element.attr('checked')).toEqual(null);
|
||||
|
|
@ -180,22 +180,24 @@ describe("directives", function(){
|
|||
expect(isCssVisible(scope.$element)).toEqual(true);
|
||||
});
|
||||
|
||||
it('should ng-controller', function(){
|
||||
window.Greeter = function(){
|
||||
this.greeting = 'hello';
|
||||
};
|
||||
window.Greeter.prototype = {
|
||||
init: function(){
|
||||
this.suffix = '!';
|
||||
},
|
||||
greet: function(name) {
|
||||
return this.greeting + ' ' + name + this.suffix;
|
||||
}
|
||||
};
|
||||
var scope = compile('<div ng-controller="Greeter"></div>');
|
||||
expect(scope.greeting).toEqual('hello');
|
||||
expect(scope.greet('misko')).toEqual('hello misko!');
|
||||
delete window.Greeter;
|
||||
describe('ng-controller', function(){
|
||||
it('should bind', function(){
|
||||
window.Greeter = function(){
|
||||
this.greeting = 'hello';
|
||||
};
|
||||
window.Greeter.prototype = {
|
||||
init: function(){
|
||||
this.suffix = '!';
|
||||
},
|
||||
greet: function(name) {
|
||||
return this.greeting + ' ' + name + this.suffix;
|
||||
}
|
||||
};
|
||||
var scope = compile('<div ng-controller="Greeter"></div>');
|
||||
expect(scope.greeting).toEqual('hello');
|
||||
expect(scope.greet('misko')).toEqual('hello misko!');
|
||||
window.Greeter = undefined;
|
||||
});
|
||||
});
|
||||
|
||||
it('should eval things according to ng-eval-order', function(){
|
||||
|
|
|
|||
|
|
@ -43,13 +43,14 @@ describe("markups", function(){
|
|||
});
|
||||
|
||||
it('should populate value attribute on OPTION', function(){
|
||||
compile('<select name="x"><option>A</option></select>');
|
||||
expect(element.html()).toEqual('<option value="A">A</option>');
|
||||
compile('<select name="x"><option>a</option></select>');
|
||||
expect(sortedHtml(element)).toEqual('<select name="x"><option value="a">a</option></select>');
|
||||
});
|
||||
|
||||
it('should process all bindings when we have leading space', function(){
|
||||
compile('<a> {{a}}<br/>{{b}}</a>');
|
||||
expect(sortedHtml(scope.$element)).toEqual('<a> <span ng-bind="a"></span><br></br><span ng-bind="b"></span></a>');
|
||||
var space = msie ? '<span>' + NBSP + '</span>': ' ';
|
||||
expect(sortedHtml(scope.$element)).toEqual('<a>' + space + '<span ng-bind="a"></span><br></br><span ng-bind="b"></span></a>');
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
jstd = jstestdriver;
|
||||
dump = bind(jstd.console, jstd.console.log);
|
||||
|
||||
var NBSP = jqLite(' ').text();
|
||||
|
||||
function nakedExpect(obj) {
|
||||
return expect(angular.fromJson(angular.toJson(obj)));
|
||||
}
|
||||
|
|
@ -46,6 +48,7 @@ function sortedHtml(element) {
|
|||
attr.value !='inherit' &&
|
||||
attr.value !='0' &&
|
||||
attr.name !='loop' &&
|
||||
attr.name !='complete' &&
|
||||
attr.name !='maxLength' &&
|
||||
attr.name !='size' &&
|
||||
attr.name !='start' &&
|
||||
|
|
@ -53,7 +56,8 @@ function sortedHtml(element) {
|
|||
attr.name !='style' &&
|
||||
attr.name.substr(0, 6) != 'jQuery') {
|
||||
// in IE we need to check for all of these.
|
||||
attrs.push(' ' + attr.name + '="' + attr.value + '"');
|
||||
if (!/ng-\d+/.exec(attr.name))
|
||||
attrs.push(' ' + attr.name + '="' + attr.value + '"');
|
||||
}
|
||||
}
|
||||
attrs.sort();
|
||||
|
|
@ -64,14 +68,14 @@ function sortedHtml(element) {
|
|||
foreach(node.style.cssText.split(';'), function(value){
|
||||
value = trim(value);
|
||||
if (value) {
|
||||
style.push(value);
|
||||
style.push(lowercase(value));
|
||||
}
|
||||
});
|
||||
}
|
||||
for(var css in node.style){
|
||||
var value = node.style[css];
|
||||
if (isString(value) && isString(css) && css != 'cssText' && value && (1*css != css)) {
|
||||
var text = css + ': ' + value;
|
||||
var text = lowercase(css + ': ' + value);
|
||||
if (value != 'false' && indexOf(style, text) == -1) {
|
||||
style.push(text);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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']);
|
||||
|
||||
scope.$set('list', ['x', 'y', 'z']);
|
||||
scope.$eval();
|
||||
expect(element.val()).toEqual("x, y, z");
|
||||
|
||||
element.val('1, 2, 3');
|
||||
element.trigger('keyup');
|
||||
expect(scope.$get('list')).toEqual(['1', '2', '3']);
|
||||
});
|
||||
|
||||
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('Kai');
|
||||
element.trigger('change');
|
||||
expect(scope.$get('name')).toEqual('Kai');
|
||||
expect(scope.$get('count')).toEqual(2);
|
||||
});
|
||||
|
||||
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']);
|
||||
|
||||
scope.$set('list', ['x', 'y', 'z']);
|
||||
scope.$eval();
|
||||
expect(element.val()).toEqual("x, y, z");
|
||||
|
||||
element.val('1, 2, 3');
|
||||
element.trigger('keyup');
|
||||
expect(scope.$get('list')).toEqual(['1', '2', '3']);
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
|
||||
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');
|
||||
|
||||
scope.$set('price', '123');
|
||||
scope.$eval();
|
||||
expect(element.hasClass('ng-validation-error')).toBeFalsy();
|
||||
expect(element.attr('ng-validation-error')).toBeFalsy();
|
||||
|
||||
element.val('x');
|
||||
element.trigger('keyup');
|
||||
expect(element.hasClass('ng-validation-error')).toBeTruthy();
|
||||
expect(element.attr('ng-validation-error')).toEqual('Not a number');
|
||||
});
|
||||
|
||||
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");
|
||||
|
||||
scope.url = 'http://server';
|
||||
scope.$eval();
|
||||
expect(lastValue).toEqual("http://server");
|
||||
|
||||
delete angularValidator.myValidator;
|
||||
});
|
||||
|
||||
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 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 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');
|
||||
|
||||
scope.$set('price', 'xxx');
|
||||
scope.$eval();
|
||||
expect(element.hasClass('ng-validation-error')).toBeFalsy();
|
||||
expect(element.attr('ng-validation-error')).toBeFalsy();
|
||||
|
||||
element.val('');
|
||||
element.trigger('keyup');
|
||||
expect(element.hasClass('ng-validation-error')).toBeTruthy();
|
||||
expect(element.attr('ng-validation-error')).toEqual('Required');
|
||||
});
|
||||
|
||||
it("should process ng-required2", function() {
|
||||
compile('<textarea name="name">Misko</textarea>');
|
||||
expect(scope.$get('name')).toEqual("Misko");
|
||||
|
||||
scope.$set('name', 'Adam');
|
||||
scope.$eval();
|
||||
expect(element.val()).toEqual("Adam");
|
||||
|
||||
element.val('Shyam');
|
||||
element.trigger('keyup');
|
||||
expect(scope.$get('name')).toEqual('Shyam');
|
||||
|
||||
element.val('Kai');
|
||||
element.trigger('change');
|
||||
expect(scope.$get('name')).toEqual('Kai');
|
||||
});
|
||||
|
||||
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 support button alias', function(){
|
||||
compile('<button ng-change="clicked = true">Click Me</button>');
|
||||
element.trigger('click');
|
||||
expect(scope.$get('clicked')).toEqual(true);
|
||||
});
|
||||
|
||||
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 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 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 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 missing field', function(){
|
||||
compile('<input type="text"/>');
|
||||
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 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();
|
||||
});
|
||||
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');
|
||||
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');
|
||||
});
|
||||
|
||||
scope.$set('price', '123');
|
||||
scope.$eval();
|
||||
expect(element.hasClass('ng-validation-error')).toBeFalsy();
|
||||
expect(element.attr('ng-validation-error')).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');
|
||||
});
|
||||
|
||||
element.val('x');
|
||||
element.trigger('keyup');
|
||||
expect(element.hasClass('ng-validation-error')).toBeTruthy();
|
||||
expect(element.attr('ng-validation-error')).toEqual('Not a number');
|
||||
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 = 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);
|
||||
});
|
||||
});
|
||||
|
||||
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");
|
||||
|
||||
scope.url = 'http://server';
|
||||
scope.$eval();
|
||||
expect(lastValue).toEqual("http://server");
|
||||
|
||||
delete angularValidator.myValidator;
|
||||
});
|
||||
|
||||
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 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 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');
|
||||
|
||||
scope.$set('price', 'xxx');
|
||||
scope.$eval();
|
||||
expect(element.hasClass('ng-validation-error')).toBeFalsy();
|
||||
expect(element.attr('ng-validation-error')).toBeFalsy();
|
||||
|
||||
element.val('');
|
||||
element.trigger('keyup');
|
||||
expect(element.hasClass('ng-validation-error')).toBeTruthy();
|
||||
expect(element.attr('ng-validation-error')).toEqual('Required');
|
||||
});
|
||||
|
||||
it("should process ng-required2", function() {
|
||||
compile('<textarea name="name">Misko</textarea>');
|
||||
expect(scope.$get('name')).toEqual("Misko");
|
||||
|
||||
scope.$set('name', 'Adam');
|
||||
scope.$eval();
|
||||
expect(element.val()).toEqual("Adam");
|
||||
|
||||
element.val('Shyam');
|
||||
element.trigger('keyup');
|
||||
expect(scope.$get('name')).toEqual('Shyam');
|
||||
|
||||
element.val('Kai');
|
||||
element.trigger('change');
|
||||
expect(scope.$get('name')).toEqual('Kai');
|
||||
});
|
||||
|
||||
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 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="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="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-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 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 missing field', function(){
|
||||
compile('<input type="text"/>');
|
||||
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 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 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');
|
||||
});
|
||||
});
|
||||
|
||||
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');
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
});
|
||||
|
||||
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');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue