Блог

У меня есть приложение angular, которое вызывает 2 службы перед загрузкой, и я хотел бы имитировать или заглушать эти вызовы. В противном случае karma пытается выполнить эти вызовы и продолжает показывать ошибки в консоли.

Как бы я это сделал?

Смотрите Функции getConfig() и getUser() ниже:

JavaScript:

 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;
  

Вероятно, вы могли бы сделать это с $httpBackend помощью .

 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();
});
  

Но в идеале вы не хотите загружать все приложение при модульном тестировании, а только конкретный модуль, который вы хотите протестировать. В этом случае вы можете имитировать данные, переданные этому модулю.