有没有办法使用 enzyme 浅方法和样式组件的 ThemeProvider 包装来测试样式组件的文本内容?
class MyComponent extends React.component {
...
render(){
return (
<StyledComponent_A>
<StyledComponent_B>
some text
</StyledComponent_B>
</StyledComponent_A>
);
}
}
test('text is \'some text\'', () => {
const wrapper = shallow(
<ThemeProvider theme={theme}>
<MyComponent />
</ThemeProvider
);
const text = wrapper.dive().find(StyledComponent_B).text();
expect(text).toBe('some text');
});
最佳答案
使用浅层你的text()输出是这样的<styled.section />
因此您需要使用children()来获取样式元素的内容。 像这样的事情:
const text = wrapper.find(StyledComponent_B).children().text();
expect(text).toBe('some text');
关于reactjs - 如何使用 Enzymes 浅层和样式组件 ThemeProvider 测试样式组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46853221/