로드시 실행되는 AJAX 호출을 모의하거나 스텁하는 방법은 무엇입니까?

Question

나는 부트 스트랩하기 전에 2 개의 서비스를 호출하는 앵글 응용 프로그램을 가지고 있습니다. 나는 그 호출을 조롱하거나 스텁하고 싶습니다. 그렇지 않으면 karma는 이러한 호출을 수행하려고 시도하고 콘솔에 오류를 계속 표시합니다.

어떻게하면됩니까?

자바 스크립트 :

import appConstant from './app-gouvernementales.constant.js'; 
import appConfig from './app-gouvernementales.config.js'; 
import appRun from './app-gouvernementales.run.js'; 
import AppComponent from './app-gouvernementales.component.js'; 

const requires = [ 
    'ngMessages', 
    'ngRoute', 
    'ngSanitize', 
    'permission', 
    'permission.ng', 
    'ngMockE2E', 
]; 

const app = angular 
    .module('app-gouvernementales', requires) 
    .config(appConfig) 
    .run(appRun) 
    .component('appGouvernementales', AppComponent) 
    .name; 

// create and bootstrap application 
getConfig() 
    .then((config) => { 
    angular.module('app-gouvernementales') 
     .constant('APP_SETTINGS', appConstant(config)); 

    return { url: `${config.protocol}://${config.host}`, uid: config.shibbolethUid }; 
    }) 
    .then(data => getUser(data.url, data.uid)) 
    .catch((err) => { 
    console.log(err); 
    document.location.href = '/erreur/role'; 
    }) 
    .then((_user_) => { 
    const user = _user_.data; 

    angular.module('app-gouvernementales') 
     .constant('USER', user); 
    }) 
    .then(() => { 
    angular.bootstrap(document, ['app-gouvernementales']); 
    }); 

function getConfig() { 
    const initInjector = angular.injector(['ng']); 
    const $http = initInjector.get('$http'); 

    return $http.get('/gouvernementales/app-gouvernementales.config.json') 
    .then(response => response.data); 
} 

function getUser(url, uid) { 
    const initInjector = angular.injector(['ng']); 
    const $http = initInjector.get('$http'); 

    return $http.get(`${url}/roles`, { withCredentials: true, headers: { 'X-uid': uid } }); 
} 

export default app; 

Answer 1

당신은 $httpBackend 함께 할 아마 수

는 울부 짖는 getConfig() 및 getUser() 기능을 참조하십시오.

var $httpBackend; 
var yourMockedObject = {}; 

beforeEach(angular.mock.inject(function (_$httpBackend_) { 
    $httpBackend = _$httpBackend_ 
    $httpBackend.expect('GET', 'the/url').respond(yourMockedObject); 
})); 

afterEach(function() { 
    $httpBackend.verifyNoOutstandingExpectation(); 
    $httpBackend.verifyNoOutstandingRequest(); 
}); 

그러나 이상적으로 당신은 단위 테스트가 아니라 단지 특정 모듈을 테스트 할 때 전체 응용 프로그램을 부트 스트랩 싶지 않다. 이 경우 해당 모듈로 전달 된 데이터를 조롱 할 수 있습니다.