Question

这是我的功能

 $scope.buildForm = function (majorObjectId, name) {
      $window.open("/FormBuilder/Index#/" + $scope.currentAppId + "/form/" + majorObjectId + "/" + name);
  };

这是我的茉莉花测试规范

            it('should open new window for buildForm and with expected id', function () {
            scope.majorObjectId = mockObjectId;
            scope.currentAppId = mockApplicationId;
            var name = "DepartmentMajor";
            scope.buildForm(mockObjectId, name);
            scope.$digest();
            expect(window.open).toHaveBeenCalled();
            spyOn(window, 'open');
            spyOn(window, 'open').and.returnValue("/FormBuilder/Index#/" + scope.currentAppId + "/form/" + scope.majorObjectId + "/" + name);
        });

但是当我尝试运行它时它会打开一个新选项卡，我不希望这种情况发生，我只想检查给定的returnValues是否存在！

Answer 1

首先，您的期望（window.open）.toHaveBeenCalled（）位置错误。在监视事件之前你不能指望。现在回答你的问题茉莉花有不同的方法可以监视依赖关系，比如

.and.callThrough - 通过使用and.callThrough链接间谍，间谍仍将跟踪对它的所有调用，但此外它将委托给实际的实现。
.and.callFake - 通过使用and.callFake链接间谍，对间谍的所有调用都将委托给提供的函数。
.and.returnValue - 通过使用and.returnValue链接间谍，对函数的所有调用都将返回特定值。

请检查Jamine doc以获取完整列表

根据您的要求提供下面的示例测试用例

$scope.buildForm = function() {
        $window.open( "http://www.google.com" );
    };

将是

it( 'should test window open event', inject( function( $window ) {
        spyOn( $window, 'open' ).and.callFake( function() {
            return true;
        } );
        scope.buildForm();
        expect( $window.open ).toHaveBeenCalled();
        expect( $window.open ).toHaveBeenCalledWith( "http://www.google.com" );
    } ) );

如何使用jasmine测试$ window.open

1 个答案: