在 React with Enzyme 中测试异步函数答案

【问题标题】：Test async function in React with Enzyme在 React with Enzyme 中测试异步函数
【发布时间】：2019-01-16 13:10:06
【问题描述】：

我有组件，我将样式应用到具有异步功能的组件，我需要用酶测试覆盖这个功能。


const SpinnerKf = new Keyframes.Spring({
  loading: async (next: Object) => {
    await next(getCircleStyles(0.5, '#fff'))
    await next(getCircleStyles(34, styles.colorSuccess))
  }
})

export class Spinner {
   ...

   render () {
     <SpinnerKf>...</SpinnerKf>   
   }
}

如何检查 Enzyme，第二个 await 中的函数返回正确的颜色（getCircleStyles 中的第二个参数）？当我在SpinnerKf 上检查颜色时，它只返回#fff（第一次等待的颜色），但我也需要检查第二次等待。

感谢您的帮助。

【问题讨论】：

标签： reactjs unit-testing jestjs enzyme

【解决方案1】：

你可以jest.mockKeyframes。我不确定你从哪里导入它，但如果你将所有内容模拟到加载函数并传入一个间谍next 函数，你可以断言颜色传递给next。

动画很难测试，彻底的测试会涉及大量的嘲笑。不可能。

【讨论】：