等待量角器加载在新选项卡中打开的数据

Question

我有一个场景，当我单击网站 A 中的元素时，它会在网站 B 中的新选项卡中打开。 我能够导航到网站 B 的新选项卡，但必须使用我的客户希望我避免使用的 browser.sleep()。 我尝试使用像 after element(Website A).click().then(function(){getallwindowshandle, then move to the window of my choice}); 这样的承诺； 但在这里我也不得不使用 browser.sleep()

有人可以帮助我在使用量角器导航到新窗口时如何克服 browser.sleep() 。

Answer 1

最佳实践是使用protractor.ExpectedConditions等待目标元素可见或启用等。 使用量角器的预期条件，您可以让量角器等待下一个选项卡准备好继续。 您可以按照以下代码：

代码

   EC=protractor.ExpectedConditions;

   targetEleOnNewTab=element(locator)//find out an element on new tab
   //keep this line of code after switching to new tab before performing any 
   //operation on new tab
   browser.wait(EC.visibilityOf(targetEleOnNewTab),15000,'Ele Not Visible');

Answer 2

虽然这个问题有点老了，但我想提一下我是如何解决这个问题的：

var handles;
const targetNumberOfTabs = 2; // Or whatever
try {
     await browser.wait(
       async function() {
          handles = await browser.getAllWindowHandles();
          if(handles.length >= targetNumberOfTabs) {
                  return true;
           }
           else {
                  return false;
           }
        }
       ,30000, 'The number of tabs should be equal or greater ' + targetNumberOfTabs);
}
catch(err) {
       console.log(err);
       // Whatever you might want to do on error
}

基本上这段代码使测试流程等待，直到达到预期的选项卡数量最多 30 秒。

要求：您需要知道您希望有多少个选项卡并将它们存储在targetNumberOfTabs 。 并且您的环境需要支持async / await 。