使用样式化的组件与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';安装到测试文件中。

这里有一些文档：https://github.com/styled-components/jest-styled-components#jest-styled-components，您可能会觉得有用。