如何使用 javascript 在 selenium 中刷新页面直到元素消失

Question

In selenium JavaScript, I have to refresh the page until element is disappeared. Since it uses promises, if I use for loop it will create many promise even if the condition is satisfied, later it will be resolved. Also I have to provide driver.sleep(5000) mandatory due to some reason.

$browser.get("https://pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html").
then( function()
{
var p=Promise.resolve();
for (let index = 0; index < 5; index++) {    
    p = p.then(() => 
    isElementDisplayedAfterrefresh($driver.By.xpath("//span[text()='PouchDB']"), "input"))
    .then(a=>$browser.sleep(3000))
    .then(()=>$browser.navigate().refresh())
}
return p;
}
).then(
    ()=>console.log('done'))

code should exit if element is not displayed, it should refresh if element is still displayed. How to loop through promise sequentially when we don't know results/number of iterations the return type is Promise, How to break loop? thanks

Edit

https://gist.github.com/saiparth/045c32267e55b836f139bdac6597e57b Issue is it schedules commands for loop, so all 5 iteration will execute no matter for previous index worked not. Also I should not use async/await

Answer 1

How do you know if the element is displayed or not, seems like you are refreshing the page anyway if I am reading it correctly? .then(a=>$browser.sleep(3000)) shouldn't it be something like

.then((a => { if(a.isDisplayed() == true) { console.log('element displayed dont do anything') } 
  else { 
     $browser.sleep(3000))
    .then(()=>$browser.navigate().refresh())
}  }))

Answer 2

Finally I found the solution after referring this

function process(index) {
    if (index >= 10) {
        return;
    }
   return $browser.findElements(By.xpath("//span[text()='PouchDB']")).then(a => a.length==0)
        .then(function (isDisplayed) 
        {
            if (!isDisplayed) {
               return $browser.sleep(5000)
                .then(() => $browser.navigate().refresh())
                .then(a=>process(index + 1))
            }  
            else{
               return;
            }
        });
}
$browser.manage().window().maximize();
$browser.get("https://pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html")
.then(a=>process(5))
.then(a=>console.log('done'))