如何测试具有片段的功能组件

Question

如何测试一个使用片段和道具但不使用标记的功能组件，我无法设置角色。

const Item = (props: ItemProps) => (
<React.Fragment>
{ props.content }
</React.Fragment>
);

Answer 1

我看不出在这个特定组件上测试能给你什么保证。

断言props.content中的任何内容。如果你使用的是react-testing-library(正如你用它标记问题一样(，只需使用相应的query，这篇来自官方文档的文章应该有助于根据你的逻辑(你在问题中没有分享(来决定哪个查询是合适的。

你总是想测试行为，而不是实现，这在前端和react测试库中尤其如此，就像库的创建者所指出的那样。所以不要太在意这个特定的组件，看看里面可以测试什么。