AngularJS Jasmine测试：spyOn服务Promise返回值expect未定义问题排查

这明显是异步代码的测试时序问题——你的expect断言在Promise的.then回调执行前就已经跑完了！虽然手动打印时能看到正确值，但那是因为打印动作可能在回调执行后触发，而测试框架的同步代码会先执行expect，此时vm.modalSelectorUrl还没被赋值，所以得到undefined。

下面是具体的解决方案，按测试框架的常用处理方式分：

1. 使用测试框架的异步回调（比如Jasmine的done参数） #

如果你的测试用的是Jasmine这类支持done回调的框架，可以在测试用例里传入done，并在.then回调里调用它，确保断言在异步操作完成后执行：

it('should assign correct modalSelectorUrl after Promise resolves', (done) => {
  // 模拟doneService的返回值
  spyOn(doneService, 'getOrderInfo').and.returnValue(Promise.resolve('sample-order-id'));

  // 调用你要测试的函数
  yourTargetFunction();

  // 更可靠的方式：如果你的函数返回Promise，直接监听
  yourTargetFunction().then(() => {
    expect(vm.modalSelectorUrl).toBe('/your/base/url/sample-order-id');
    done(); // 告诉测试框架异步流程结束
  });
});

2. 用async/await简化异步测试（推荐） #

现代测试框架几乎都支持async/await，这种方式更简洁易读，只要确保你的测试函数返回Promise，就能直接等待异步操作完成：

it('should assign correct modalSelectorUrl after Promise resolves', async () => {
  spyOn(doneService, 'getOrderInfo').and.returnValue(Promise.resolve('sample-order-id'));

  // 等待函数内的Promise执行完毕
  await yourTargetFunction();

  // 此时回调已经执行，断言就能拿到正确值
  expect(vm.modalSelectorUrl).toBe('/your/base/url/sample-order-id');
});

⚠️ 注意：这里要求你的yourTargetFunction必须返回内部的Promise链，比如：

function yourTargetFunction() {
  // 一定要return这个Promise，否则await无法等待
  return doneService.getOrderInfo().then(orderId => {
    vm.modalSelectorUrl = `/your/base/url/${orderId}`;
  });
}

3. 排查其他潜在问题 #

• 如果上述方法无效，检查是否有其他异步操作（比如定时器、其他Promise）干扰了时序；
• 确认spyOn的模拟是否正确，比如是否返回了resolved状态的Promise，而不是pending状态；
• 可以在.then回调里加console.log，确认回调确实被执行，以及执行时机是否在expect之前。

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