प्रतिक्रियात्मक मूल में मैं अपने घटकों को शैलो रेंडरिंग के साथ कैसे परीक्षण कर सकता हूं?

Question

React के लिए, मैं अपने प्रतिक्रिया घटकों के परीक्षण के लिए Shallow Rendering तकनीकों का उपयोग करता हूं। क्या मैं React Native में कुछ ऐसा कर सकता हूं?

मेरे पास followed the instructions to set up Jest है, लेकिन मेरे घटकों का परीक्षण करने पर कोई दस्तावेज नहीं मिल रहा है। मैं प्रतिक्रिया के साथ पूर्ण प्रतिक्रिया के साथ पूर्ण टीडीडी करना चाहता हूं।

Answer 1

मुझे लगता है कि enzyme वह है जिसे आप ढूंढ रहे हैं।

यह आपको shallow फ़ंक्शन प्रदान करता है जो आपको एक उथले तुलना (जैसा आप चाहते हैं) बनाने की अनुमति देता है।

एंजाइम का उपयोग सभी लोकप्रिय परीक्षण धावकों (जैसे मोचा, जेस्ट, कर्म इत्यादि) के साथ किया जा सकता है। पूर्ण सूची 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 सामान्य रूप में पर एक नज़र डाल सकते हैं।