Question

情况：

我正在测试我的Angular / Ionic应用程序中模态的正常工作。

到目前为止，我可以正确地测试模态已被调用的事实，但我不知道如何测试模态的正确关闭。

已经做了几次尝试并阅读了类似的问题，但没有找到解决方案。

代码：

控制器：

代码在应用程序中运行良好，它刚被重构以便于单元测试。

$scope.open_login_modal = function() 
{
    var temp = $ionicModal.fromTemplateUrl('templates/login.html',{scope: $scope});

    temp.then(function(modal) { 
        $scope.modal_login = modal;
        $scope.modal_login.show();
    });
};

$scope.close_login_modal = function() 
{
    $scope.modal_login.hide();
};

测试：

第一次测试（开放式模式）工作正常并通过。第二次测试我不知道该怎么做。

describe('App tests', function() 
{
    beforeEach(module('my_app.controllers'));

    // mocking the .then method of $ionicModal.fromTemplateUrl (it works)
    function fakeTemplate() 
    {
        return { 
            then: function(modal){
                $scope.modal_login = modal;
            }
        }
    }

    beforeEach(inject(function(_$controller_, _$rootScope_)
    {
        $controller = _$controller_;
        $rootScope = _$rootScope_;
        $scope = _$rootScope_.$new();

        $ionicModal = 
        {
            fromTemplateUrl: jasmine.createSpy('$ionicModal.fromTemplateUrl').and.callFake(fakeTemplate)
        }; 

        var controller = $controller('MainCtrl', { $scope: $scope, $rootScope: $rootScope, $ionicModal: $ionicModal });
    }));


    describe('Modal tests', function() 
    {
        it('should open login modal', function() 
        {
            $scope.open_login_modal();

            expect($ionicModal.fromTemplateUrl).toHaveBeenCalled();
            expect($ionicModal.fromTemplateUrl.calls.count()).toBe(1);
        });

        it('should close login modal', function() 
        {
            $scope.close_login_modal();
            // How can i test here that the modal has been close?
        });
    });

});

错误：

这是错误消息：TypeError: Cannot read property 'hide' of undefined

问题：

如何测试模态的结束？我怎样才能确定函数hide()已被正确调用？

它与测试中模态的声明有关吗？

非常感谢！

编辑：

这个答案正确地回答了问题＆＃39;如何测试关闭模态＆＃39;在开启模式之前给出正确的解决方案。如果你想知道如何正确窥探我在另一个问题中提出的模态：

Karma-Jasmine: How to properly spy on a Modal?

给出的答案也给出了如何窥探一般前提的规则。

Answer 1

您的密切测试需要打开模态登录，因为没有发生这种情况，您会收到该错误：

我会改写你测试类似的东西：

describe('Modal tests', function() {
  beforeEach(function(){
    $scope.open_login_modal();
  });
  it('should open login modal', function() {
    expect($ionicModal.fromTemplateUrl).toHaveBeenCalled();
    expect($ionicModal.fromTemplateUrl.calls.count()).toBe(1);
  });
  it('should close login modal', function() {
    $scope.close_login_modal();
    spyOn($scope.modal_login, 'hide');
    expect($scope.modal_login.hide()).toHaveBeenCalled();
  });
});

因此两个测试都需要调用open_login_modal函数，因此我添加了一个beforeEach。你也需要对模态的隐藏功能进行间谍。

Karma-Jasmine：测试关闭模态

1 个答案: