angular - 在 headless 模式下，元素不可点击。但是当我们从 protractor.conf.js 中删除 headless 时，它工作正常。

Question

element(by.className('cuppa-dropdown')).element(by.className('dropdown-list')).element(by.className('list-area')).element(by.tagName('li')).click();

实际上这个元素是弹出的。它在 headless 模式下运行良好。但是由于我们需要通过内置 vsts 来自动化测试用例，我们需要以 headless 模式执行测试

失败:未知错误:元素在点 (863, 343) 不可点击( session 信息:headless chrome=63.0.3239.84)(驱动程序信息:chromedriver=2.34.522940 (1a76f96f66e3ca7b8e57d503b4dd3bccfba87af1)，平台=Windows NT 10.0.16299 x86_64)

Answer 1

正如上面的回答，尝试将窗口大小设置为 chrome 的参数

chromeOptions: {
                args: [
                    '--window-size=1920,1080'],

和

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);
                });
            });