Trong React Native, làm thế nào tôi có thể kiểm tra các thành phần của tôi với Shallow Rendering?

Question

Đối với React, tôi sử dụng Shallow Rendering kỹ thuật để kiểm tra đơn vị thành phần React của tôi. Tôi có thể làm điều gì đó tương tự trong React Native không?

Tôi đã followed the instructions to set up Jest, nhưng không thể tìm thấy bất kỳ tài liệu nào về thử nghiệm các thành phần của tôi. Tôi muốn làm đầy đủ TDD với React Native theo cùng cách tôi làm với React.

Answer 1

Tôi nghĩ rằng enzyme là những gì bạn đang tìm kiếm.

Nó cung cấp cho bạn chức năng shallow cho phép bạn so sánh nông (như bạn muốn).

Enzyme có thể được sử dụng cùng với tất cả những người chạy thử nghiệm phổ biến (như Mocha, Jest, Karma, v.v.). Danh sách đầy đủ có thể được tìm thấy on the library's github page.

Ví dụ:

import {shallow} from 'enzyme'; 

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

Đối với đọc thêm bạn có thể có một cái nhìn về enzyme của Shallow Rendering API hoặc docs nói chung.