如何通过Nightwatch.js从window对象获取E2E套件暴露的方法？

你遇到的问题其实是因为Nightwatch的execute方法会把浏览器上下文的结果序列化后传回Node.js上下文——函数没办法被序列化，所以你拿到的methods.performA只是函数的序列化描述对象，不是可调用的函数本身。

要解决这个问题，核心思路是：让这些方法在浏览器上下文里执行，而不是试图把函数拿到Node端调用。下面给你两种常用的实现方式：

方式一：直接在execute中调用方法 #

把调用逻辑写在execute的回调函数里，让代码直接在浏览器环境中运行：

browser
  .url(APP_URL)
  // 推荐用waitForCondition替代pause，更可靠地等待window.methods加载完成
  .waitForCondition('return typeof window.methods !== "undefined"', 10000, 500)
  .execute(() => {
    // 直接在浏览器里调用你的方法
    window.methods.performA();
    window.methods.performB();
    
    // 如果需要把方法的返回值传回Node端，可以return
    return {
      performAResult: window.methods.performA(),
      performBResult: window.methods.performB()
    };
  }, [], (res) => {
    console.log('方法执行结果:', res.value);
    // 这里可以处理返回的结果
  })
  .end();

方式二：封装成可复用的调用函数 #

如果需要在测试中多次调用这些方法，可以封装成单独的函数，每次调用时通过execute执行：

// 封装调用performA的函数
const callPerformA = () => {
  return browser.execute(() => window.methods.performA());
};

// 封装调用performB的函数
const callPerformB = () => {
  return browser.execute(() => window.methods.performB());
};

// 在测试中使用
browser
  .url(APP_URL)
  .waitForCondition('return typeof window.methods !== "undefined"', 10000, 500)
  .then(() => callPerformA())
  .then((res) => {
    console.log('performA执行结果:', res.value);
  })
  .then(() => callPerformB())
  .then((res) => {
    console.log('performB执行结果:', res.value);
  })
  .end();

关键注意事项 #

• 不要用pause：固定时长的等待不可靠，推荐用waitForCondition等待window.methods存在后再执行操作，避免因页面加载慢导致的错误。
• 函数只能在浏览器上下文执行：所有涉及performA、performB的调用逻辑都必须放在execute的第一个参数函数里，因为这个函数是运行在浏览器中的，能直接访问window对象。

内容的提问来源于stack exchange，提问作者Detuned