javascript - Nightwatch - 如果元素不存在则执行另一个操作

Question

如何在 NightwatchJS 中编写简单的 if/else？如果元素存在，请单击此元素，否则 - 单击另一个元素。

'Test2: click login button': function(client) {

    client.expect.element('.login .btn').to.be.present;
    client.click('.login .btn');


//  if "client.expect.element('.login .btn') is not present(visible)" - 
//      but "client.expect.element('a.menu-link').to.be.present(visible)";
//  client.click('a.menu-link');


    client.pause(1000);
});

},

Answer 1

可能有不止一种方法可以做到这一点，但我会使用 Webdriver Protocol的.element()功能:

'Test2: click login button': client => {
  const buttonSelector = '.login .btn';
  const menuLinkSelector = 'a.menu-link';
  client.element('css selector', buttonSelector, result => {
    if (result.status > -1) {
      // `.login .btn` is present
      client.click(buttonSelector);
    } else {
      // else, check for `a.menu-link`
      client.element('css selector', menuLinkSelector, () => {
        client.click(menuLinkSelector);
      });
    }   
  });
  client.end();
}