angularjs - 为什么 Angular $timeout 会阻止端到端测试？

我制定了一个指令，用于向用户显示通知消息。为了显示通知，我写了这个:

$scope.$watch($messaging.isUpdated, function() {
    $scope.messages = $messaging.getMessages();
    if ($scope.messages.length > 0) {
        $timeout(function() {
            for (var i = 0; i < $scope.messages.length; i++) {
                if (i + 1 < $scope.messages.length) {
                    $messaging.removeMessage($scope.messages[i]);
                } else {
                    $messaging.removeMessage($scope.messages[i]);
                }
            }
        }, 5000);
    }
});

我使用 $timeout 来确保消息在屏幕上停留 5 秒钟。

现在我想在其上编写端到端测试，以便确保显示通知。
问题是当显示通知时，端到端也像通知消息一样超时。这使得无法检查是否显示了正确的通知。
.

这是我的测试代码:

it('submit update Center', function() {
    input('center.Name').enter('New Name');
    input('center.Department').enter('New Department');
    input('center.Contact').enter('New contact');
    input('center.Street').enter('New street');
    input('center.City').enter('New city');
    input('center.Country').enter('New Country');
    element('button#center_button').click();

    expect(element('.feedback').count()).toBe(1);
    expect(element('.feedback:first').attr('class')).toMatch(/success/);

    expect(element('.error.tooltip').count()).toBe(0);
});

我想避免使用 javascript setTimeout() 并希望有另一个(Angular)解决方案来解决这个问题。

最佳答案

坏消息，伙计。这是AngularJs中的一个已知问题。这里有关于 here 和“以某种方式相关”的 issue 的讨论。

幸运的是，您可以通过启动自己的 $timeout 服务、调用 setTimeout 和手动调用 $apply 来解决此问题(这是我引用的讨论中的建议)。这真的很简单，虽然它真的很丑。一个简单的例子:

app.service('myTimeout', function($rootScope) {
  return function(fn, delay) {
    return setTimeout(function() {
      fn();
      $rootScope.$apply();
    }, delay);
  };
});

请注意，这与 Angular $timeout 不兼容，但您可以根据需要扩展您的功能。

关于angularjs - 为什么 Angular $timeout 会阻止端到端测试？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16086681/