如何使用 jasmine 测试 $window.open

Question

这是我的功能

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

这是我的 jasmine 测试规范

            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 链接间谍程序，所有对该函数的调用都将 return 一个特定值。

Please check Jamine doc for complete list

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

$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

how to test $window.open using jasmine

jasmine

angularjs

karma-runner