使用 WatiN，我想等待 jQuery 事件

Question

我希望有人已经做到了这一点。我有一些自定义 jQuery 修改，它们利用 jQuery 事件系统来启动某些事件进行处理。我希望能够针对这些进行自动化测试。

有没有人研究过从 WatiN 到 jQuery 的更好的结合？我看过一些关于 jQuery 选择器传递的帖子，以及这里关于等待给定文本更改的帖子...如果有人添加 jQuery 选择和事件支持，那就太酷了...甚至是 document.getElementsBySelector可能会很好。

Answer 1

我不知道这是否是您所期望的，但我花了一些时间进行调查，并找到了问题的解决方案：有了 WatiN，我想等待 jQuery 事件。

目标是用 C# 编写：

Browser.WaitForEvent("#link", "onclick");

我编写了一个测试页（可在 http://www.sp4ce.net 上获取） /debug.html），当您单击按钮时，它会触发链接上的 onclick 事件。

然后我编写了扩展方法 .WaitForEvent

public static void WaitForEvent(this Browser browser, string selector, string eventname)
{
   using (EventMonitorWatcher monitor = new EventMonitorWatcher(browser, selector, eventname))
   {
      int timeWaited = 0;
      var maxTimeWait = Settings.WaitForCompleteTimeOut * 1000;
      do
      {
         Thread.Sleep(Settings.SleepTime);
         timeWaited += Settings.SleepTime;
      }
      while (!monitor.IsEventCalled() && timeWaited < maxTimeWait);
   }
}

该方法使用 EventMonitorWatcher 来检查事件是否已被调用。

public class EventMonitorWatcher : IDisposable
{
   private readonly Browser _browser;
   private readonly string _selector;
   private readonly string _eventname;

   public EventMonitorWatcher(Browser browser, string selector, string eventname)
   {
      _browser = browser;
      _selector = selector;
      _eventname = eventname;
      _browser.Eval(string.Format("startEventMonitor('{0}', '{1}')", _selector, _eventname));
   }

   public bool IsEventCalled()
   {
      string result = _browser.Eval(string.Format(
      "isEventCalled('{0}', '{1}')", _selector, _eventname));
      return result == "true";
   }

   public void Dispose()
   {
      _browser.Eval(string.Format("stopEventMonitor('{0}', '{1}')", _selector, _eventname));
   }
}

该监视器使用三个 javascript（jquery 支持）方法来启动监视、停止监视并检查事件是否已被调用。

startEventMonitor = function(selector, event) {
    $(selector).data('eventMonitorResult', false);
    var eventMonitorHandler = function() {
        $(selector).data('eventMonitorResult', true)
    };
    $(selector).data('eventMonitorHandler', eventMonitorHandler);
    $(selector).bind(event, eventMonitorHandler);
};

stopEventMonitor = function(selector, event) {
    $(selector).undbind(event, $(selector).data('eventMonitorHandler'));
    $(selector).data('eventMonitorResult', false);
};

isEventCalled = function(selector, event) {
    return $(selector).data('eventMonitorResult');
};

在这里，您需要在运行浏览器时将此 javascript 作为字符串注入您的页面。

[Test]
public void Test()
{
    using(var browser = new IE("http://www.sp4ce.net/debug.html")
    {
        browser.Eval(JavaScript);
        browser.WaitForEvent("#link", "onclick");
    }
}

在这个测试中，当你点击“click”按钮时，测试应该直接结束，并且你的浏览器被关闭；

Answer 2

为什么不注入一些附加到您想要侦听的事件的 JavaScript。在事件触发时调用的 javascript 事件代码中，您可以将一个元素添加到 DOM 中，其中包含您感兴趣的结果。例如，创建一个 Div 并使用您想要检查的输出设置 innerHtml。给 Div 一个唯一的 ID。

基本流程：

• browser.RunScript(javascript_here_to_attach_to_the_events_you_are_interested_in)
  让我们假设当事件被触发时，您注入的代码创建一个 Id = "my_event_result" 的 Div。

• 执行触发验证代码的操作（例如输入正确/错误的值）
  示例： browser.TextField(textFieldIdWithValidation).Typetext("some value");

• 等待 Div 出现：
  browser.Div("my_event_result").WaitUntilExists();

• 在 div 中断言值：
  bool result = browser.Div("my_event_result").Text == "The预期测试";

哈特哈，
杰罗恩

Answer 3

我不希望这是正确的答案，因为我没有时间查看 WatiN，只有一些注释可以帮助您完成您的工作，第一个猴子补丁 jQuery：

因为所有 jQuery 事件都是通过该函数触发的扳机。

var _trigger = jQuery.prototype.trigger;
jQuery.prototype.trigger = function () {
      _trigger.apply( this, arguments );
      alert( Array.prototype.join.call( arguments, '-' ) );
}

这将使您的页面在每次触发某些事件时提醒给定的所有参数（作为以“-”作为分隔符的字符串），通常第一个参数是事件。 WatiN 应该具有某种可以捕获警报的功能，如果没有，我建议放弃它并使用 watij 之类的东西，我个人推荐 HTMLUNIT

另外，如果您对触发事件的原因感兴趣，在上面的函数中，this 将指向该事件:)

您应该检查一下：
http://api.jquery.com/event.result/
http://api.jquery.com/event.data/