在页面显示后如何查找元素是否存在

Question

量角器必须验证错误消息是否存在于页面中。所以错误信息可以在“alert-message”类或“fail-heading”类中。

如果我喜欢下面，它只有在显示alert-message className时才会成功。但有时候我把className当作“失败标题”。

var waitforele_confirmation = by.className('alert-message'); 
browser.wait(function(){return browser.driver.isElementPresent(waitforele_confirmation)}, 60000); 
expect(browser.driver.isElementPresent(waitforele_confirmation)).toBeTruthy(); 

所以我想动态检查页面加载后存在哪个元素。另外我想在等待每个元素时使用browser.wait函数。我只是做了下面的伪代码来理解。

while (i<120 and !found) 
{ 
    int i=0; 
    if (element(by.className('alert-message')).isPresent()) 
    { 
    found = true; 
    } 
    else if (element(by.className('fail-heading')).isPresent()) 
    { 
    found = true; 
    } 
    else 
    { 
    browser.sleep(500); 
    } 
    i++; 
} 

有人可以转换量角器pls中的伪代码吗？

Answer 1

let EC = protractor.ExpectedConditions; 
let alertMessageVisibility = EC.visibilityOf($('.alert-message')); 
let failHeadingVisibility = EC.visibilityOf($('.fail-heading')); 

browser.wait(EC.or(alertMessageVisibility, failHeadingVisibility), 60000, "Alert message or fail heading should become visible in 60 seconds, but it wasn't") 

Answer 2

下面的代码将作为你的预期：

var EC = protractor.ExpectedConditions; 
var alertMessageElement = element(by.className('alert-message')) 
var failHeadingElement = element(by.className('fail-heading')) 

/*browser.wait() will be keep on checking for error messages until either 
any one of the error message found or specified timeout limit reached*/ 

browser.wait(function(){ 
EC.visibilityOf(alertMessageElement).call().then(function(isAlertMessagePres 
ent){ 
    if(isAlertMessagePresnt){ 
    return true; 
    } 
}) 

EC.visibilityOf(failHeadingElement).call().then(function(isFailedHeadingPresent) { 
if(isFailedHeadingPresent){ 
    return true; 
} 
}) 
    },10000,'No error message found within specified timeout of 10 seconds  
     ');