diff options
| -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(); |