how to wait for element visibility in phantomjs

by

Heres a spin of Cybermaxs’s answer:

function waitFor ($config) {
    $config._start = $config._start || new Date();

    if ($config.timeout && new Date - $config._start > $config.timeout) {
        if ($config.error) $config.error();
        if ($config.debug) console.log('timedout ' + (new Date - $config._start) + 'ms');
        return;
    }

    if ($config.check()) {
        if ($config.debug) console.log('success ' + (new Date - $config._start) + 'ms');
        return $config.success();
    }

    setTimeout(waitFor, $config.interval || 0, $config);
}

Example of use:

waitFor({
    debug: true,  // optional
    interval: 0,  // optional
    timeout: 1000,  // optional
    check: function () {
        return page.evaluate(function() {
            return $('#thediv').is(':visible');
        });
    },
    success: function () {
        // we have what we want
    },
    error: function () {} // optional
});

It’s a little easier when you use a config variable.

More Related Contents:

  1. can phantomjs work with node.js?
  2. How can I upload files asynchronously with jQuery?
  3. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  4. How do I detect a click outside an element?
  5. Stop form refreshing page on submit
  6. Variable doesn’t get returned from AJAX function
  7. Only detect click event on pseudo-element
  8. How to differentiate single click event and double click event?
  9. TypeError: p.easing[this.easing] is not a function
  10. jQuery difference between change and click event of checkbox
  11. Rails 5: how to use $(document).ready() with turbo-links
  12. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  13. JQuery document.ready vs Phonegap deviceready
  14. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  15. JavaScript/jQuery check broken links
  16. How do I replace the entire HTML node using jQuery
  17. How to prevent simultaneous logins of the same user with Firebase?
  18. How to reset the bootstrap modal when it gets closed and open it fresh again?
  19. Change URL and redirect using jQuery
  20. Difference between screen.availHeight and window.height()
  21. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  22. Can you have a JavaScript hook trigger after a DOM element’s style object changes?
  23. Get image preview before uploading in React
  24. How do I select the innermost element?
  25. Send form data using ajax
  26. Wrapping lists into columns
  27. Close a SELECT dropdown list programmatically with Javascript/jQuery
  28. Dynamically change Tweet Button “data-text” contents
  29. Why this regex is not working for german words?
  30. Add / Change parameter of URL and redirect to the new URL

Leave a Comment