feat:(steps)新增测试用例

Author: wj0990

packages/core/src/Steps/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { ViewProps } from 'react-native';
 import Icon from '../Icon';
 
 type statusType = 'success' | 'error' | string;
@@ -10,22 +11,22 @@ export interface StepsItemsProps {
   status?: statusType;
 }
 
-export interface StepsProps {
+export interface StepsProps extends ViewProps {
   items: StepsItemsProps[];
   current?: number;
   onChange?: (value: number) => void;
 }
 
 export default (props: StepsProps) => {
-  const { items = [], current = 0, onChange } = props;
+  const { items = [], current = 0, onChange, ...others } = props;
 
   const onStepsPress = (index: number) => {
     // onChange?.(index);
     onChange && onChange(current);
   };
 
   return (
-    <View style={styles.steps}>
+    <View style={styles.steps} {...others}>
       {items.map((item, index) => (
         <TouchableOpacity style={[styles.item]} key={index} onPress={() => onStepsPress(index)}>
           <View style={styles.wrap}>

test-ci/src/__tests__/steps.tsx

@@ -0,0 +1,32 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import Steps, { StepsItemsProps } from '../lib/Steps';
+import TestRenderer, { act } from 'react-test-renderer';
+
+describe('Steps', () => {
+  const items: StepsItemsProps[] = [
+    { title: '步骤一', desc: '这里是额外的信息，这里是额外的信息' },
+    { title: '步骤二', desc: '这里是额外的信息,这里是额' },
+    { title: '步骤三', desc: '这里是' },
+  ];
+
+  it('Steps', () => {
+    const testRender = TestRenderer.create(<Steps items={items} current={1} />);
+    expect(testRender.root.props.current).toBe(1);
+    expect(testRender.root.props.items).toMatchObject(items);
+  });
+
+  it('should handle onChange event', () => {
+    const onChange = jest.fn();
+    const testRender = TestRenderer.create(<Steps testID="Steps" items={items} current={1} onChange={onChange} />);
+    const testInstance = testRender.root;
+    act(() => {
+      testInstance.findByProps({ testID: 'Steps' }).props.onChange(1);
+    });
+    expect(onChange).toHaveBeenCalledTimes(1);
+  });
+});