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

Question

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

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

Answer 1

我看不出测试会在这个特定组件上为您提供什么保证。

断言props.content. 如果您正在使用react-testing-library（当您用它标记问题时），只需使用相应的query，官方文档中的这篇文章应该有助于根据您的逻辑（您没有在问题中共享）确定哪个查询是合适的。

您总是想测试行为，而不是实现，这对于前端和 react-testing-library 尤其如此，正如库的创建者所指出的那样。所以不要太挂在这个特定的组件上，看看里面看看你可以在那里测试什么。