我的反应成分由我的另一种成分组成,我正在使用酶进行测试。这是在父组件中呈现的我的子组件:
render() {
let returnVal = "";
returnVal = <SpinLoader/>
return (
returnVal
)
}
为了测试,我有:
describe("confirmEmail component unit tests", () => {
before(() => {
confirmEmail = shallow(<ConfirmEmail {...props}/>);
});
// this tests that the Login exists and is not empty
describe("confirmEmail component exists", () => {
it("should not be empty", () => {
expect(confirmEmail).to.not.be.empty;
});
});
})
})
上述空度测试失败,因为它无法重新识别Spinloader,但是如果我将div替换为spinloader,它将通过。
有什么主意吗?
**更新:
我将returnVal更改为
returnVal = <div><SpinLoader/></div>
有效。 因此问题出在SpinLoader组件上,它不是标准元素,而是我制造的组件