在React Native中,如何使用浅层渲染测试我的组件？

Question

对于React,我使用浅层渲染技术对我的React组件进行单元测试.我可以在React Native中做类似的事情吗？

我按照说明设置了Jest,但找不到任何关于测试我的组件的文档.我想用与React相同的方式使用React Native做完整的TDD.

Answer 1

我认为酶是你正在寻找的.

它为您提供了一个shallow功能,允许您进行浅层比较(如您所愿).

酶可以与所有流行的测试跑步者一起使用(如Mocha,Jest,Karma等).完整列表可以在库的github页面上找到.

例:

import {shallow} from 'enzyme';

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

为了进一步阅读,您可以查看酶的浅层渲染API或一般文档.