test(Tooltip): 增加测试用力

Author: ChenlingasMx

packages/core/src/Toast/README.md

@@ -1,12 +1,12 @@
 Toast 轻提示
 ---
+![](https://user-images.githubusercontent.com/57083007/146734105-6e3c70bf-0d11-45d5-8bd4-c1e31738a4de.gif)<!--rehype:style=zoom: 33%;-->
+
 
 一种轻量级反馈/提示，可以用来显示不会打断用户操作的内容，适合用于页面转场、数据交互的等场景中。
 
 组件基于[`react-native-root-siblings`](https://github.com/magicismight/react-native-root-siblings) 插件开发， 当 `react native >= 0.62` 时，需要在程序中插入一个装入容器
 
-![](https://user-images.githubusercontent.com/57083007/146734105-6e3c70bf-0d11-45d5-8bd4-c1e31738a4de.gif)<!--rehype:style=zoom: 33%;float: right; margin-left: 15px;-->
-
 ```jsx
 import { RootSiblingParent } from 'react-native-root-siblings';
 

packages/core/src/Tooltip/Cloud.tsx

@@ -46,7 +46,7 @@ export default class Cloud extends React.Component<CloudProps> {
             },
           ]}
         />
-        <View style={[{ ...TextContainerStyle }]}>
+        <View testID="RNE__Tooltip__cloud__view" style={[{ ...TextContainerStyle }]}>
           <Text style={[styles.cloudText]}>{title}</Text>
         </View>
       </View>

packages/core/src/Tooltip/index.tsx

@@ -135,6 +135,7 @@ export default class Tooltip extends React.Component<TooltipProps, TooltipState>
     return (
       <View>
         <Modal
+          testID="RNE__Tooltip__wrap"
           animationType="fade" // slide  none  fade
           transparent={true}
           visible={this.state.modalVisible}
@@ -173,7 +174,7 @@ export default class Tooltip extends React.Component<TooltipProps, TooltipState>
           </Animated.View>
         </Modal>
 
-        <Pressable {...{ [toggleAction]: this.onOpen }} delayLongPress={250}>
+        <Pressable testID="RNE__Tooltip__pressable" {...{ [toggleAction]: this.onOpen }} delayLongPress={250}>
           <View style={[styles.followView, { ...this.state.followStyle }]} ref={this.refFollow}>
             {children}
           </View>

test-ci/src/__tests__/tooltip.tsx

@@ -0,0 +1,74 @@
+import { View, Text } from 'react-native';
+import React from 'react';
+import Tooltip from '../lib/Tooltip';
+import { render, fireEvent } from '@testing-library/react-native';
+import { toObject } from '../utils';
+
+describe('Tooltip', () => {
+  it('title', () => {
+    const { getByTestId, getByText } = render(
+      <Tooltip title="标题">
+        <View>
+          <Text>我是一个文本</Text>
+        </View>
+      </Tooltip>,
+    );
+    const pressable = getByTestId('RNE__Tooltip__pressable');
+    fireEvent(pressable, 'press');
+    expect(getByText('标题')).toBeTruthy();
+  });
+  it('height', () => {
+    const { getByTestId } = render(
+      <Tooltip title="标题" height={80}>
+        <View>
+          <Text>我是一个文本</Text>
+        </View>
+      </Tooltip>,
+    );
+    const pressable = getByTestId('RNE__Tooltip__pressable');
+    fireEvent(pressable, 'press');
+    const component = getByTestId('RNE__Tooltip__wrap');
+    expect(component.props.height).toBe(80);
+  });
+  it('width', () => {
+    const { getByTestId } = render(
+      <Tooltip title="标题" width={100}>
+        <View>
+          <Text>我是一个文本</Text>
+        </View>
+      </Tooltip>,
+    );
+    const pressable = getByTestId('RNE__Tooltip__pressable');
+    fireEvent(pressable, 'press');
+    const component = getByTestId('RNE__Tooltip__wrap');
+    expect(component.props.width).toBe(100);
+  });
+  it('backgroundColor', () => {
+    const { getByTestId } = render(
+      <Tooltip backgroundColor="red" title="标题">
+        <View>
+          <Text>我是一个文本</Text>
+        </View>
+      </Tooltip>,
+    );
+    const pressable = getByTestId('RNE__Tooltip__pressable');
+    fireEvent(pressable, 'press');
+    const component = getByTestId('RNE__Tooltip__cloud__view');
+    const styles = toObject(component.props.style);
+    expect(styles.backgroundColor).toBe('red');
+  });
+  it('borderRadius', () => {
+    const { getByTestId } = render(
+      <Tooltip borderRadius={10} title="标题">
+        <View>
+          <Text>我是一个文本</Text>
+        </View>
+      </Tooltip>,
+    );
+    const pressable = getByTestId('RNE__Tooltip__pressable');
+    fireEvent(pressable, 'press');
+    const component = getByTestId('RNE__Tooltip__cloud__view');
+    const styles = toObject(component.props.style);
+    expect(styles.borderRadius).toBe(10);
+  });
+});