无法使用 Poltergeist 和 PhantomJS 测试 Angular UI Typeahead

Question

我在测试预输入输入时遇到问题。我正在使用 Rails、RSpec、Capybara、Angular UI 0.10、AngularJS、Poltergeist。这是我的测试：

create(:user, name: "Test User")
fill_in 'User', with: "Test"
find('#delegations').find('li.active').click

如果我使用 Chrome 驱动程序运行它，它会成功运行。但是，当使用 Poltergeist 运行时，建议框不显示，尽管服务器收到请求并相应地返回用户。

我认为fill_in 在场上触发blur，使该框消失。我使用Capybara::Screenshot 来查看是否有任何建议出现，但没有。输入字段甚至没有获得焦点。

Answer 1

我发现这确实是因为 Poltergeist 在fill_in 中触发了blur。我所要做的就是，在填写预输入字段之前，执行这个脚本：

page.execute_script "$('input[typeahead]').unbind('blur')"

这样，UI Typeahead 的 blur 事件不会被调用，它认为它已经将焦点放在该字段上，从而相应地呈现建议框。

如果您不使用 JQuery，则此脚本适用于 AngularJS：

elements = document.getElementsByTagName('input');
for (var i = 0; i < elements.length; i++) {
  if (elements[i].hasAttribute('typeahead')) {
    angular.element(elements[i]).unbind('blur');
  }
}