asp.net-mvc - 如何在 Angular 指令的单元测试中触发点击事件

Question

我有一个 Angular 应用程序（从 ASP.NET MVC 项目运行。）

在这个应用程序中，我有一个带有以下链接功能的指令：

    link: function (scope, element, attrs, formCtrl) {
        element.bind('click', function (event) {
            formCtrl.$setPristine();
        });

    }

我写了这个测试：

var $compile,
        $rootScope,
        form;

    beforeEach(module('points'));

    beforeEach(inject(function(_$compile_, _$rootScope_, testHelper){
        $compile = _$compile_;
        $rootScope = _$rootScope_;
        testHelper.expectBaseRoute();
    }));

    it('Should set form to pristine when clicked', function () {
        var scope = $rootScope;

        form = $compile('<form name="testForm" unsaved-warning-clear><input name="test" ng-model="value"/></form>')(scope);
        scope.value = "abc";
        scope.$digest();

        scope.testForm.test.$setViewValue('def');

        expect(scope.testForm.$pristine).toBe(false);

        $(form).trigger('click');

        expect(scope.testForm.$pristine).toBe(true);
    });

如果我使用 Jasmine 在浏览器中运行它，则测试通过。

如果我chutzpah在 ide 内部运行它，它会失败。它从不触发click事件。

有什么我想念的吗？

Answer 1

就我而言，这是一个愚蠢的用户错误事件。

我从浏览器运行的 Jasmine 测试运行程序文件有 jquery，然后是 angular 引用。

我的 chutzpah.json 文件的顺序是相反的。

我向上移动了 jquery 引用，它开始工作。