酶測試，上下文不渲染元素

Question

我正在使用酶來編寫我的測試，在向我的consumer component在這種情況下是consumer component中添加上下文之前，渲染的快照沒有顯示任何元素，每次我添加一個dive()或shallow()我得到相同的錯誤如何在使用上下文時訪問元素

 const wrapper = shallow( <MyComponent {...initialProps} store={mockStore(initialState)} />, {context}, ); const contents = wrapper .dive() // dive in connect .dive() // dive in withLogss .dive() // dive in Motion .find("MyComponent") .dive(); // dive in Host expect(contents.context()).toEqual({myBoolean: true}); it("should render properly", () => { expect(contents).toMatchSnapshot(); }); Result: <ContextConsumer> <Component /> </ContextConsumer>

Answer 1

Enzyme之前v3.10.0缺乏支持陣營的新語境下的API 。

從v3.10.0日志：

淺層：支持渲染和潛水（）創建上下文（）提供者和消費者（#1966）

確保您使用的是enzyme v3.10.0或更高版本和enzyme-adapter-react-16 v1.15.1或更高版本。