在React Native中使用jest+enzyme选择元素(文本、视图)的方法如下:
npm install --save-dev jest enzyme enzyme-adapter-react-16 react-test-renderer
setupTests.js
文件,并添加以下代码:import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
configure({ adapter: new Adapter() });
import React from 'react';
import { Text, View } from 'react-native';
import { shallow } from 'enzyme';
shallow
方法来渲染组件,并使用find
方法选择元素。例如,选择文本元素:describe('MyComponent', () => {
it('should render the text element', () => {
const wrapper = shallow(<MyComponent />);
const textElement = wrapper.find(Text);
expect(textElement.exists()).toBe(true);
expect(textElement.text()).toBe('Hello World');
});
});
npm test
这样就可以使用jest+enzyme在React Native中选择元素(文本、视图)了。请注意,以上代码示例中的MyComponent
是一个自定义组件,你需要根据实际情况进行替换。
领取专属 10元无门槛券
手把手带您无忧上云