feat(imageViewer):新增ImageViewer测试用例

Author: huqiaoli

packages/core/src/ImageViewer/index.tsx

@@ -1,17 +1,5 @@
-import { number } from 'prop-types';
 import React, { useState, useMemo, useRef } from 'react';
-import {
-  StyleSheet,
-  TouchableOpacity,
-  ViewProps,
-  ViewStyle,
-  Dimensions,
-  View,
-  Text,
-  StyleProp,
-  Image,
-  Animated,
-} from 'react-native';
+import { StyleSheet, ViewProps, Dimensions, View, Image, Animated } from 'react-native';
 import TransitionImage, { ImageProps } from '../TransitionImage';
 import MaskLayer, { MaskLayerProps } from '../MaskLayer';
 import { ActivityIndicator } from 'react-native';

test-ci/mock.js

@@ -0,0 +1 @@
+jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');

test-ci/package.json

@@ -19,15 +19,15 @@
     "@react-native-community/eslint-config": "^2.0.0",
     "@testing-library/react-native": "^11.5.0",
     "@tsconfig/react-native": "^2.0.2",
-    "@types/jest": "^26.0.23",
+    "@types/jest": "^29.2.5",
     "@types/react": "^18.0.21",
     "@types/react-native": "^0.70.6",
     "@types/react-test-renderer": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.37.0",
     "@typescript-eslint/parser": "^5.37.0",
-    "babel-jest": "^26.6.3",
+    "babel-jest": "^29.3.1",
     "eslint": "^7.32.0",
-    "jest": "^26.6.3",
+    "jest": "^29.3.1",
     "metro-react-native-babel-preset": "0.72.3",
     "react-test-renderer": "18.1.0",
     "typescript": "^4.8.3",
@@ -44,6 +44,9 @@
     "react-native-svg": "12.1.1"
   },
   "jest": {
+    "setupFiles": [
+      "./mock.js"
+    ],
     "preset": "react-native",
     "moduleFileExtensions": [
       "ts",

test-ci/src/__tests__/imageViewer.tsx

@@ -0,0 +1,17 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import ImageViewer from '../lib/ImageViewer';
+import jest from 'jest';
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+const defaultImage = 'https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg';
+it('ImageViewer', () => {
+  const component = renderer.create(<ImageViewer height={100} width={100} src={defaultImage} />);
+  expect(component.root.props.height).toBe(100);
+  expect(component.root.props.width).toBe(100);
+  expect(component.root.props.src).toStrictEqual(defaultImage);
+});