Jest：如何测试回调函数内部的东西？

Question

我的反应组件中有一个静态函数，我想用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())

这样就可以调用您的实际回调并进行测试