Testing asynchronously inserted content (such as modals) with Geb. Thanks to Verity.

ExamplePage.groovy

// We use 'to:' on the modal trigger to force a refresh of the page cache once the modal has been inserted. 
// Angular Bootstrap modals are actually created in the DOM once they are triggered, so our initial page parse doesn't grab them.
// If we don't do this, you will end up with a lot of nulls since Geb 0.11.

class ExamplePage extends Page {
  
  static content = {
    modalTrigger(to: ExamplePage) { $('.show-modal') }
    modal { $('.my-modal').module(ModalDialogModule) }
  }
  
}

ModalDialogModule.groovy

class ModalDialogModule extends Module {
  
  isShown() {
    waitFor {
      hasClass('inmodal') // without 'to: ' above, this will never be true.
    }
    return true
  }
  
}

ModalDialogSpec.groovy

class ModalDialogSpec extends GebSpec {
  
  def 'Test that a modal has some content'() {
    
    given:
      to ExamplePage
      
    when:
      modalTrigger.click()
      
    then:
      modal.shown
      // now make assertions
    
  }
  
}