In React Native come posso testare i miei componenti con Shallow Rendering?

Question

Per React, utilizzo le tecniche Shallow Rendering per il test dell'unità sui componenti di React. Posso fare qualcosa di simile in React Native?

Ho followed the instructions to set up Jest, ma non riesco a trovare alcuna documentazione sul test dei miei componenti. Mi piacerebbe fare il TDD completo con React Native nello stesso modo in cui lo faccio con React.

Answer 1

Penso che enzyme sia quello che stai cercando.

Fornisce una funzione shallow che consente di effettuare un confronto superficiale (come desiderato).

L'enzima può essere utilizzato insieme a tutti i più popolari test runner (come Mocha, Jest, Karma ecc.). La lista completa può essere trovata on the library's github page.

Esempio:

import {shallow} from 'enzyme'; 

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

Per ulteriori approfondimenti è possibile dare uno sguardo su enzimi del Shallow Rendering API o docs in generale.