无法测试已解决承诺的效果

Question

我在用户中有以下代码：

 import { redirectTo } from 'urlUtils';
 export function create(user) {
    api.postUser(user).then((response) => {
      redirectTo(response.userUrl);
    })
 }

我有以下测试：

import * as api from 'api'
import * as user from 'user'

sinon.stub(api, 'postUser').returns(
  Promise.resolve({ userUrl: 'a-url' })
);
sinon.spy(urlUtils, 'redirectTo');
const userData = {id: 2};

user.create(userData);
expect(api.postUser.calledWith(userData)).toBe(true);  // This passes
expect(urlUtils.redirectTo.calledOnce).toBe(true); // This fails

我已经能够在浏览器上对其进行测试，并且重定向正在发生。我在这里想念什么？我已经存根请求调用以同步解决承诺，所以这不应该是一个问题。

Answer 1

Promise 是异步的，所以当您执行 expect(urlUtils.redirectTo.calledOnce).toBe(true) 时，promise 尚未解决。

解决它的最简单方法是将该期望包装在一个短暂的超时中，然后使用您正在使用的测试框架提供的任何实用程序来发出异步测试已完成的信号。像这样的：

setTimeout(() => {
  expect(urlUtils.redirectTo.calledOnce).toBe(true);
  done();
}, 5);

另一个更好的解决方案是实际使用存根返回的承诺。首先，保留对该承诺的引用：

替换：

sinon.stub(api, 'postUser').returns(
  Promise.resolve({ userUrl: 'a-url' })
);

与：

const postUserPromise = Promise.resolve({ userUrl: 'a-url' });
sinon.stub(api, 'postUser').returns(postUserPromise);

然后这样写你的期望：

postUserPromise.then(() => {
  expect(urlUtils.redirectTo.calledOnce).toBe(true);
  done();
});

---

done() 是大多数测试框架（据我所知至少是 Jasmine 和 Mocha）提供的用于表示异步测试已完成的功能。您将它作为定义测试的函数的第一个参数，并通过在函数签名中指定它来告诉测试框架您的测试是异步的。

例子：

it("is a synchronous test, completed when test function returns", () => {
  expect(true).to.equal(true);
});

it("is an asynchronous test, done() must be called for it to complete", (done) => {
  setTimeout(() => {
    expect(true).to.equal(true);
    done();
  }, 5000);
});