Nightwatch 验证元素是否存在

元素常用验证方法

验证元素的值信息

andesFormSection
    .assert.containsText('@errorMessage', 'The email address is invalid.')

验证元素是否可用

andesFormSection
    .assert.attributeEquals('@continueBtn', 'disabled', 'true');

等待元素可用

andesFormSection
    .expect.element('@signInBtn').to.be.visible.before(5000);
# 或者
andesFormSection
    waitForElementVisible('signInBtn', 5000);

等待元素呈现

andesFormSection
    .expect.element('@signInBtn').to.be.present.before(5000);
# 或者
andesFormSection
    waitForElementPresent('signInBtn', 5000);

判断元素是否存在

用 Nightwatch 去判断一个 element 是否存在，如果存在执行如下操作，如果不存在做另外的操作。
这个在 Java 编写的自动化测试用例中可以用 try catch 可以解决，Nightwatch 试过不行。
另外看到 stackoverflow 上有通过判断 (result.status != -1)，没有解决我的问题。

最后这样解决的，请看下面 tutorial.js

const tutorialCommands = {
  notShowTutorial: function() {
    const tutorialSection = this.section.tutorial;
    this.api.element('css selector', '.andes-dialog md-icon', function(result) {
      if (result.value && result.value.ELEMENT) {
        this.pause(2000);
        tutorialSection.click('@doNotShowBtn');
        this.pause(2000);
        tutorialSection.click('@closeBtn');
    } else {
      console.log('no tutorial exists');
    }
    });
  }
};

module.exports = {
  commands: [tutorialCommands],
  url: function() {
    return `https://shenxianpeng.github.io/`;
  },
  sections: {
    tutorial: {
      selector: '.andes-dialog',
      elements: {
        closeBtn: 'md-icon',
        doNotShowBtn: 'md-checkbox .md-container'
      }
    }
  }
};

注意：这里的元素不能通过 section 的方式引用，例如这样，怀疑这是 Nightwatch 的 bug。

tutorialSection.api.element('css selector', '@closeBtn', function(result) {

}