How do I wait for elements to be visible / not visible?

[cressie176]

Is it possible to get dalek to wait until an element is visble / invisible? We found the action.waitWhileVisible method in the source but aren't sure whether this feature is implemented (it has a big TODO indicating not)

[asciidisco]

Unfortunately that feature hasn't made it in the code yet, but I can tell you a workaround (using jQuery on the example to keep the code short, but you can totally do this with vanilla javascript)

'my test': function (test) {
  test.open('http://mypage.com')
    // waits until the element is visible / timeouts after 10 sec.
    .waitFor(function () {
      return !!$('#my-element').is(':visible');
    }, [], 10000)
    // continue with your normal dalek stuff
    .assert.text('#my-element', 'Now you see me!')
    .done();
}

Hope that helps, please ask if you have further questions.