WatiN's DomContainer.WaitForComplete() method pauses test execution until the DOM has finished loading, but if your page has functions registered with JQuery's ready() function, you'll probably want to wait for those to finish executing before testing it. Here's a WatiN extension method which pauses test execution until that happens. JQuery (as far as I can see) doesn't provide an event or other way
of being notified
of when it's finished running your ready() functions, so you have to get around it another way. Luckily, because ready() executes the functions it's given in the order they're registered, you can simply register another one to add a 'marker' div to the page, and tell WatiN to wait for that div to exist. Here's the code; I added the extension method to Browser rather than DomContainer (Browser derives from DomContainer) because it's the sort
of thing you only execute once for each
of the pages your test loads, so Browser seemed like a good place to put it. public static void WaitForJQueryDocumentReadyFunctionsToComplete(this Browser browser)
{
// Don't try this is JQuery isn't defined
on the page:
if (bool.Parse(browser.Eval("typeof $ == 'function'")))
{
const string jqueryCompleteId = "jquery-document-ready-functions-complete";
// Register a ready() function which adds a marker div to the body:
browser.Eval(
@"$(document).ready(function() { " + "$('body').append('<div id=""" + jqueryCompleteId + @""" />'); " + "});");
// Wait for the marker div to exist or make the test fail:
browser.Div(Find.ById(jqueryCompleteId))
.WaitUntilExistsOrFail(10, "JQuery document ready functions did not complete.");
}
}
The code uses the Eval() method to
send JavaScript to the browser to be executed; first to check that JQuery actually exists
on the page, then to add the new ready() method. WaitUntilExistsOrFail() is another WatiN extension method I've written (I've ended up writing really quite a lot
of them) which waits for the element
on which it is invoked to exist, and uses Assert.Fail() to fail the test with the given message if it doesn't exist within the specified number
of seconds. Here it is:
public static void WaitUntilExistsOrFail(this Element element, int timeoutInSeconds, string failureMessage)
{
try
{
element.WaitUntilExists(timeoutInSeconds);
}
catch (WatinTimeoutException)
{
Assert.Fail(failureMessage);
}
}
