aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSiddique Hameed2013-05-22 13:47:17 -0500
committerBrian Ford2013-08-12 16:23:39 -0700
commitfe6247a7f831f6f3ad873b31f2ac282b2762243d (patch)
tree0cc39a6f0db5522a893c5e936401a6c5be64be77
parent2b90ef16942496e78b6b97cd4814f1b84db27164 (diff)
downloadangular.js-fe6247a7f831f6f3ad873b31f2ac282b2762243d.tar.bz2
docs(guide/unit-testing): add expression example
* Improved developer guide, directive unit testing documentation code with scope expression * Removed documentation block with nothing on it
-rw-r--r--docs/content/guide/dev_guide.unit-testing.ngdoc26
1 files changed, 7 insertions, 19 deletions
diff --git a/docs/content/guide/dev_guide.unit-testing.ngdoc b/docs/content/guide/dev_guide.unit-testing.ngdoc
index a25103b4..f029e6da 100644
--- a/docs/content/guide/dev_guide.unit-testing.ngdoc
+++ b/docs/content/guide/dev_guide.unit-testing.ngdoc
@@ -295,14 +295,14 @@ app.directive('aGreatEye', function () {
return {
restrict: 'E',
replace: true,
- template: '<h1>lidless, wreathed in flame</h1>'
+ template: '<h1>lidless, wreathed in flame, {{1 + 1}} times</h1>'
};
});
</pre>
This directive is used as a tag `<a-great-eye></a-great-eye>`. It replaces the entire tag with the
-template `<h1>lidless, wreathed in flame</h1>`. Now we are going to write a jasmine unit test to
-verify this functionality.
+template `<h1>lidless, wreathed in flame, {{1 + 1}} times</h1>`. Now we are going to write a jasmine unit test to
+verify this functionality. Note that the expression `{{1 + 1}}` times will also be evaluated in the rendered content.
<pre>
describe('Unit testing great quotes', function() {
@@ -323,30 +323,18 @@ describe('Unit testing great quotes', function() {
it('Replaces the element with the appropriate content', function() {
// Compile a piece of HTML containing the directive
var element = $compile("<a-great-eye></a-great-eye>")($rootScope);
+ // fire all the watches, so the scope expression {{1 + 1}} will be evaluated
+ $rootScope.$digest();
// Check that the compiled element contains the templated content
- expect(element.html()).toContain("lidless, wreathed in flame");
+ expect(element.html()).toContain("lidless, wreathed in flame, 2 times");
});
});
</pre>
We inject the $compile service and $rootScope before each jasmine test. The $compile service is used
to render the aGreatEye directive. After rendering the directive we ensure that the directive has
-replaced the content and "lidless, wreathed in flame" is present.
+replaced the content and "lidless, wreathed in flame, 2 times" is present.
-## Mocks
-oue
-
-## Global State Isolation
-oue
-
-# Preferred way of Testing
-uo
-
-## JavaScriptTestDriver
-ou
-
-## Jasmine
-ou
## Sample project
See the {@link https://github.com/angular/angular-seed angular-seed} project for an example.