diff options
| author | Siddique Hameed | 2013-05-22 13:47:17 -0500 | 
|---|---|---|
| committer | Brian Ford | 2013-08-12 16:23:39 -0700 | 
| commit | fe6247a7f831f6f3ad873b31f2ac282b2762243d (patch) | |
| tree | 0cc39a6f0db5522a893c5e936401a6c5be64be77 | |
| parent | 2b90ef16942496e78b6b97cd4814f1b84db27164 (diff) | |
| download | angular.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.ngdoc | 26 | 
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. | 
