角单元测试 - httpBackend JSONP

Question

我在这方面花了太多时间。我有一个简单的角度应用程序，从远程服务器获取一些JSONP并将其显示在屏幕上。

我正在用Jasmine创建单元测试最困难。

这里是我的应用程序

var pdApp = angular.module('pdApp', []); 
pdApp.controller('pdController', function ($scope, $http) { 

    var jsonpUrl = "http://10.1.20.377/products/1/167?cb=JSON_CALLBACK"; 


    $http.jsonp(jsonpUrl).success(function(data) { 

    $scope.pageContent = data.pageContent; 
    $scope.cartContent = data.cartContent; 
    $scope.content = data.productContent; 

    }); 

}); 

这里是我的单元测试

describe('myTest', function() { 

    var MainCtrl, scope, httpBackend; 

    beforeEach(module('pdApp')); 

    module('pdApp', function($provide) { 
    $provide.value('DefaultContent', defaultJSON); 
    }); 

    beforeEach(inject(function($controller, $rootScope, $httpBackend) { 
    httpBackend = $httpBackend; 
    scope = $rootScope.$new(); 
    MainCtrl = $controller('pdController', { 
     $scope: scope 
    }); 
    })); 


    it("Product name should be set", function(){ 
    httpBackend.whenJSONP("/products/1/167").respond(
     { 
      "name" : "Prod Name", 
      "desc" : "Long Description Here" 

     } 
    ); 
    expect(scope.pageContent.name).toEqual("Prod Name"); 
    }); 


}); 

Answer 1

我注意到，你忘了httpBackend.flush();，所以反应不会冲掉。