Nightwatch中如何避免重复使用同一元素选择器执行多步操作？

当然有办法啦！Nightwatch里有几种实用的方式，能帮你像Cypress那样只写一次选择器就完成多步操作，我给你拆解一下：

• 链式元素操作（Nightwatch 2.x及以上推荐）
  从Nightwatch 2.x版本开始，官方支持了类似Cypress的链式调用写法，你可以先定位元素，然后直接链式执行各种操作，不用重复写选择器：

  ('Some test', async function (browser) {
    await browser
      .find('selector')
      .waitForElementVisible()
      .click();
  });
  

  这种写法最贴近你想要的Cypress风格，代码简洁直观。

• 将元素存为变量（异步/await方式）
  如果你习惯用变量存储元素，Nightwatch支持通过异步语法获取元素对象，之后直接用这个对象执行操作：

  ('Some test', async function (browser) {
    // 先获取元素对象
    const targetElement = await browser.findElement('selector');
    // 用对象执行多步操作
    await targetElement.waitForElementVisible(10000);
    await targetElement.click();
  });
  

  注意要使用async/await来处理异步操作，避免回调地狱的问题。

• 使用页面对象（Page Objects，最佳实践）
  如果是大型测试项目，推荐用Nightwatch的页面对象模式，把页面元素和对应的操作封装起来，彻底告别重复写选择器：
  首先创建一个页面对象文件，比如pages/myPage.js：

  module.exports = {
    elements: {
      // 定义元素别名和选择器
      targetBtn: 'selector'
    },
    commands: [{
      // 封装操作方法
      clickTargetBtn() {
        return this
          .waitForElementVisible('@targetBtn', 10000)
          .click('@targetBtn');
      }
    }]
  };
  

  然后在测试用例里调用这个封装好的方法：

  ('Some test', async function (browser) {
    const myPage = browser.page.myPage();
    await myPage.clickTargetBtn();
  });
  

  这种方式不仅避免了重复代码，还让测试结构更清晰，后期维护也更方便。

备注：内容来源于stack exchange，提问作者TheFortnight