Imagine having a custom directive:
angular.module('foo').directive('myDir', function () {
return {
restrict: 'E',
link: function (scope) {
var watcher = scope.$watch('foo, function () {});
scope.$on('$destroy', function () {
watcher();
});
}
}
})
Followed by this test scenario:
describe('myDir', function () {
beforeEach(function () {
module('foo');
inject(function($compile, $rootScope) {
var scope = $rootScope.$new();
$compile('<my-dir></my-dir>')(scope);
scope.$digest();
});
});
it('checks for destroy event listeners', function () {
expect(scope.$$listeners.$destroy).to.not.equal(undefined);
});
});
The above test fails with the error message:
Error: expected undefined to not equal undefinedInterestingly, if
console.log(scope.$$listeners.$destroy)expect statement, it logs an array of functions instead of undefined. Can you figure out why the assertion does not detect the listeners and suggest a workaround?