javascript - 在 jasmin 中使用测试 Angular 复选框

Question

我的情况如下:

指令

scope: { foo:'=' },
template: '<input type="checkbox" ng-model="foo"/>'

父 Controller

$scope.foo = false;

Jasmine 测试

var cb = iElement.find('input');

$timeout(function() {  // using $timeout to ensure $digest() isn't the issue.
    cb.prop('checked',!cb.prop('checked'))
},0);

expect(cb.prop('checked')).toBe(true); // passes

expect($scope.foo).toBe(true); // doesn't pass

我的问题:为什么当我发出 prop('checked') 时 $scope.foo 没有得到更新，即使 DOM 更新了(正如我在检查后验证的那样)。

这是一个粗略演示问题的jsbin http://jsbin.com/kapifezi/2/edit

Answer 1

所以完整的答案是:您需要更改'checked'属性，然后触发点击事件。

var input = element.find('input');
input.prop('checked',!input.prop('checked'));
// input.triggerHandler('click');
input.triggerHandler('change');

谢谢凯文，这对我帮助很大!