Karma / Jasmine Angular 1.6 $ q工厂发行

Question

I'm trying to write a test for a spec file for an errorService, I keep getting timeouts on my spec for this one method only. I use other promise based methods in different .factory files, but for some reason this one is giving me problems getting the promise to resolve or reject. Neither seem to work.

FAILED TESTS:
errorService Test
Test errorService routeError functionality
  ✖ should test that a route error has return value of "error logged"
    Firefox 51.0.0 (Mac OS X 10.12.0)
  Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL. in node_modules/jasmine-core/lib/jasmine-core/jasmine.js (line 1973)
  attemptAsync/timeoutId<@node_modules/jasmine-core/lib/jasmine-core/jasmine.js:1973:23

This is the .spec.js file that I'm attempting to run. All the injects are due to me trying to figure out if I missed something being loaded or not being loaded.

let httpInterceptor, errorService, $translate, $q, $uibModal, $location, $state;

beforeEach(module('core', function($translateProvider){
    $translateProvider.translations('en_US', {})
}));

beforeEach(inject(function ($injector) {
    httpInterceptor = $injector.get('httpInterceptor');
    errorService = $injector.get('errorService');
    $translate = $injector.get('$translate');
    $q = $injector.get('$q');
    $uibModal = $injector.get('$uibModal');
    $location = $injector.get('$location');
    $state = $injector.get('$state');
}));

describe('Test errorService routeError functionality', function () {
    it('should test that a route error has return value of "error logged"', function (done) {
        // const error = errorService.routeError(routeError);
        // expect(error).toBe('error logged');

        errorService.routeError(routeError)
            .then(function (res) {
                console.log('routeError unit test res', res);
                // expect(res).toBe('error logged');
                done();
            }, function (err) {
                console.log('routeError unit test err', err);
                // expect(err).toBe(null);
                done();
            })
    })

});

This is the service being referenced.

function errorService($q, $uibModal, $translate, $state){
    const service = {
        routeError: routeError,
        clientError: clientError,
        tunnelError: tunnelError
    };
    return service;

    function routeError(err) {
        // return 'error logged';
        return $q(function (resolve, reject) {
            console.error('ui-router error', err);
            reject('error logged');
        });
    }
}
angular.module('core')
    .factory('errorService', errorService);
errorService.$inject = ['$q', '$uibModal', '$translate', '$state'];

Answer 1

Apparently what I needed to do was setup a scope and run scope.digest() at the end of the it function.

eg

beforeEach(inject(function($injector){
    errorService = $injector.get('errorService');
    httpInterceptor = $injector.get('httpInterceptor');
    scope = $injector.get('$rootScope').$new();
}));

and for the test itself.

describe('Test errorService routeError functionality', function () {

    it('should test that a route error has return value of "error logged"', function (done) {
        errorService.routeError(routeError)
            .catch(function (err) {
                console.log('routeError unit test err', err);
                expect(err).toBe('error logged');
                done();
            });
        scope.$digest();
    })
});