+ User:
+
+
+ user={{currentUser.name}}
+ password={{currentUser.password}}
+ +
+ it('should retrieve object by index', function(){
+ expect(binding('currentUser.password')).toEqual('guest');
+ select('currentUser').option('2');
+ expect(binding('currentUser.password')).toEqual('abc');
+ });
+
+
*/
angularFormatter.index = formatter(
function(object, array){
diff --git a/src/services.js b/src/services.js
index 68860e22..f54234a6 100644
--- a/src/services.js
+++ b/src/services.js
@@ -22,8 +22,19 @@ function angularServiceInject(name, fn, inject, eager) {
* suffer from window globality.
*
* @example
+<<<<<<< HEAD
+=======
+
+
+
+
+
+
+
+
+>>>>>>> changed the documentation @example to use
*/
angularServiceInject("$window", bind(window, identity, window), [], EAGER);
@@ -63,10 +74,16 @@ angularServiceInject("$document", function(window){
* Notice that using browser's forward/back buttons changes the $location.
*
* @example
- clear hash |
- test hash
- -
+
+ clear hash |
+ test hash
+ +
+
+
+
*/
angularServiceInject("$location", function($browser) {
var scope = this,
@@ -98,9 +115,15 @@ angularServiceInject("$location", function($browser) {
* Browser is updated at the end of $eval()
*
* @example
- * scope.$location.update('http://www.angularjs.org/path#hash?search=x');
- * scope.$location.update({host: 'www.google.com', protocol: 'https'});
- * scope.$location.update({hashPath: '/path', hashSearch: {a: 'b', x: true}});
+
+
+ scope.$location.update('http://www.angularjs.org/path#hash?search=x');
+ scope.$location.update({host: 'www.google.com', protocol: 'https'});
+ scope.$location.update({hashPath: '/path', hashSearch: {a: 'b', x: true}});
+
+
+
+
*
* @param {(string|Object)} href Full href as a string or object with properties
*/
@@ -133,14 +156,18 @@ angularServiceInject("$location", function($browser) {
* @see update()
*
* @example
- * scope.$location.updateHash('/hp')
- * ==> update({hashPath: '/hp'})
- *
- * scope.$location.updateHash({a: true, b: 'val'})
- * ==> update({hashSearch: {a: true, b: 'val'}})
- *
- * scope.$location.updateHash('/hp', {a: true})
- * ==> update({hashPath: '/hp', hashSearch: {a: true}})
+
+
+ scope.$location.updateHash('/hp')
+ ==> update({hashPath: '/hp'})
+ scope.$location.updateHash({a: true, b: 'val'})
+ ==> update({hashSearch: {a: true, b: 'val'}})
+ scope.$location.updateHash('/hp', {a: true})
+ ==> update({hashPath: '/hp', hashSearch: {a: true}})
+
+
+
+
*
* @param {(string|Object)} path A hashPath or hashSearch object
* @param {Object=} search A hashSearch object
@@ -176,7 +203,9 @@ angularServiceInject("$location", function($browser) {
* - everything else
*
* @example
- * scope.$location.href = 'http://www.angularjs.org/path#a/b'
+ *
+
+
+
+
+
*/
var $logFactory; //reference to be used only in tests
angularServiceInject("$log", $logFactory = function($window){
@@ -622,42 +657,46 @@ function switchRouteMatcher(on, when, dstName) {
* widget.
*
* @example
-
- -
-
+ +
+
+
+
*/
angularServiceInject('$route', function(location) {
var routes = {},
@@ -1122,43 +1161,49 @@ angularServiceInject('$xhr.cache', function($xhr, $defer, $log){
* @returns {Object} A resource "class".
*
* @example
-
-
-
+ password={{currentUser.password}}
+ +
- -
$location = {{$location}}
+ + +
$location = {{$location}}
+ + * scope.$location.href = 'http://www.angularjs.org/path#a/b' + ** immediately after this call, other properties are still the old ones... * * This method checks the changes and update location to the consistent state @@ -298,13 +327,19 @@ angularServiceInject("$location", function($browser) { * The main purpose of this service is to simplify debugging and troubleshooting. * * @example -
Reload this page with open console, enter text and hit the log button...
- Message: - - - - - +Reload this page with open console, enter text and hit the log button...
+ Message: + + + + + +- This example shows how changing the URL hash causes the $route - to match a route against the URL, and the [[ng:include]] pulls in the partial. - Try changing the URL in the input box to see changes. -
- - - -Chose: -Moby | -Moby: Ch1 | -Gatsby | -Gatsby: Ch4- -
$location={{$location}}
-$route.current.template={{$route.current.template}}
-$route.current.params={{$route.current.params}}
-$route.current.scope.name={{$route.current.scope.name}}
--
+ +
$location={{$location}}
+ $route.current.template={{$route.current.template}}
+ $route.current.params={{$route.current.params}}
+ $route.current.scope.name={{$route.current.scope.name}}
+ +
-
-
-
-
+
+
*/
angularServiceInject('$resource', function($xhr){
var resource = new ResourceFactory($xhr);
diff --git a/src/validators.js b/src/validators.js
index 30936574..e2a9d7f6 100644
--- a/src/validators.js
+++ b/src/validators.js
@@ -14,24 +14,27 @@ extend(angularValidator, {
* @css ng-validation-error
*
* @example
- *
- * Enter valid SSN:
- *
+
+
+ Enter valid SSN:
+
+
+ it('should invalidate non ssn', function(){
+ var textBox = element('.doc-example :input');
+ expect(textBox.attr('className')).not().toMatch(/ng-validation-error/);
+ expect(textBox.val()).toEqual('123-45-6789');
+ input('ssn').enter('123-45-67890');
+ expect(textBox.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*
*/
'regexp': function(value, regexp, msg) {
@@ -57,28 +60,29 @@ extend(angularValidator, {
* @css ng-validation-error
*
* @example
- * Enter number:
- * Enter number greater than 10:
- * Enter number between 100 and 200:
- * - * @scenario - * it('should invalidate number', function(){ - * var n1 = element('.doc-example :input[name=n1]'); - * expect(n1.attr('className')).not().toMatch(/ng-validation-error/); - * input('n1').enter('1.x'); - * expect(n1.attr('className')).toMatch(/ng-validation-error/); - * - * var n2 = element('.doc-example :input[name=n2]'); - * expect(n2.attr('className')).not().toMatch(/ng-validation-error/); - * input('n2').enter('9'); - * expect(n2.attr('className')).toMatch(/ng-validation-error/); - * - * var n3 = element('.doc-example :input[name=n3]'); - * expect(n3.attr('className')).not().toMatch(/ng-validation-error/); - * input('n3').enter('201'); - * expect(n3.attr('className')).toMatch(/ng-validation-error/); - * - * }); +
+
+ Enter number:
+ Enter number greater than 10:
+ Enter number between 100 and 200:
+
+
+ it('should invalidate number', function(){
+ var n1 = element('.doc-example :input[name=n1]');
+ expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
+ input('n1').enter('1.x');
+ expect(n1.attr('className')).toMatch(/ng-validation-error/);
+ var n2 = element('.doc-example :input[name=n2]');
+ expect(n2.attr('className')).not().toMatch(/ng-validation-error/);
+ input('n2').enter('9');
+ expect(n2.attr('className')).toMatch(/ng-validation-error/);
+ var n3 = element('.doc-example :input[name=n3]');
+ expect(n3.attr('className')).not().toMatch(/ng-validation-error/);
+ input('n3').enter('201');
+ expect(n3.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*
*/
'number': function(value, min, max) {
@@ -110,28 +114,29 @@ extend(angularValidator, {
* @css ng-validation-error
*
* @example
- * Enter integer:
- * Enter integer equal or greater than 10:
- * Enter integer between 100 and 200 (inclusive):
- * - * @scenario - * it('should invalidate integer', function(){ - * var n1 = element('.doc-example :input[name=n1]'); - * expect(n1.attr('className')).not().toMatch(/ng-validation-error/); - * input('n1').enter('1.1'); - * expect(n1.attr('className')).toMatch(/ng-validation-error/); - * - * var n2 = element('.doc-example :input[name=n2]'); - * expect(n2.attr('className')).not().toMatch(/ng-validation-error/); - * input('n2').enter('10.1'); - * expect(n2.attr('className')).toMatch(/ng-validation-error/); - * - * var n3 = element('.doc-example :input[name=n3]'); - * expect(n3.attr('className')).not().toMatch(/ng-validation-error/); - * input('n3').enter('100.1'); - * expect(n3.attr('className')).toMatch(/ng-validation-error/); - * - * }); +
+
+ Enter integer:
+ Enter integer equal or greater than 10:
+ Enter integer between 100 and 200 (inclusive):
+
+
+ it('should invalidate integer', function(){
+ var n1 = element('.doc-example :input[name=n1]');
+ expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
+ input('n1').enter('1.1');
+ expect(n1.attr('className')).toMatch(/ng-validation-error/);
+ var n2 = element('.doc-example :input[name=n2]');
+ expect(n2.attr('className')).not().toMatch(/ng-validation-error/);
+ input('n2').enter('10.1');
+ expect(n2.attr('className')).toMatch(/ng-validation-error/);
+ var n3 = element('.doc-example :input[name=n3]');
+ expect(n3.attr('className')).not().toMatch(/ng-validation-error/);
+ input('n3').enter('100.1');
+ expect(n3.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*/
'integer': function(value, min, max) {
var numberError = angularValidator['number'](value, min, max);
@@ -154,16 +159,20 @@ extend(angularValidator, {
* @css ng-validation-error
*
* @example
- * Enter valid date:
- *
- *
- * @scenario
- * it('should invalidate date', function(){
- * var n1 = element('.doc-example :input');
- * expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
- * input('text').enter('123/123/123');
- * expect(n1.attr('className')).toMatch(/ng-validation-error/);
- * });
+
+
+ Enter valid date:
+
+
+
+ it('should invalidate date', function(){
+ var n1 = element('.doc-example :input');
+ expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
+ input('text').enter('123/123/123');
+ expect(n1.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*
*/
'date': function(value) {
@@ -187,16 +196,20 @@ extend(angularValidator, {
* @css ng-validation-error
*
* @example
- * Enter valid email:
- *
- *
- * @scenario
- * it('should invalidate email', function(){
- * var n1 = element('.doc-example :input');
- * expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
- * input('text').enter('a@b.c');
- * expect(n1.attr('className')).toMatch(/ng-validation-error/);
- * });
+
+
+ Enter valid email:
+
+
+
+ it('should invalidate email', function(){
+ var n1 = element('.doc-example :input');
+ expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
+ input('text').enter('a@b.c');
+ expect(n1.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*
*/
'email': function(value) {
@@ -217,16 +230,20 @@ extend(angularValidator, {
* @css ng-validation-error
*
* @example
- * Enter valid phone number:
- *
- *
- * @scenario
- * it('should invalidate phone', function(){
- * var n1 = element('.doc-example :input');
- * expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
- * input('text').enter('+12345678');
- * expect(n1.attr('className')).toMatch(/ng-validation-error/);
- * });
+
+
+ Enter valid phone number:
+
+
+
+ it('should invalidate phone', function(){
+ var n1 = element('.doc-example :input');
+ expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
+ input('text').enter('+12345678');
+ expect(n1.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*
*/
'phone': function(value) {
@@ -250,16 +267,20 @@ extend(angularValidator, {
* @css ng-validation-error
*
* @example
- * Enter valid phone number:
- *
- *
- * @scenario
- * it('should invalidate url', function(){
- * var n1 = element('.doc-example :input');
- * expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
- * input('text').enter('abc://server/path');
- * expect(n1.attr('className')).toMatch(/ng-validation-error/);
- * });
+
+
+ Enter valid phone number:
+
+
+
+ it('should invalidate url', function(){
+ var n1 = element('.doc-example :input');
+ expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
+ input('text').enter('abc://server/path');
+ expect(n1.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*
*/
'url': function(value) {
@@ -280,17 +301,21 @@ extend(angularValidator, {
* @css ng-validation-error
*
* @example
- *
- *
- * @scenario
- * it('should invalidate json', function(){
- * var n1 = element('.doc-example :input');
- * expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
- * input('json').enter('{name}');
- * expect(n1.attr('className')).toMatch(/ng-validation-error/);
- * });
+
+
+
+
+
+ it('should invalidate json', function(){
+ var n1 = element('.doc-example :input');
+ expect(n1.attr('className')).not().toMatch(/ng-validation-error/);
+ input('json').enter('{name}');
+ expect(n1.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*
*/
'json': function(value) {
@@ -338,35 +363,35 @@ extend(angularValidator, {
* @css ng-input-indicator-wait, ng-validation-error
*
* @example
- *
- * This input is validated asynchronously:
- *
+
+
+ This input is validated asynchronously:
+
+
+ it('should change color in delayed way', function(){
+ var textBox = element('.doc-example :input');
+ expect(textBox.attr('className')).not().toMatch(/ng-input-indicator-wait/);
+ expect(textBox.attr('className')).not().toMatch(/ng-validation-error/);
+ input('text').enter('X');
+ expect(textBox.attr('className')).toMatch(/ng-input-indicator-wait/);
+ pause(.6);
+ expect(textBox.attr('className')).not().toMatch(/ng-input-indicator-wait/);
+ expect(textBox.attr('className')).toMatch(/ng-validation-error/);
+ });
+
+
*
*/
/*
diff --git a/src/widgets.js b/src/widgets.js
index cf65cd40..ea76cfc2 100644
--- a/src/widgets.js
+++ b/src/widgets.js
@@ -19,117 +19,122 @@
*
*
* @example
-
-
+
+
+
+
+
+
- * @scenario
- * it('should exercise text', function(){
- * input('input1').enter('Carlos');
- * expect(binding('input1')).toEqual('"Carlos"');
- * });
- * it('should exercise textarea', function(){
- * input('input2').enter('Carlos');
- * expect(binding('input2')).toEqual('"Carlos"');
- * });
- * it('should exercise radio', function(){
- * expect(binding('input3')).toEqual('null');
- * input('input3').select('A');
- * expect(binding('input3')).toEqual('"A"');
- * input('input3').select('B');
- * expect(binding('input3')).toEqual('"B"');
- * });
- * it('should exercise checkbox', function(){
- * expect(binding('input4')).toEqual('false');
- * input('input4').check();
- * expect(binding('input4')).toEqual('true');
- * });
- * it('should exercise pulldown', function(){
- * expect(binding('input5')).toEqual('"c"');
- * select('input5').option('d');
- * expect(binding('input5')).toEqual('"d"');
- * });
- * it('should exercise multiselect', function(){
- * expect(binding('input6')).toEqual('[]');
- * select('input6').options('e');
- * expect(binding('input6')).toEqual('["e"]');
- * select('input6').options('e', 'f');
- * expect(binding('input6')).toEqual('["e","f"]');
- * });
+ it('should exercise text', function(){
+ input('input1').enter('Carlos');
+ expect(binding('input1')).toEqual('"Carlos"');
+ });
+ it('should exercise textarea', function(){
+ input('input2').enter('Carlos');
+ expect(binding('input2')).toEqual('"Carlos"');
+ });
+ it('should exercise radio', function(){
+ expect(binding('input3')).toEqual('null');
+ input('input3').select('A');
+ expect(binding('input3')).toEqual('"A"');
+ input('input3').select('B');
+ expect(binding('input3')).toEqual('"B"');
+ });
+ it('should exercise checkbox', function(){
+ expect(binding('input4')).toEqual('false');
+ input('input4').check();
+ expect(binding('input4')).toEqual('true');
+ });
+ it('should exercise pulldown', function(){
+ expect(binding('input5')).toEqual('"c"');
+ select('input5').option('d');
+ expect(binding('input5')).toEqual('"d"');
+ });
+ it('should exercise multiselect', function(){
+ expect(binding('input6')).toEqual('[]');
+ select('input6').options('e');
+ expect(binding('input6')).toEqual('["e"]');
+ select('input6').options('e', 'f');
+ expect(binding('input6')).toEqual('["e","f"]');
+ });
+
+
*/
function modelAccessor(scope, element) {
@@ -193,26 +198,29 @@ function compileFormatter(expr) {
* @element INPUT
* @css ng-validation-error
*
- * @exampleDescription
+ * @example
* This example shows how the input element becomes red when it contains invalid input. Correct
* the input to make the error disappear.
*
- * @example
- I don't validate:
-
+
+
+ I don't validate:
+
- I need an integer or nothing: -
- * - * @scenario - it('should check ng:validate', function(){ - expect(element('.doc-example-live :input:last').attr('className')). - toMatch(/ng-validation-error/); + I need an integer or nothing: +
+
+
+ it('should check ng:validate', function(){
+ expect(element('.doc-example-live :input:last').attr('className')).
+ toMatch(/ng-validation-error/);
- input('value').enter('123');
- expect(element('.doc-example-live :input:last').attr('className')).
- not().toMatch(/ng-validation-error/);
- });
+ input('value').enter('123');
+ expect(element('.doc-example-live :input:last').attr('className')).
+ not().toMatch(/ng-validation-error/);
+ });
+
+
*/
/**
* @workInProgress
@@ -226,19 +234,22 @@ function compileFormatter(expr) {
* @element INPUT
* @css ng-validation-error
*
- * @exampleDescription
+ * @example
* This example shows how the input element becomes red when it contains invalid input. Correct
* the input to make the error disappear.
*
- * @example
- I cannot be blank:
- * - * @scenario - it('should check ng:required', function(){ - expect(element('.doc-example-live :input').attr('className')).toMatch(/ng-validation-error/); - input('value').enter('123'); - expect(element('.doc-example-live :input').attr('className')).not().toMatch(/ng-validation-error/); - }); +
+
+ I cannot be blank:
+
+
+ it('should check ng:required', function(){
+ expect(element('.doc-example-live :input').attr('className')).toMatch(/ng-validation-error/);
+ input('value').enter('123');
+ expect(element('.doc-example-live :input').attr('className')).not().toMatch(/ng-validation-error/);
+ });
+
+
*/
/**
* @workInProgress
@@ -256,21 +267,24 @@ function compileFormatter(expr) {
*
* @element INPUT
*
- * @exampleDescription
+ * @example
* This example shows how the user input is converted from a string and internally represented as an
* array.
*
- * @example
- Enter a comma separated list of items:
-
-
+
+ Enter a comma separated list of items:
+
+
+
+ it('should check ng:format', function(){
+ expect(binding('list')).toBe('list=["table","chairs","plate"]');
+ input('list').enter(',,, a ,,,');
+ expect(binding('list')).toBe('list=["a"]');
+ });
+
+
*/
function valueAccessor(scope, element) {
var validatorName = element.attr('ng:validate') || NOOP,
@@ -453,28 +467,32 @@ function radioInit(model, view, element) {
* @element INPUT
* @param {expression} expression to execute.
*
- * @exampleDescription
* @example
-
-
- changeCount {{textCount}}
- - changeCount {{checkboxCount}}
- * - * @scenario - it('should check ng:change', function(){ - expect(binding('textCount')).toBe('0'); - expect(binding('checkboxCount')).toBe('0'); + * @example +
+
+
+
+ changeCount {{textCount}}
+ + changeCount {{checkboxCount}}
+
+
+ it('should check ng:change', function(){
+ expect(binding('textCount')).toBe('0');
+ expect(binding('checkboxCount')).toBe('0');
- using('.doc-example-live').input('text').enter('abc');
- expect(binding('textCount')).toBe('1');
- expect(binding('checkboxCount')).toBe('0');
+ using('.doc-example-live').input('text').enter('abc');
+ expect(binding('textCount')).toBe('1');
+ expect(binding('checkboxCount')).toBe('0');
- using('.doc-example-live').input('checkbox').check();
- expect(binding('textCount')).toBe('1');
- expect(binding('checkboxCount')).toBe('1');
- });
+ using('.doc-example-live').input('checkbox').check();
+ expect(binding('textCount')).toBe('1');
+ expect(binding('checkboxCount')).toBe('1');
+ });
+
+
*/
function inputWidget(events, modelAccessor, viewAccessor, initFn, textBox) {
return injectService(['$updateView', '$defer'], function($updateView, $defer, element) {
@@ -594,27 +612,31 @@ angularWidget('option', function(){
* @param {string=} onload Expression to evaluate when a new partial is loaded.
*
* @example
- *
- * url = {{url}}
- *
- *
+
+
+ url = {{url}}
+
+
+
+ it('should load date filter', function(){
+ expect(element('.doc-example ng\\:include').text()).toMatch(/angular\.filter\.date/);
+ });
+ it('should change to hmtl filter', function(){
+ select('url').option('angular.filter.html.html');
+ expect(element('.doc-example ng\\:include').text()).toMatch(/angular\.filter\.html/);
+ });
+ it('should change to blank', function(){
+ select('url').option('(blank)');
+ expect(element('.doc-example ng\\:include').text()).toEqual('');
+ });
+
+
*/
angularWidget('ng:include', function(element){
var compiler = this,
@@ -690,32 +712,36 @@ angularWidget('ng:include', function(element){
* * `ng:switch-default`: the default case when no other casses match.
*
* @example
-
- switch={{switch}}
-
-
-
-
- *
- * @scenario
- * it('should start in settings', function(){
- * expect(element('.doc-example ng\\:switch').text()).toEqual('Settings Div');
- * });
- * it('should change to home', function(){
- * select('switch').option('home');
- * expect(element('.doc-example ng\\:switch').text()).toEqual('Home Span');
- * });
- * it('should select deafault', function(){
- * select('switch').option('other');
- * expect(element('.doc-example ng\\:switch').text()).toEqual('default');
- * });
+
+
+
+ switch={{switch}}
+
+
+
+
+
+
+ it('should start in settings', function(){
+ expect(element('.doc-example ng\\:switch').text()).toEqual('Settings Div');
+ });
+ it('should change to home', function(){
+ select('switch').option('home');
+ expect(element('.doc-example ng\\:switch').text()).toEqual('Home Span');
+ });
+ it('should select deafault', function(){
+ select('switch').option('other');
+ expect(element('.doc-example ng\\:switch').text()).toEqual('default');
+ });
+
+
*/
var ngSwitch = angularWidget('ng:switch', function (element){
var compiler = this,
@@ -838,25 +864,29 @@ angularWidget('a', function() {
*
* For example: `(name, age) in {'adam':10, 'amalie':12}`.
*
- * @exampleDescription
+ * @example
* This example initializes the scope to a list of names and
* than uses `ng:repeat` to display every person.
- * @example
-
+
+
+
+ it('should check ng:repeat', function(){
+ var r = using('.doc-example-live').repeater('ul li');
+ expect(r.count()).toBe(2);
+ expect(r.row(0)).toEqual(["1","John","25"]);
+ expect(r.row(1)).toEqual(["2","Mary","28"]);
+ });
+
+
*/
angularWidget("@ng:repeat", function(expression, element){
element.removeAttr('ng:repeat');
@@ -946,20 +976,24 @@ angularWidget("@ng:repeat", function(expression, element){
*
* @element ANY
*
- * @exampleDescription
+ * @example
* In this example there are two location where a siple binding (`{{}}`) is present, but the one
* wrapped in `ng:non-bindable` is left alone.
*
* @example
-
+
+
+
+ it('should check ng:non-bindable', function(){
+ expect(using('.doc-example-live').binding('1 + 2')).toBe('3');
+ expect(using('.doc-example-live').element('div:last').text()).
+ toMatch(/1 \+ 2/);
+ });
+
+
*/
angularWidget("@ng:non-bindable", noop);
@@ -989,26 +1023,30 @@ angularWidget("@ng:non-bindable", noop);
* - doesn't require `$route` service to be available on the root scope
*
*
- * # Example
- * Because of the nature of this widget, we can't include the usual live example for it. Instead
- * following is a code snippet showing the typical usage:
- *
-
+
+
*/
angularWidget('ng:view', function(element) {
var compiler = this;
--
cgit v1.2.3
-
-
-
- {{item.object.content | html}}
-
+
+
- 
- {{item.actor.name}}
- Expand replies: {{item.links.replies[0].count}}
-
- {{item.object.content | html}}
-
- 
- {{reply.actor.name}}: {{reply.content | html}}
+
+
+
+
+
-
+
+
+
+
- +
+
+
+ {{item.object.content | html}}
+
+
+ {{item.actor.name}}
+ Expand replies: {{item.links.replies[0].count}}
+
+ {{item.object.content | html}}
+
+
+ {{reply.actor.name}}: {{reply.content | html}}
+
+
- *
- *
- *
- * @scenario
- * it('should invalidate non ssn', function(){
- * var textBox = element('.doc-example :input');
- * expect(textBox.attr('className')).not().toMatch(/ng-validation-error/);
- * expect(textBox.val()).toEqual('123-45-6789');
- *
- * input('ssn').enter('123-45-67890');
- * expect(textBox.attr('className')).toMatch(/ng-validation-error/);
- * });
+
+
+
+ - * Enter number greater than 10:
- * Enter number between 100 and 200:
- * - * @scenario - * it('should invalidate number', function(){ - * var n1 = element('.doc-example :input[name=n1]'); - * expect(n1.attr('className')).not().toMatch(/ng-validation-error/); - * input('n1').enter('1.x'); - * expect(n1.attr('className')).toMatch(/ng-validation-error/); - * - * var n2 = element('.doc-example :input[name=n2]'); - * expect(n2.attr('className')).not().toMatch(/ng-validation-error/); - * input('n2').enter('9'); - * expect(n2.attr('className')).toMatch(/ng-validation-error/); - * - * var n3 = element('.doc-example :input[name=n3]'); - * expect(n3.attr('className')).not().toMatch(/ng-validation-error/); - * input('n3').enter('201'); - * expect(n3.attr('className')).toMatch(/ng-validation-error/); - * - * }); +
+ Enter number greater than 10:
+ Enter number between 100 and 200:
+
- * Enter integer equal or greater than 10:
- * Enter integer between 100 and 200 (inclusive):
- * - * @scenario - * it('should invalidate integer', function(){ - * var n1 = element('.doc-example :input[name=n1]'); - * expect(n1.attr('className')).not().toMatch(/ng-validation-error/); - * input('n1').enter('1.1'); - * expect(n1.attr('className')).toMatch(/ng-validation-error/); - * - * var n2 = element('.doc-example :input[name=n2]'); - * expect(n2.attr('className')).not().toMatch(/ng-validation-error/); - * input('n2').enter('10.1'); - * expect(n2.attr('className')).toMatch(/ng-validation-error/); - * - * var n3 = element('.doc-example :input[name=n3]'); - * expect(n3.attr('className')).not().toMatch(/ng-validation-error/); - * input('n3').enter('100.1'); - * expect(n3.attr('className')).toMatch(/ng-validation-error/); - * - * }); +
+ Enter integer equal or greater than 10:
+ Enter integer between 100 and 200 (inclusive):
+
- *
- *
- *
- * @scenario
- * it('should change color in delayed way', function(){
- * var textBox = element('.doc-example :input');
- * expect(textBox.attr('className')).not().toMatch(/ng-input-indicator-wait/);
- * expect(textBox.attr('className')).not().toMatch(/ng-validation-error/);
- *
- * input('text').enter('X');
- * expect(textBox.attr('className')).toMatch(/ng-input-indicator-wait/);
- *
- * pause(.6);
- *
- * expect(textBox.attr('className')).not().toMatch(/ng-input-indicator-wait/);
- * expect(textBox.attr('className')).toMatch(/ng-validation-error/);
- *
- * });
+
+
+
+ | Name | -Format | -HTML | -UI | -{{input#}} | -
|---|---|---|---|---|
| text | -String | -<input type="text" name="input1"> | -- | {{input1|json}} | -
| textarea | -String | -<textarea name="input2"></textarea> | -- | {{input2|json}} | -
| radio | -String | -
- <input type="radio" name="input3" value="A"> - <input type="radio" name="input3" value="B"> - |
- - - - | -{{input3|json}} | -
| checkbox | -Boolean | -<input type="checkbox" name="input4" value="checked"> | -- | {{input4|json}} | -
| pulldown | -String | -
- <select name="input5"> - <option value="c">C</option> - <option value="d">D</option> - </select> - |
- - - | -{{input5|json}} | -
| multiselect | -Array | -
- <select name="input6" multiple size="4"> - <option value="e">E</option> - <option value="f">F</option> - </select> - |
- - - | -{{input6|json}} | -
| Name | +Format | +HTML | +UI | +{{input#}} | +
|---|---|---|---|---|
| text | +String | +<input type="text" name="input1"> | ++ | {{input1|json}} | +
| textarea | +String | +<textarea name="input2"></textarea> | ++ | {{input2|json}} | +
| radio | +String | +
+ <input type="radio" name="input3" value="A"> + <input type="radio" name="input3" value="B"> + |
+ + + + | +{{input3|json}} | +
| checkbox | +Boolean | +<input type="checkbox" name="input4" value="checked"> | ++ | {{input4|json}} | +
| pulldown | +String | +
+ <select name="input5"> + <option value="c">C</option> + <option value="d">D</option> + </select> + |
+ + + | +{{input5|json}} | +
| multiselect | +Array | +
+ <select name="input6" multiple size="4"> + <option value="e">E</option> + <option value="f">F</option> + </select> + |
+ + + | +{{input6|json}} | +
+
- I need an integer or nothing: -
- * - * @scenario - it('should check ng:validate', function(){ - expect(element('.doc-example-live :input:last').attr('className')). - toMatch(/ng-validation-error/); + I need an integer or nothing: +
+
- * - * @scenario - it('should check ng:required', function(){ - expect(element('.doc-example-live :input').attr('className')).toMatch(/ng-validation-error/); - input('value').enter('123'); - expect(element('.doc-example-live :input').attr('className')).not().toMatch(/ng-validation-error/); - }); +
+
list={{list}}
- *
- * @scenario
- it('should check ng:format', function(){
- expect(binding('list')).toBe('list=["table","chairs","plate"]');
- input('list').enter(',,, a ,,,');
- expect(binding('list')).toBe('list=["a"]');
- });
+ list={{list}}
+ - - changeCount {{checkboxCount}}
- * - * @scenario - it('should check ng:change', function(){ - expect(binding('textCount')).toBe('0'); - expect(binding('checkboxCount')).toBe('0'); + * @example +
+ + changeCount {{checkboxCount}}
+
- *
+
Settings Div
- Home Span
- default
- Settings Div
+ Home Span
+ default
+
- I have {{friends.length}} friends. They are:
-
- * @scenario
- it('should check ng:repeat', function(){
- var r = using('.doc-example-live').repeater('ul li');
- expect(r.count()).toBe(2);
- expect(r.row(0)).toEqual(["1","John","25"]);
- expect(r.row(1)).toEqual(["2","Mary","28"]);
- });
+ -
-
- - [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old. - -
+ I have {{friends.length}} friends. They are:
+
+ -
+
- + [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old. + +
Normal: {{1 + 2}}
- Ignored: {{1 + 2}}
- *
- * @scenario
- it('should check ng:non-bindable', function(){
- expect(using('.doc-example-live').binding('1 + 2')).toBe('3');
- expect(using('.doc-example-live').element('div:last').text()).
- toMatch(/1 \+ 2/);
- });
+ Normal: {{1 + 2}}
+ Ignored: {{1 + 2}}
+ - - -+ function BootstrapCtrl(){} + function OverviewCtrl(){} + + + +