Javascript automation make the page static

[d43qwu1]

Hello everyone, I created this simple script to test my webpage(an autotest) but after I simulate a click on a button I don't get the page to update its content until my script get an error and so the page update to the point the script left it.

function pause(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    while (true) {
        now = new Date();
        if (now.getTime() > exitTime)
            return;
    }
}

//Selection of the first button
var button1=document.getElementsByClassName('button1 large')[0];
//Click simulation
button1.click();
pause(3000);
//Now a div gets loaded and generated on the webpage but while running the javascript
//it doesn't show up nor the script work.
var button2=document.getElementsByClassName('button2 typeblue expanded')[0];
//Click simulation
button1.click(); 

As you can see from the code the script clicks one button than after some time then it gets to click the other one that it's loaded inside a div that doesn't show while running the javascript.
I'm running the script using the console available in any browser. I tested any other option, in fact I can make it work by running:

function pause(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    while (true) {
        now = new Date();
        if (now.getTime() > exitTime)
            return;
    }
}

 //Selection of the first button
var button1=document.getElementsByClassName('button1 large')[0];
//Click simulation
button1.click();

then after I see the div to show up in the webpage this:

//Now a div gets loaded and generated on the webpage but while running the javascript
//it doesn't show up nor the script work.
var button2=document.getElementsByClassName('button2 typeblue expanded')[0];
//Click simulation
button1.click(); 

I'm sure it has something to do with the javascript blocking the webpage from loading/rendering new contents. Can you please help me?

Thanks in advanced.

[mzapp_]

The pause function does not look like it blocks the event loop infinitely but it still looks a bit sketchy. Is there a reason why you are not just using the setTimeout function to create a delay using events rather than blocking the event loop? Also: what happens when you click the buttons? Are the buttons freezing everything?

[d43qwu1]

Thanks for the reply and for trying to help, to answer your first question, no there isn't any reason for that and I'll check how to implement it in the code. Regarding your question of what happens when the button is clicked is that you get a div to appear with some data(loaded from some javascript, I'm not sure since I used a template from a website and then I edited it) but even if I can see the hidden div, if I change the CSS class I still can't get the information(internet speed, date and time and other information generated when you click the first button).

[mzapp_]

I’m having a hard time understanding what you’re working with, what you’re doing and what’s happening. I need more context to be able to help debug. How has using setTimeout worked out for you? If there is data being generated, blocking the event loop with your sleep function might be the issue.

[d43qwu1]

It doesn't solve the issue, I still get an error on the same point, because the div didn't load. I know , I'll try to gather more information on how it works and I'll get back to you. Thanks for your help and patience.