在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一般看看。