如何测试和解析Controller数据(.then function())并在Jasmine2中获取原始数据 [英] how to test and resolve Controller data (.then function()) promise and get orginal Data in Jasmine2

问题描述

    I am testing a controller that uses a service that returns a promise. I need to resolve promise. I am using Jasmine 2. 

    Here is Spec code

      beforeEach(inject(function ($controller, $rootScope, _myService_, _$q_, _$rootScope_, _$httpBackend_, $http) {


         scope = $rootScope.$new();
         $q = _$q_;
         $httpBackend = _$httpBackend_;
         $rootScope = _$rootScope_;
         myService = _myService_;
$http = $http;
         ctrl =  $controller('Ctrl', { '$scope': scope, 'myService': myService });
     spyOn(myService, "getDateRangeData").and.callThrough();

      }));


        it('getDateRangeData return Data obj', function() {

    myService.getDateRangeData().then(function(response) {
      console.log('Success', response);
    }); 
        scope.$digest()      

      });

service js
function getDateRangeData(obj) {
  return $http({
    method: 'POST',
    url: 'https:URL',
     headers: {
       'Content-Type': 'application/json',
       'X-Auth-Token': self.token
     },
    data: obj
  })
}

控制台未返回任何obj.Shows错误.意外的请求:POST https:URL 预计不会有更多请求.我需要Ctrl的数据. 在Crtl中，我正在获取数据，但不是在测试用例中.推迟.如何获取Api数据. api数据是对象.还是有另一个方法来获取Ctrl返回承诺来解决和getData?在请求发送的地方添加了服务js代码.

console not returning any obj.Shows error.Unexpected request: POST https:URL No more request expected. i need data from Ctrl . In Crtl I am getting data but not in testcase. deferred. how to get Api data. Api data is object. or there is another aprroch to get Ctrl return promise to resolve and getData? added sevice js code where request send.

任何人都可以很快帮忙.

can anyone help soon please.

推荐答案

首先，您窥探"错误的方法. 我们使用spyOn的原因有两个:

First of all you are "spying on" the wrong method. We use spyOn for two reasons:

• 致expect(method).toHaveBeenCalled
• 模拟return value

• To expect(method).toHaveBeenCalled
• To mock the return value

在您的情况下，spyOn无法实现这两个条件中的任何一个.

In your case the spyOn does not achieve any of these two.

您应该改为spyOn $http.由于测试不需要实际的http调用，原因是:目标不是测试$http.

You should spyOn the $http instead. Since the actual http call is not required for your test, the reason being: the objective is not to test $http.

this.$http = $http;
spyOn(this, '$http').and.callFake(function(args) {
    return {
        then: function(fn) {
            return fn('response');
        }
    };
});

在it块中:

it('getDateRangeData return Data obj', function() {
    myService.getDateRangeData('test')
    .then(function(response) {
        console.log('Success', response);
        expect(response).toEqual('response');
    });
    expect(this.$http).toHaveBeenCalledOnceWith('test');   
});

这篇关于如何测试和解析Controller数据(.then function())并在Jasmine2中获取原始数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！