reactjs - 酶无法识别我创建的子组件

Question

我有一个反应组件由我的另一个组件组成，我正在使用酶对其进行测试。这是我在父组件中呈现的子组件：

    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 组件，它不是标准元素，它是我制作的组件

标签： reactjsenzyme