Using Codeception's selenium module to wait for JavaScript and Ajax requests to

Question

Using Codeception's selenium module to wait for JavaScript and Ajax requests to

I am currently facing an issue where I need to wait for an ajax call to finish loading before moving on to the next step. I have tried using the waitForJS function, but I am struggling with building the JavaScript condition.

I have experimented with different conditions, but none of them seem to work. It is crucial for the ajax request to be fully loaded before proceeding to the next step.

$I->waitForJS(
    15000, 
    "(function myJavascriptFunction() {       
        var hiddenField = document.getElementById('data-com_product_id');
        if (hiddenField.value != '') {
            return true;    
        } else {
            return false;   
        }
     })()"
);

Any suggestions or tips would be greatly appreciated. Thank you!

javascript ajax selenium-webdriver codeception

Answer 1

Answer №1

One helpful snippet to use in codeception with webdriver is:

$I->waitForJS("return $.active == 0;",10);

I recently tested this and it worked perfectly.

Answer 2

One helpful snippet to use in codeception with webdriver is:

$I->waitForJS("return $.active == 0;",10);

I recently tested this and it worked perfectly.

Answer 3

Answer №2

One possible solution is to:

$this->waitForJs('return document.readyState == "complete"', 10);

Answer 4

One possible solution is to:

$this->waitForJs('return document.readyState == "complete"', 10);

Using Codeception's selenium module to wait for JavaScript and Ajax requests to

Answer №1

Answer №2

Similar questions

JavaScript - Unable to run 'getImageData' method on 'CanvasRenderingContext2D': Provided value is not a 'long' type

What is the best way to add borders to the cities on interactive SVG maps?

Using Regular Expression to verify the presence of numbers and spaces

Rendering DataTable content seamlessly from a different webpage using JavaScript without sacrificing control

Utilizing Next.js with formidable for efficient parsing of multipart/form-data

The jQuery panel slider magically appears when you click the button, but refuses to disappear

Tips for saving a JavaScript object into a JSON file

Unique Symbols and Characters in JavaScript

Displaying a component following data retrieval in Vue.js

Is it possible to change the transition behavior within a Vue component?

React DataGrid fails to refresh when state changes

Node.js routing currently lacks the ability to easily verify the presence of a JWT token for every route

JavaScript not properly rendering CSS styles

Utilizing Ajax for submitting data in a Spring application

Is there a way to make my modal appear only when the "New" option is clicked?

Glistening tabPanel and Analytics by Google

Filtering with checkboxes (looking for help with logic functionality)

prismjs plugin for highlighting code displays code in a horizontal format

The AJAX request is not successful because it is encountering a ReferenceError due to attempting to assign a value to an

I encountered an issue with the mui TextField component in React where it would lose focus every time I typed a single character, after adding key props to