酵素无法识别我创建的子组件

时间:2019-06-06 13:19:43

标签: reactjs enzyme

我的反应成分由我的另一种成分组成,我正在使用酶进行测试。这是在父组件中呈现的我的子组件:

    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组件上,它不是标准元素,而是我制造的组件

0 个答案:

没有答案