Jest for React Native应用程序的以下代码示例中的单元/组件/快照测试将是什么

时间:2019-09-12 08:41:41

标签: javascript unit-testing react-native jestjs react-native-android

我正在学习开玩笑,并为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);
});

0 个答案:

没有答案