diff options
| author | Peter Bacon Darwin | 2014-02-14 11:44:41 +0000 |
|---|---|---|
| committer | Peter Bacon Darwin | 2014-02-16 19:03:43 +0000 |
| commit | 102f9865553bb3a41c5a74a5392893c5b5400d66 (patch) | |
| tree | 7cc7ffea486fbfc88c1d638e8cc1e79bb864b085 /src/ng/directive | |
| parent | 457cf0a702d0af897e80c7bc6c196431c73fad8a (diff) | |
| download | angular.js-102f9865553bb3a41c5a74a5392893c5b5400d66.tar.bz2 | |
docs(ngShowHide): fix icons in example
The protractor tests were failing because the spans containing the icons
were not displaying anymore.
Diffstat (limited to 'src/ng/directive')
| -rw-r--r-- | src/ng/directive/ngShowHide.js | 22 |
1 files changed, 14 insertions, 8 deletions
diff --git a/src/ng/directive/ngShowHide.js b/src/ng/directive/ngShowHide.js index 303db9c4..c783f181 100644 --- a/src/ng/directive/ngShowHide.js +++ b/src/ng/directive/ngShowHide.js @@ -94,16 +94,19 @@ <div> Show: <div class="check-element animate-show" ng-show="checked"> - <span class="icon-thumbs-up"></span> I show up when your checkbox is checked. + <span class="glyphicon glyphicon-thumbs-up"></span> I show up when your checkbox is checked. </div> </div> <div> Hide: <div class="check-element animate-show" ng-hide="checked"> - <span class="icon-thumbs-down"></span> I hide when your checkbox is checked. + <span class="glyphicon glyphicon-thumbs-down"></span> I hide when your checkbox is checked. </div> </div> </file> + <file name="glyphicons.css"> + @import url(//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css); + </file> <file name="animations.css"> .animate-show { -webkit-transition:all linear 0.5s; @@ -133,8 +136,8 @@ } </file> <file name="protractor.js" type="protractor"> - var thumbsUp = element(by.css('span.icon-thumbs-up')); - var thumbsDown = element(by.css('span.icon-thumbs-down')); + var thumbsUp = element(by.css('span.glyphicon-thumbs-up')); + var thumbsDown = element(by.css('span.glyphicon-thumbs-down')); it('should check ng-show / ng-hide', function() { expect(thumbsUp.isDisplayed()).toBeFalsy(); @@ -251,16 +254,19 @@ var ngShowDirective = ['$animate', function($animate) { <div> Show: <div class="check-element animate-hide" ng-show="checked"> - <span class="icon-thumbs-up"></span> I show up when your checkbox is checked. + <span class="glyphicon glyphicon-thumbs-up"></span> I show up when your checkbox is checked. </div> </div> <div> Hide: <div class="check-element animate-hide" ng-hide="checked"> - <span class="icon-thumbs-down"></span> I hide when your checkbox is checked. + <span class="glyphicon glyphicon-thumbs-down"></span> I hide when your checkbox is checked. </div> </div> </file> + <file name="glyphicons.css"> + @import url(//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css); + </file> <file name="animations.css"> .animate-hide { -webkit-transition:all linear 0.5s; @@ -290,8 +296,8 @@ var ngShowDirective = ['$animate', function($animate) { } </file> <file name="protractor.js" type="protractor"> - var thumbsUp = element(by.css('span.icon-thumbs-up')); - var thumbsDown = element(by.css('span.icon-thumbs-down')); + var thumbsUp = element(by.css('span.glyphicon-thumbs-up')); + var thumbsDown = element(by.css('span.glyphicon-thumbs-down')); it('should check ng-show / ng-hide', function() { expect(thumbsUp.isDisplayed()).toBeFalsy(); |