How to Unit Test Isolated Scope Directive in AngularJS

by

See angular element api docs. If you use element.scope() you get the element’s scope that you defined in the scope property of your directive. If you use element.isolateScope() you get the entire isolated scope.
For example, if your directive looks something like this :

scope : {
 myScopeThingy : '='
},
controller : function($scope){
 $scope.myIsolatedThingy = 'some value';
}

Then calling element.scope() in your test will return 

{ myScopeThingy : 'whatever value this is bound to' }

But if you call element.isolateScope() you’ll get 

{ 
  myScopeThingy : 'whatever value this is bound to', 
  myIsolatedThingy : 'some value'
}

This is true as of angular 1.2.2 or 1.2.3, not sure exactly.
In previous versions you had only element.scope().

More Related Contents:

  1. jasmine: Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL
  2. How do I mock a service that returns promise in AngularJS Jasmine unit test?
  3. Add directives from directive in AngularJS
  4. How to set an iframe src attribute from a variable in AngularJS
  5. Why is `replace` property deprecated in AngularJS directives? [duplicate]
  6. How to require a controller in an angularjs directive
  7. AngularJS communication between directives
  8. AngularJS – Image “onload” event
  9. Dynamic NG-Controller Name
  10. Removing # from url in Angularjs while having .run in routes
  11. What’s the difference/incompatibility between ng-model and ng-value?
  12. How can I test events in angular?
  13. Angular JS: What is the need of the directive’s link function when we already had directive’s controller with scope?
  14. Angular ui router unit testing (states to urls)
  15. How to spyOn a value property (rather than a method) with Jasmine
  16. Resetting form after submit in Angularjs
  17. Can an angular directive pass arguments to functions in expressions specified in the directive’s attributes?
  18. $watch’ing for data changes in an Angular directive
  19. angular directive ignore non-numeric input
  20. How can I listen for a click-and-hold in AngularJS?
  21. Extending AngularJs Directive
  22. ng-selected not working in select element
  23. Stating directive templateUrl relative to root
  24. Confirmation dialog on ng-click – AngularJS
  25. Directive is being rendered before promise is resolved
  26. Mocking and Stubbing with protractor
  27. Add ng-click dynamically in directive link function
  28. Sort or Rearrange Rows of a table in angularjs (drag and drop)
  29. how to fix 404 warnings for images during karma unit testing
  30. How to Create simple drag and Drop in angularjs

Leave a Comment