如果 NightwatchJS 中不存在元素如何停止测试而不出错

Question

在我的 Nightwatch 测试中，我有一个 before each 运行并从 Facebook 中删除一个应用程序。如果应用程序不存在，我只想停止之前的测试。

.waitForElementPresent('#root div.touchable a', 2000, false, function (result) {
  if (result.value === false) {
    browser.saveScreenshot('./test/e2e/img/element-not-there.png')
    browser.end()
  }
})
.doSomethingIfElementIsThere() // not real ;)

即使设置了false 参数，这似乎也不起作用。我收到此错误：

ERROR: Unable to locate element: "#root div.touchable a" using: css selector
    at Object.before (/Users/user/projects/project/test/e2e/specs/testy-mc-test-face.js:30:8)
 ✖ Timed out while waiting for element <#root div.touchable a> to be present for 2500 milliseconds.  - expected "found" but got: "not found"
    at Object.before (/Users/user/projects/project/test/e2e/specs/testy-mc-test-face.js:30:8)

只是想知道如何检查某些内容而不是错误。或者如果元素存在则继续断言？

感谢水桶

Answer 1

我查了code of the elementPresent assertion：

this.command = function(callback) {
  return this.api.elements(this.client.locateStrategy, selector, callback);
};

this.value = function(result) {
  return (result.status !== 0 || result.value.length === 0) ? 'not present' : 'present';
};

它使用low-level api，您可以使用它来测试元素是否存在：

.elements()

在页面上搜索多个元素，从文档根目录开始。定位的元素将作为 WebElement JSON 对象返回。 要传递的第一个参数是定位器策略，在 WebDriver 文档中有详细说明。

我想解决方案可能是这样的：

browser.elements('css selector', '#root div.touchable a', result => {
  const isPresent = result.status === 0 && result.value.length > 0;
  // doStuff
});