Проверка асинхронной функции в реакции с ферментом

Question

У меня есть компонент, где я применяю стили к компоненту с помощью асинхронной функции, и мне нужно покрыть эту функцию тестом фермента.

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 (цвет с первого ожидания), но мне нужно проверить и второе ожидание тоже.

Спасибо за любую помощь.

Answer 1

Вы могли бы jest.mock Keyframes. Я не уверен, откуда вы импортируете его, но если вы смоделируете все до функции загрузки и передадите функцию spy next, вы можете утверждать, что передача цветов в next.

Анимации сложно проверить, и тщательное тестирование потребует много насмешек. Этого не может быть за это.