Реагируйте на собственное тестирование с помощью Jest, используя стилизованные компоненты

Question

Получение следующей ошибки: TypeError: _styledComponents.default.View не является функцией Использование стилей в качестве кода ниже:

const LoadingWrap = styled.View`
  background-color: ${(props) => props.buttonColor};
  margin: 10px auto;
  padding: 15px;
  width: ${(props) => (props.small ? '100px' : '90%')};
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 80px;
  elevation: 3;
`;

Answer 1

Я думаю, вам нужно установить и import 'jest-styled-components'; в свой тестовый файл при использовании styled-components.

Некоторые документы здесь: https://github.com/styled-components/jest-styled-components#jest -styled-components , которые вы можете найти полезно.