Как проверить контроллер, который вызывает службу, где служба использует $ http

0

Я пытаюсь проверить контроллер. Контроллер использует службу, которая использует $ http для получения данных из json файла (этот json файл - всего лишь макет ответа, полученного с сервера)

Моя проблема в том, что когда я тестирую контроллер, он создает объект контроллера и даже вызывает службу. Но он не вызывает отклик $ http mocked. Я не уверен, где я ошибаюсь. Я попытался посмотреть несколько примеров, но все они используют $ q.

Моя служба выглядит так:

(function(){
  angular.module('mymodule')
    .factory('MyService', MyService);
  MyService.$inject = ['$http'];

  function MyService($http) {

    var service = {
      retrieveData : retrieveData
    };
    return service;

    function retrieveData(containerLabel){
      var myGrossData = [];
      var isMatchFound = false;
      var myindex = containerLabel.slice(-4);

      return $http.get('app/myGrossData.json').then(function(response) {
          console.log('inside http retrieveData: ');
          myGrossData = response.data;
          var myindexExists = false;

          var mydataObject = [];
          var defaultdata = [];
          angular.forEach(myGrossData, function (myGrossData) {
            if (myindex === myGrossData.myindex) {
              mydataObject = myGrossData;
              isMatchFound = true;
            }

            if(!isMatchFound && myGrossData.myindex === '2006')
            {
              mydataObject = myGrossData;
            }

            if(myGrossData.myindex === '2006'){
              defaultdata = myGrossData;
            }
          });
          if (isMatchFound && response.status === 200)
          {
            return mydataObject;
          }

          else if(!isMatchFound && (response.status === 200 || response.status === 201)){
            return defaultdata;
          }

          else //all other responses for success block
          {
            return 'Incorrect Response status: '+response.status;
          }
        },
        function(error){
          return 'Error Response: '+error.status;
        }
      );
    }   
  };
})();

Контроллер, вызывающий это:

(function () {
  'use strict';
  angular
    .module('mymodule', [])
    .controller('MyCtrl', MyCtrl);

  MyCtrl.$inject = ['$scope', 'MyService'];

  function MyCtrl($scope, MyService) {
    var vm = this;
    vm.datafromsomewhere = datafromsomewhere;
    vm.displayData = [];
    vm.disableBarCode = false;
    vm.childCount = 0;
    vm.headertext="Master Container Builder";

    init();

    function init() {
      console.log('MyCtrl has been initialized!');
      console.log(vm.headertext);
    }

    function myfunctionCalledByUI(input) {
      processData(input);
    }

    function processData(containerLabel){      
      MyService.retrieveMasterContainer(containerLabel).then(function(data){
        vm.displayData = data;
      });

      vm.disableBarCode = true;
      vm.childCount = (vm.displayData.childData === undefined) ? 0: vm.displayData.childData.length;
      vm.headertext="Myindex "+vm.displayData.myindex;

      if ( vm.displayData.masterDataId.match(/[a-z]/i)) {
        // Validation passed
        vm.displayData.masterDataId ="No Shipping Label Assigned";
      }
      else
        console.log('else: '+vm.displayData.masterDataId);
      console.log('length of childData: '+vm.childCount);
    }
  }
})();

и, наконец, моя спецификация выглядит так:

var expect = chai.expect;

describe('Test Controller', function () {

  var rootScope, compile; MyService = {};
  var $scope, $controller;
  beforeEach(module('ui.router'));

  beforeEach(function() {
    module('mymodule');

    inject(function ($rootScope, _$compile_,_$controller_) {
      rootScope = $rootScope;
      compile = _$compile_;
      $scope = $rootScope.$new();

      MyService = jasmine.createSpyObj('MyService', [
        'retrieveData'
      ]);
      $controller = _$controller_('MyCtrl', {
        $scope: $scope
      });
    });

  });




  it('controller should be initialized and data should also be initialized', function() {

    expect($controller).to.not.be.undefined;
    expect($controller).to.not.be.null;
    expect($controller.disableBarCode).to.equal(false);
    expect($controller.childCount).to.equal(0);
    expect($controller.headertext).to.equal("Master Container Builder");
  });

  it(' should process data when containerLabel is called into myfunction', function() {

    $controller.handKeyed('12001');
    expect(MyService.retrieveData).to.have.been.called;
    expect($controller.processData).to.have.been.called;
    expect($controller.disableBarCode).to.equal(true);
    expect($controller.childCount).to.equal(0);
    expect($controller.headertext).to.equal("Master Container Builder");

  });
});

Я использую следующий techstack, если это помогает:

  1. угловой 1,5
  2. ионный
  3. Карма-жасмин

Код работает, когда я запускаю его. Моя проблема в том, что когда я запускаю тест, он не заполняет данные в моей переменной vm.displayData. как мне заставить его получить некоторые данные в службу. Я добавил в некоторых операторах журнала, и он полностью пропускает его.

После всего тестового прогона, включая несвязанные тесты с этим, я вижу отчеты журнала из MyService. Я не уверен, как подойти к этому.

Теги:
unit-testing
karma-jasmine
promise
bdd

1 ответ

0

Я думаю, что вы ищете службу $httpBackend. Он будет издеваться над запросом, указывающим результат. Таким образом, когда ваша служба попадет в URL-адрес, она вернет то, что вы передали в конфигурацию $httpBackend.

Простой пример:

    it('should list newest by category', function(){
        $httpBackend
            .expectGET(url)
            .respond(techPosts /*YOUR MOCKED DATA*/);

        $stateParams.category = 'tech';         
        var controller = $controller('HomeCtrl', { PostsResource: PostsResource, $stateParams: $stateParams });

        controller.listNewestPosts();
        $httpBackend.flush();

        expect(controller.posts).toEqual(techPosts.posts);
    });
  • 0
    использование $ httpBackend в качестве примера не дает мне данных из службы MyService, вызываемой в MyCtrl. Я использовал его, чтобы написать тест для моего сервиса (который работает)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню