Possibly unhandled rejection in a karma unit test - angularjs

Question

I use jasmine to write a unit test for a controller, where I have to check whether a function worked on $scope.$watch. I use 'controller as' syntax, but I've injected $scope to create a watcher. However, my test throws a vague exception on $scope.$apply(). Here's my controller:
OrderController.$inject = ['Order', 'cart',
'$mdDialog', '$state', '$rootScope', '$scope'];
function OrderController(Order, cart, $mdDialog, $state, $rootScope, $scope) {
var vm = this;
vm.order = new Order({
name: '',
phone: '',
address: ''
});
vm.order.items = [];
vm.promoCode = '';
vm.order.promo_code = false;
$scope.$watch('vm.promoCode', function () {
if (vm.promoCode && vm.promoCode == 'm7e17')) {
vm.order.promo_code = true;
}
}); }
And here's my test:
describe('Order Controller', function () {
var OrderController, CartService, $scope;
var item = {};
beforeEach(angular.mock.module('app'));
beforeEach(angular.mock.module('app.services'));
beforeEach(inject(function ($controller, _$rootScope_, _cart_, $state, $mdDialog) {
$scope = _$rootScope_.$new();
CartService = _cart_;
CartService.add(item);
OrderController = $controller('OrderController',
{
$scope: $scope,
$rootScope: _$rootScope_,
cart: CartService,
$state: $state,
$mdDialog: $mdDialog
}
);
}));
it('Should save a boolean whether a promo code has been entered', function () {
expect(OrderController.order.promo_code).toBe(false);
OrderController.promoCode = 'm7e17';
$scope.$apply();
expect(OrderController.order.promo_code).toBe(true);
}); });
However, when I call $scope.$apply inside my spec, it throws an error: 'Possibly unhandled rejection: ru thrown'. Could not find anything about it on the internet so, what I am I doing wrong here? I have other tests using the scope too, but they don't fail (though not calling $scope.$apply inside them), how can this be fixed?

Answer 1

I had recently the same issue.(Only with ' Possibly unhandled rejection: en thrown')
This issue is caused by the design of angular-translate, i assume you use this in your app.
Have a look at the following link:
How do unit test with angular-translate
There are some approaches to solve this issue.
I used the one which extracts the config of the translationProvider in an own file and in karma i exclude this one.
angular.module('qPro5App').config(loaderConfig);
loaderConfig.$inject = ['$translateProvider'];
function loaderConfig($translateProvider) {
// translation i18n support
$translateProvider.useStaticFilesLoader({
files: [{
prefix: 'assets/i18n/errors-',
suffix: '.json'
},
{
prefix: 'assets/i18n/ui-',
suffix: '.json'
}]
});
$translateProvider
.preferredLanguage('en')
.fallbackLanguage('en')
.useSanitizeValueStrategy('sanitize');
}
and in karma:
exclude: ['app/config/app-i18n-loader.js'],

Answer 2

I had the same problem in a slightly different context (handling a promise) and added
.catch(angular.noop)
which fixed the problem.