AngularJS Jasmine Unit Tests

Question

Tôi có các xét nghiệm đơn vị sau đây, và vì lý do nào đó, kiểm tra thứ hai làm cho các thử nghiệm khác thất bại.

beforeEach(inject(function ($rootScope, _$httpBackend_, $controller, $location, mockedResource) { 
    scope = $rootScope.$new(); 
    httpBackend = _$httpBackend_; 
    locationService = $location; 

    ctrlDependencies = { 
     $scope: scope, 
     resource: mockedResource, 
    } 

    var ctrl = $controller('myController', ctrlDependencies); 
})); 

it('should redirect to a new page', function() { 
    scope.pageRedirectFunction(); 
    expect(locationService.path()).toBe('/newpage') 
}); 

it('should delete an epic resource', function() { 
    httpBackend.expectGET('/api/v1/epic/1').respond({}); 
    httpBackend.expectDELETE('/api/v1/epic/1').respond({}); 

    // Run the deletion function 
    scope.deleteEpicResource() 

    httpBackend.flush() // This line seems to be the rebelious one 

    expect(scope.epicResources.length).toEqual(0) 
}) 

Tôi đã tìm ra đường có vẻ như gây ra lỗi và đó là dòng httpBackend.flush(). Tại sao chức năng tuôn ra gây ra hành vi lạ?

Các lỗi thực tế tôi nhận được từ cách chạy lệnh karma start tại nhà ga, là:

Delaying execution, these browsers are not ready: Chrome 29.0 .... 

sau một thời gian ngắn, các phiên Chrome sau đó bị treo.

Answer 1

Một mẹo ít người biết về thử nghiệm/yêu cầu chế giễu async với hoa nhài và AngularJS:

Nếu bạn không gọi một cách rõ ràng theo yêu cầu ở bạn thử nghiệm (tức là gọi đó là thông qua chức năng khác), yêu cầu sẽ không được tiêu hóa bởi kiễu góc, vì vậy nó làm cho nó có vẻ như nếu yêu cầu không bao giờ bị sa thải (khi bạn gọi flush())

Thử chạy scope.$digest() trước httpBackend.flush() cuộc gọi của bạn, mà có thể làm các trick. Xem this thread để biết thêm thông tin.

Answer 2

Bạn có bao gồm angular-mocks.js trước khi thử nghiệm không? Ngoài ra, bạn có thể muốn thử để tải ngMocks mô-đun:

beforeEach(module("ngMock"));