我有一个根据条件为true或false为动态分配React组件的变量。

if(isValid) {icon = <ErrorIcon className: "error"/>}
else {icon = <SuccessIcon className: "success"/>


我如何在单元测试中测试图标的期望值是组件还是其他组件?

最佳答案

不确定此API的可靠性如何,但是每个react组件实例都有一个type属性,因此您可以对照组件定义进行检查:

const isErrorIcon = icon.type === ErrorIcon


因此,在您的情况下:

expect(icon.type).to.equal(ErrorIcon)

10-06 07:24