如何解决元素点击被拦截:该元素在某个时刻不可点击其他元素将获得点击
错误:拦截的元素点击仅在无头chrome中出现,如果我在没有无头的chrome浏览器中运行它,效果很好。
我已经尝试了以下解决方案:
- 将配置镶边选项中的窗口大小增加到
'chromeOptions': { args: [ "headless","--disable-gpu","--window-size=1920,1080" ] }
- browser.actions()。mouseMove(element).click();和 browser.actions()。mouseMove(element).click()。perform();
- 使用onprepare()方法设置窗口大小:
// set screen size setTimeout(function() { browser.driver.executeScript(function() { return { width: window.screen.availWidth,height: window.screen.availHeight }; }).then(function(result) { browser.driver.manage().window().setPosition(0,0); browser.driver.manage().window().setSize(result.width,result.height); }); });
- 应用了所有类型的等待:Sleep(),隐式等待,显式等待,异步等待:await。
- 还使用了browser.driver.manage()。window()。maximize();在每个之前而不是之前。但以上方法均无效。它仅适用于少数测试,但不适用于其他测试。
我正在运行测试以检查添加的用户方案。他们很少通过,但不是全部。所有测试都使用下面编写的相同代码,根据测试用例只有几处更改,例如是否添加了有效用户,无效用户... 所有添加用户脚本中的基本常见内容如下
电子邮件:
搜索要添加用户的级别:
选择角色:
点击添加用户按钮。
我观察到的问题是搜索框和角色下拉菜单。我认为无头铬中的元素不容易访问,或者其他元素与该元素重叠。
请帮助解决此问题。任何帮助都会得到评估。
我的测试-
it('1. should not add user with invalid email',async function(){
browser.waitForAngularEnabled(true)
browser.wait(EC.presenceOf(basepage.Loc_user_management),5000)
await basepage.Loc_user_management.click(); // click user management menu
browser.waitForAngularEnabled(true);
browser.wait(EC.presenceOf(userpage.Loc_add_user_btn),5000)
await userpage.Loc_add_user_btn.click();
browser.waitForAngularEnabled(true)
await userpage.Loc_email_addr_txtbox.click();
await userpage.Loc_email_addr_txtbox.sendKeys(loginData.users.invalid_username);
browser.manage().timeouts().implicitlyWait(1000);
browser.wait(EC.presenceOf(userpage.Loc_primarylevel_searchbox),5000);
userpage.Loc_primarylevel_searchbox.isDisplayed().then(async function(){
await userpage.Loc_primarylevel_searchbox.click();
await userpage.Loc_primarylevel_searchbox.sendKeys('Clients');
browser.actions().sendKeys(protractor.Key.ARROW_DOWN);
browser.actions().sendKeys(protractor.Key.ENTER);
//userpage.Loc_primarylevel_searchbox.click();
})
browser.sleep(500)
browser.waitForAngularEnabled(true);
browser.wait(EC.presenceOf(userpage.Loc_role_dropdown),5000)
await userpage.Loc_role_dropdown.click();
browser.waitForAngularEnabled(true)
await element(by.cssContainingText('option','Role1')).click();
browser.wait(EC.presenceOf(userpage.Loc_add_btn),5000)
userpage.Loc_add_btn.click().then(async function(){
expect(userpage.Loc_error_message_label.getText()).toEqual(errormessage.AddUserMessages.invalid_email_error_message);
})
});
解决方法
这很可能是因为您不履行承诺
browser.wait
需要await
browser.waitForAngularEnabled
还返回一个承诺,需要await
userpage.Loc_primarylevel_searchbox.isDisplayed().then
不会等到元素显示出来,无论是否显示都会得到一个布尔值,并立即进行。因此,在您的情况下,这是多余的行和复杂性,无济于事
sendKeys
需要await
browser.sleep
需要await
请勿混用.then
和await
。使用其中一个
当您不处理承诺时,量角器只是在计划命令,而不会等到完成时发生
巧合的是,您的脚本可以使用图形界面,因为chrome需要一些时间来加载。但是,当您以无头方式运行同一脚本时,它会变得更快(没有UI加载)并在上一个脚本完成之前执行一个命令
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。