diff options
| author | Elliott Sprehn | 2010-10-18 14:02:18 -0700 |
|---|---|---|
| committer | Elliott Sprehn | 2010-10-19 00:45:38 -0700 |
| commit | e7e894a2e36e042be6d62af56b0f3126f4e4fc77 (patch) | |
| tree | 5b9c8b94bf3e3935a3acd6a3c0ecb142c82f4b17 /scenario/widgets.html | |
| parent | a1fa23397f12e0b52838530a993f14491ad50869 (diff) | |
| download | angular.js-e7e894a2e36e042be6d62af56b0f3126f4e4fc77.tar.bz2 | |
Significantly clean up the way the scenario DSL works and implement many more DSL statements.
- "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! :)
Diffstat (limited to 'scenario/widgets.html')
| -rw-r--r-- | scenario/widgets.html | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/scenario/widgets.html b/scenario/widgets.html index 08443d2a..80a0a22f 100644 --- a/scenario/widgets.html +++ b/scenario/widgets.html @@ -2,6 +2,7 @@ <html xmlns:ng="http://angularjs.org"> <head> <link rel="stylesheet" type="text/css" href="style.css"/> + <script type="text/javascript" src="../lib/jquery/jquery-1.4.2.js"></script> <script type="text/javascript" src="../src/angular-bootstrap.js" ng:autobind></script> </head> <body ng:init="$window.$scope = this"> @@ -14,7 +15,7 @@ <tr><th colspan="3">Input text field</th></tr> <tr> <td>basic</td> - <td> + <td id="text-basic-box"> <input type="text" name="text.basic"/> </td> <td>text.basic={{text.basic}}</td> @@ -30,7 +31,7 @@ <td>text.hidden={{text.hidden}}</td> </tr> <tr><th colspan="3">Input selection field</th></tr> - <tr> + <tr id="gender-box"> <td>radio</td> <td> <input type="radio" name="gender" value="female"/> Female <br/> @@ -78,13 +79,13 @@ <input type="button" value="button" ng:change="button.count = button.count + 1"/> <br/> <input type="submit" value="submit" ng:change="button.count = button.count + 1"/><br/> <input type="image" src="" ng:change="button.count = button.count + 1"/><br/> - <a href="" ng:click="button.count = button.count + 1">action</a> + <a href="" ng:click="button.count = button.count + 1">action</a> </form> </td> <td>button={{button}}</td> </tr> <tr><th colspan="3">Repeaters</th></tr> - <tr> + <tr id="repeater-row"> <td>ng:repeat</td> <td> <ul> |