如何在React-Native项目中使用Jest测试样式组件?

Question

在我的项目中，我有一个样式为有样式的组件。我想用jest:

测试一下

describe('<Button/> tests', () => {
it('should render button', () => {
const testingComponent =  renderer.create(<Button/>);
})
});

这个代码失败了:

● Test suite failed to run
TypeError: _styledComponents.default.View is not a function
1 | import styled from 'styled-components';
2 |
> 3 | const Container = styled.View`
|                          ^
4 |   flex: 1;
5 |   align-self: center;
6 | `;

SO jest不识别styled.View，我不知道为什么。我做错了什么，我如何测试我用有样式的组件设计的组件?

Answer 1

为了避免这样的错误，需要以这样的方式指定样式组件:

const Container = styled(View)

这个语法帮助了我