1

JSONP サービスで送信されるリクエストとデータが受信されることをテストするにはどうすればよいですか?

angular.module('search', [])
  .factory('SearchService', function($q,$rootScope,$resource) {
    var _search = {};
    _search.user = function(opts){
        return $resource('https://api.github.com/users/:user', {user: opts.user}, {
            search: {method:'JSONP',params:{callback: 'JSON_CALLBACK'}}
        });
    }
    return _search;
});

GET リクエストの例に従います。

describe('search tests', function () {
    var svc, httpBackend;

    beforeEach(function (){  
      module('ngResource');
      module('search');
      inject(function($httpBackend, SearchService) {
        svc = SearchService;      
        httpBackend = $httpBackend;
      });
    });

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

    it('should send the message and return the response', function (){
        var returnData = { testing: 'anything'};
        httpBackend.expectJSONP('https://api.github.com/users/gigablox?callback=JSON_CALLBACK').respond(returnData);
        svc.user({user:'gigablox'}, function(user) {
            expect(user.testing).toEqual('anything');
        });
        httpBackend.flush();
    });
});

私はいくつかのエラーで取得できないようです:

  • Error: No pending request to flush !
  • Error: Unsatisfied requests: JSONP

AngularJS 1.2 と Karma 0.10.2 の使用

編集

ここで動作しました：http://jsfiddle.net/DhUqT/

4

1 に答える 1

2

search次のように呼び出してみてください。

svc.user({user:'gigablox'}).search(function(user) {
    expect(user.testing).toEqual('anything');
});

svc.user()その理由は、メソッドを使用してリソース クラス オブジェクトを返すための呼び出しsearch()です。search()メソッドは jsonp を使用してリクエストを行います。メソッドを呼び出さないとsearch()、 $httpBackend はリクエストを表示しないため、質問に記載されているエラーが表示されます。

于 2013-09-30T14:48:02.510 に答える