元素点击被拦截：该元素在某个时刻不可点击其他元素将获得点击

问题描述

错误：拦截的元素点击仅在无头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加载）并在上一个脚本完成之前执行一个命令

google-chrome headless protractor