2

我正在尝试对使用 Angular UI-Bootstrap 对话框指令的控制器进行单元测试,但收到错误:需要参数“指令”错误。

一旦我将ui-bootstrap.min.js文件包含在 Testacular 配置中,这实际上就会发生。

控制器定义为:

angular.module('xFormsEntries')
    .controller('xFormsEntryListCtrl', function ($scope, $dialog, Form, FormEntry, FormField) {...

单元测试是:

describe('xForms Controllers', function() {

    beforeEach(function() {
        this.addMatchers({
            toEqualData: function(expected) {
                return angular.equals(this.actual, expected);
            }
        });
    });

    beforeEach(module('xFormsServices'));
    beforeEach(module('xFormsEntries'));

    describe('xFormsEntryListCtrl', function() {
        var scope, ctrl, $httpBackend, $dialog;
        var formData = {formId: 1, name: 'FormName'};

        apiURL = ''; // Override the global API URL

        beforeEach(inject(function(_$httpBackend_, $rootScope, $controller, _$dialog_) {
            // Arrange
            $httpBackend = _$httpBackend_;
            $httpBackend.expectGET('/xFormsAPI/Form').respond(formData);

            $dialog = _$dialog_;

            scope = $rootScope.$new();
            scope.formId = 1;
            ctrl = $controller('xFormsEntryListCtrl', {$scope: scope});
        }));

        it('should fetch the form from the server', function () {
            expect(scope.formModel).toBe(undefined);
            $httpBackend.flush();
            expect(scope.formModel).toEqualData(formData);
        });
});

在集成 UI-Bootstrap 之前,所有测试都通过了。

我尝试将beforeEach(module('ui.bootstrap'));和其他变体添加到测试中,但没有成功。

我缺少什么魔法来完成这项工作?

4

1 回答 1

0

您是否包含依赖项以及实际的 js 文件?

安装 一旦你下载了所有文件并包含在你的页面中,你只需要声明对 ui.bootstrap 模块的依赖:

angular.module('myModule', ['ui.bootstrap']);
于 2013-05-25T17:59:56.753 回答