mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-25 10:50:22 +00:00
e7e894a2e3
- "this" always means the current chain scope inside a DSL
- addFutureAction callbacks now take ($window, $document, done)
- $document has a special method elements() that uses the currently selected nodes in the document as defined by using() statements.
- $document.elements() allows placeholder insertion into selectors to make them more readable.
ex. $document.elements('input[name="$1"]', myVar) will substitute the value of myVar for $1 in the selector. Subsequent arguments are $2 and so on.
- $document.elements() results have a special method trigger(event) which should be used to events. This method implements some hacks to make sure browser UI controls update and the correct angular events fire.
- futures now allow custom formatting. By default any chain that results in a future can use toJson() or fromJson() to convert the future value to and from json. A custom parser can be provided with parsedWith(fn) where fn is a callback(value) that must return the parsed result.
Note: The entire widgets.html UI is now able to be controlled and asserted through DSL statements!!! Victory! :)
55 lines
2.2 KiB
JavaScript
55 lines
2.2 KiB
JavaScript
describe('widgets', function() {
|
|
it('should verify that basic widgets work', function(){
|
|
navigateTo('widgets.html');
|
|
|
|
using('#text-basic-box').input('text.basic').enter('Carlos');
|
|
expect(binding('text.basic')).toEqual('Carlos');
|
|
input('text.basic').enter('Carlos Santana');
|
|
expect(binding('text.basic')).not().toEqual('Carlos Boozer');
|
|
|
|
input('text.password').enter('secret');
|
|
expect(binding('text.password')).toEqual('secret');
|
|
|
|
expect(binding('text.hidden')).toEqual('hiddenValue');
|
|
|
|
expect(binding('gender')).toEqual('male');
|
|
input('gender').select('female');
|
|
expect(using('#gender-box').binding('gender')).toEqual('female');
|
|
|
|
expect(repeater('#repeater-row ul li').count()).toEqual(2);
|
|
expect(repeater('#repeater-row ul li').row(1)).toEqual(['adam']);
|
|
expect(repeater('#repeater-row ul li').column('name')).toEqual(['misko', 'adam']);
|
|
|
|
select('select').option('B');
|
|
expect(binding('select')).toEqual('B');
|
|
|
|
select('multiselect').options('A', 'C');
|
|
expect(binding('multiselect').fromJson()).toEqual(['A', 'C']);
|
|
|
|
expect(binding('button').fromJson()).toEqual({'count': 0});
|
|
element('form a').click();
|
|
expect(binding('button').fromJson()).toEqual({'count': 1});
|
|
element('input[value="submit"]').click();
|
|
expect(binding('button').fromJson()).toEqual({'count': 2});
|
|
element('input[value="button"]').click();
|
|
expect(binding('button').fromJson()).toEqual({'count': 3});
|
|
element('input[type="image"]').click();
|
|
expect(binding('button').fromJson()).toEqual({'count': 4});
|
|
|
|
/**
|
|
* Custom value parser for futures.
|
|
*/
|
|
function checkboxParser(value) {
|
|
return angular.fromJson(value.substring(value.indexOf('=')+1));
|
|
}
|
|
|
|
input('checkbox.tea').check();
|
|
expect(binding('checkbox').parsedWith(checkboxParser)).toEqual({coffee: false, tea: false});
|
|
input('checkbox.coffee').check();
|
|
expect(binding('checkbox').parsedWith(checkboxParser)).toEqual({coffee: true, tea: false});
|
|
input('checkbox.tea').check();
|
|
input('checkbox.tea').check();
|
|
input('checkbox.tea').check();
|
|
expect(binding('checkbox').parsedWith(checkboxParser)).toEqual({coffee: true, tea: true});
|
|
});
|
|
});
|