javascript - Jest : How to test for something inside of a callback function?

Question

在我的 React 组件中有一个静态函数，我想使用 jest 对其进行测试。

static async getInitialProps (context, apolloClient) {
  const { req } = context
  const initProps = { user: {} }

  if (req && req.headers) {
    const cookies = req.headers.cookie
    if (typeof cookies === 'string') {
      const cookiesJSON = jsHttpCookie.parse(cookies)
      initProps.token = cookiesJSON['auth-token']
      if (cookiesJSON['auth-token']) {
        jwt.verify(cookiesJSON['auth-token'], secret, (error, decoded) => {
          if (error) {
            console.error(error)
          } else {
            redirect(context, '/')
          }
        })
      }
    }
  }
}

这是我目前得到的，正在测试 jwt.verify 的调用。但是我该如何测试它的回调呢？ 我想检查 redirect 的调用，如果没有错误...

test('should call redirect', () => {
  // SETUP
  const context = { req: { headers: { cookie: 'string' } } }
  jsHttpCookie.parse = jest.fn().mockReturnValueOnce({ 'auth-token': 'token' })
  jwt.verify = jest.fn(() => redirect)
  // EXECUTE
  Page.getInitialProps(context, {})
  // VERIFY
  expect(jwt.verify).toHaveBeenCalled()
})

Answer 1

最简单的方法是显式声明你的回调

const callback = (error, decoded) => {
    if (error) {
        console.error(error)
    } else {
        redirect(context, '/')
    }
}

并单独测试。

另一个选择是为 jwt.verify 做一个更智能的模拟

jwt.verify = jest.fn((token, secret, callback) => callback())

这样你的实际回调将被调用并可以被测试