我正在学习开玩笑,并为React Native App编写组件测试用例,谁能建议我可以用以下代码段为以下代码编写的所有可能的测试组件测试,单元测试,快照测试:
import React, { Component } from 'react';
import { View } from 'react-native';
import { Colors } from '../../themes';
export default class Divider extends Component {
render() {
const { style } = this.props;
return (
<View style={[
{
flex: 1,
height: 1,
backgroundColor: Colors.divider,
marginVertical: 8,
}, style]} />
);
}
}
还建议我编写的以下测试用例是否正确
import TestRenderer from 'react-test-renderer';
import { View } from 'react-native';
import React from 'react';
import Divider from '../Divider';
test('should test on Divider props', () => {
const testRenderer = TestRenderer.create(
<Divider style={{ height: 10 }} />);
const testInstance = testRenderer.root;
const dividerView = testInstance.findByType(View).props.style[1];
expect(dividerView.height).toBe(10);
});