How do I get the children of an Element in Watin?

Question

Given the following html:

<ul id="search-results">
   <li>
        <h3>Result 1</h3>
        <span class="some-info">Tag line</span>
   </li>
   <li>
        <h3>Result 2</h3>
        <span class="some-info">Another bit</span>
   </li>
   <li>
        <h3>Result 2</h3>
        <span class="some-info">Another bit</span>
   </li>
</ul>

I can get the ul element with:

Element ul = ie.Element(Find.ById("search-results"));

How do I iterate over the children of the search-results?

I've managed to get as far as:

var allListItems = ie.Elements.Filter(e => e.Parent != null && e.Parent.Id == "search-results");

But this doesn't help me assert things about the H3 or span contained within the li's.

Answer 1

*Option1:*Based on your code, you can try something like:

ie.Spans.Filter(Find.ByClass("some-info"))[0...2].PreviousSibling;

you will need to loop over each span.

*Option2:*Based on some suggestions from the Watin mail list (similar to your own answer as well):

IElementContainer elem = (IElementContainer)ie.Element(Find.ById("search-results"));

Then you parse through elem.Element