在React Native中，如何使用淺渲染測試我的組件？

Question

對於React，我使用Shallow Rendering技術來對我的React組件進行單元測試。我可以在React Native做類似的事嗎？

我已經followed the instructions to set up Jest，但找不到關於測試我的組件的任何文檔。我想用React完成與React Native完全一樣的TDD。

Answer 1

我認爲enzyme是你正在尋找。

它爲您提供shallow函數，它允許您進行淺層比較（如您所願）。

酶可以與所有流行的測試運動員（如摩卡，Jest，Karma等）一起使用。完整列表可以發現on the library's github page。

例子：

import {shallow} from 'enzyme'; 

describe('<MyComponent />',() => { 
    it('should render three <Foo /> components',() => { 
    const wrapper = shallow(<MyComponent />); 
    expect(wrapper.find(Foo)).to.have.length(3); 
    }); 
}); 

對於進一步閱讀，你可以採取酶的Shallow Rendering API或docs一般看看。