在Jest中测试时，无法读取未定义的属性“signin”

Question

我正在使用React-Native-GoogleSignIn。当我用Jest测试它时，它会给我一个错误，或者是从我的auth.js文件中获取signIn函数。

TypeError:无法读取未定义的属性“signin”

   9 | 
  10 | const Email = props => {
> 11 |   const {signin} = useAuth();
     |          ^
  12 |   return (
  13 |     <>
  14 |       <Header navigation={props.navigation} />

  at Component (src/containers/login/Email.js:11:10)
  at renderWithHooks (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6156:18)
  at mountIndeterminateComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8690:13)
  at beginWork$$1 (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10052:16)
  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14694:12)
  at workLoopSync (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14667:22)
  at callback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:14366:11)
  at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2063:24
  at Scheduler_runWithPriority (node_modules/scheduler/cjs/scheduler.development.js:818:12)
  at runWithPriority (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2013:10)

Answer 1

const Email = props => {
   const signin = useAuth();    
   return (
     <>
        <Header navigation={props.navigation} />

使用此代码，可能会解决您的问题，因为这里有错误

替换

const {signin} = useAuth();

使用的

const signin = useAuth();