量角器在构建服务器上失败 - ElementNotVisibleError

Question

我所有使用带黄瓜的量角器进行的角度 e2e 测试在我的机器上运行平稳且良好。但是一旦我在构建服务器上运行测试，就会出现错误

ElementNotVisibleError: 元素不可见

会话信息：chrome=51.0.2704.84

驱动信息：chromedriver=2.21.371459

平台=Windows NT 6.1 SP1 x86_64

一开始，我认为这与时间有关，一些异步的事情正在发生，但经过数小时的调试，我终于可以在本地机器上重现该错误。

最小化窗口是不够的，但如果我快速拖动鼠标使窗口尽可能小，我会收到此错误。所以这只是“窗口大小”的问题。

因此错误信息还可以，但是量角器是什么意思 在构建服务器上运行？

为什么有些测试通过了？ Protractor 似乎在构建服务器上“看到”了一些东西，因此

我试过了

browser.driver.manage().window().maximize();

我试过了

browser.manage().window().setSize(1920, 1200);

我尝试按照here 的建议更改我的代码，并且尝试了更多（无望）的事情。没有任何效果。

我现在最大的问题是：当我想在某个页面上单击最右边的按钮时，如何在构建服务器（在我的情况下为 TFS）上以稳定的方式运行量角器测试？

短代码示例：

browser.get(browser.baseUrl + '#/somePage').then...
element(by.id(buttonId)).click();

谢谢！

更新：

我的问题的主要原因是在构建服务器上运行测试时屏幕分辨率的宽度为 1024，因此 setSize(1920, 1200) 失败。出于这个原因，我现在在 onPrepare 函数中添加了当前分辨率的输出，以便将来得到提示：

onPrepare: function () {
        browser.executeScript('return { height: screen.availHeight, width: screen.availWidth, top: screen.availTop, left: screen.availLeft};').then(function (result) {
            console.log("Screen resolution: ");
            console.log(result);
        });

        browser.manage().window().setSize(1920, 1200);

当然，这可以扩展一点来抛出异常或类似的东西。

Answer 1

有时，我们需要将所需元素显示在视图中，以避免出现“元素不可见”错误。我们可以通过两种一般方式做到这一点：

• 使用"browser actions":

  var elm = element(by.id("buttonid"));
  browser.actions().mouseMove(elm).click().perform()
  

• scroll into view:

  var elm = element(by.id("buttonid"));
  browser.executeScript("arguments[0].scrollIntoView();", elm.getWebElement());
  

还链接this answer，它有一系列不错的东西，您可以尝试解决问题。