title: Creating a Geb Module for UL LI's
body: <p>I'm attempting to create a geb module that represents an unordered list of elements.  I've seen examples for how to do this with tables but I'm having a hard time translating that to <code>UL-&gt;LI</code> elements.  Here's what I have so far:</p>
  
  <pre><code>class CheckoutPage extends Page {
  
    static content = {
      cartItemList { $(".cart_items ul") }
      cartItem { i -&gt; module CartItem,  cartItems[i] }
      cartItems(required: false) { cartItemList.find("li.item") }
    }
  }
  
  class CartItem extends Module {
    static content = {
      thumbnail { $("img.book_cover", it) }
      itemInfo { $("div.item_info", it) }
      bookTitle { itemInfo.find("h1").find("a").text() }
    }
  }
  </code></pre>
  
  <p>When I do the following in my spec:</p>
  
  <pre><code>def "add an item to the cart"() {
     when:
     to CheckoutPage, productId: "10001"
  
     then:
     cartItems.size() == 1
     def cartItem = cartItems(0)
     cartItem.bookTitle == "Test Book Title 001"
  }
  </code></pre>
  
  <p>I get the following error:</p>
  
  <blockquote>
    <p>geb.error.UnresolvablePropertyException: Unable to resolve bookTitle
    as content for cartItems</p>
  </blockquote>
  
  <p>However, <code>cartItem</code> is a DOM element because I can do this and it works:</p>
  
  <pre><code>cartItem.find("div.item_info").find("h1").find("a").text() == "Test Book Title 001"
  </code></pre>