单元测试，如何检查$uibModal的模板是否存在

Question

我使用 service $uibModal 创建模态窗口。而且我需要确保模板文件存在。

(function () {
angular.module('some.module.name').factory('serviceName', function ($uibModal) {
    function open() {
        return $uibModal.open({
            templateUrl: 'path/to/template.html',
            controller: 'ControllerName',
            resolve: {
                context: function () {
                    return something;
                }
            }
        });
    }

    return {
        open: open
    };
});
})();

我可以像这样检查静态路径：

it('should pass a config object when opens the modal window', function () {
    expectedOptions = {
       templateUrl: 'path/to/template.html',
        controller: 'ControllerName',
           resolve: {
               context: jasmine.any(Function)
           }
    };
    serviceName.open();
    expect($uibModal.open).toHaveBeenCalledWith(jasmine.objectContaining(expectedOptions));
});

但是如果模板路径会改变，我需要修改这个测试。

如何检查模态窗口是否接收到现有模板而不进行测试修改？

提前致谢！

Answer 1

我认为您的测试应该检查模板中的内容是否已加载到模式窗口中，而不是检查模板文件是否存在。为此，您必须将 ngMock 与 Jasmine 一起使用。 您可以在source code of AngularUI Bootstrap 中找到类似测试的工作示例 以下是我的解决方案（这不是真正的代码，只是示例）：

describe('Modal window', function() {
    var $rootScope,
        $uibModal,
        $compile,
        modal;


    beforeEach(module('ui.bootstrap.modal'));

    beforeEach(inject(function(_$rootScope_, _$compile_, _$uibModal_) {
        $rootScope = _$rootScope_;
        $compile = _$compile_;
        $uibModal = _$uibModal_;

        var modalOptions = {
            templateUrl: 'path/to/template.html',
            controller: 'ControllerName',
            resolve: {
                context: jasmine.any(Function)
            }
        };

        var modal = $uibModal.open(modalOptions);
        $rootScope.$digest();

    }));

    it('should load "Hello World" from template', function {
         var contentToCompare = actual.find('body > div.modal > div.modal-dialog > div.modal-content');
         var result = contentToCompare.html().indexOf('Hello World');
         expect(result).toBeGreaterThan(0);
    });
});