reactjs - react - shallow enzyme

En React Native, ¿cómo puedo probar mis componentes con Shallow Rendering?

Question

Para React , uso técnicas de Shallow Rendering para realizar pruebas unitarias de mis componentes React. ¿Puedo hacer algo similar en React Native ?

He seguido las instrucciones para configurar Jest , pero no puedo encontrar ninguna documentación sobre cómo probar mis componentes. Me gustaría hacer un TDD completo con React Native de la misma manera que lo hago con React.

Answer 1

Creo que la enzyme es lo que estás buscando.

Le proporciona una función shallow que le permite realizar una comparación superficial (como desee).

La enzima se puede utilizar junto con todos los corredores de prueba populares (como Mocha, Jest, Karma, etc.). La lista completa se puede encontrar en la página github de la biblioteca .

Ejemplo:

import {shallow} from ''enzyme'';

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

Para leer más, puede echar un vistazo a la API Shallow Rendering de la enzima o a los docs en general.