如何为AEM React组件编写一个Jest单元测试用例

Question

当我有如下代码时，如何为FiveGIntermediateEditConfig编写Jest测试用例来覆盖它?

const FiveGIntermediateEditConfig = {
emptyLabel: "FiveG Intermediate",
isEmpty() {
return true;
},
};
class FiveGIntermediateContainer extends Container {
render() {
return (
<div className="fiveGInter">

</div>
);
}
}
FiveGIntermediateContainer.defaultProps = {};
export default MapTo("vcg/components/soe-assisted/react/fiveGInter")(
compose(withRouter)(FiveGIntermediateContainer, FiveGIntermediateEditConfig)
);

Answer 1

JUnit是一个Java框架，所以它在测试React应用程序时不是很有用。如果你正在寻找一个JavaScript等效的，考虑https://jestjs.io/

Plain Jest对于任何不是严格特定于反应的JavaScript都是可以的。

当涉及到React组件时，可能的测试方法在React文档中有很好的描述:https://reactjs.org/docs/testing-recipes.html

这里描述的大多数工具只是您插入测试运行器(如Jest)的实用程序。大多数(如果不是所有的话)示例都假定使用了Jest，但这并不是一个硬性规则。