Ionic Framework - Unit testing controller using $ionicView.enter

Question

I'm trying to unit test a controller that uses $ionicView.enter like this

myControllers.controller('MyCtrl', [
'$scope',
function($scope) {
  'use strict';

  $scope.$on('$ionicView.enter', function(){
    $scope.myValue = 1;
  });

}]);

In my unit test I can spy on the event and check it's been called, but it doesn't then get into the function and set $scope.myValue. This is my test:

it('should do stuff', function () {
    spyOn(scope, '$on').and.callThrough();
    scope.$on('$ionicView.enter');

    // this passes
    expect(scope.$on).toHaveBeenCalledWith('$ionicView.enter')
    // this fails - scope.myValue is undefined
    expect(scope.myValue).toEqual(1);
});

I thought callThrough would call the code inside the function I'm spying on, but doesn't seem to here.

Any help appreciated.

amyy · Accepted Answer · 2015-07-22 08:55:09Z

1

The answer was to trigger the ionicView enter event after my controller set up in the test rather than try to spy on it.

beforeEach(inject(function($controller) {
  scope = $rootScope.$new();

  $controller('MyCtrl', {
    $scope: scope
  });

  scope.$emit('$ionicView.enter');

  scope.$digest();
}));

answered Jul 22, 2015 at 8:55

amyy

111 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ionic Framework - Unit testing controller using $ionicView.enter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related