@tarojs/taro-rn 4.0.1-alpha.1 → 4.0.1

package/package.json

@@ -1,11 +1,9 @@
 {
   "name": "@tarojs/taro-rn",
-  "version": "4.0.1-alpha.1",
+  "version": "4.0.1",
   "description": "Taro RN framework",
-  "author": "O2Team",
-  "license": "MIT",
   "main": "dist/index.js",
-  "types": "types/index.d.ts",
+  "typings": "types/index.d.ts",
   "files": [
     "dist",
     "src",
@@ -20,83 +18,84 @@
   "keywords": [
     "taro"
   ],
-  "engines": {
-    "node": ">= 18"
-  },
+  "author": "O2Team",
+  "license": "MIT",
   "dependencies": {
-    "@bam.tech/react-native-image-resizer": "3.0.9",
-    "@react-native-async-storage/async-storage": "1.23.1",
-    "@react-native-camera-roll/camera-roll": "7.7.0",
-    "@react-native-clipboard/clipboard": "1.14.1",
-    "@react-native-community/geolocation": "3.2.1",
-    "@react-native-community/netinfo": "11.3.2",
-    "base64-js": "^1.5.1",
-    "deprecated-react-native-prop-types": "^5.0.0",
-    "expo-av": "~13.10.0",
-    "expo-barcode-scanner": "~13.0.1",
-    "expo-brightness": "~12.0.1",
-    "expo-camera": "~15.0.8",
-    "expo-file-system": "~17.0.1",
-    "expo-image-picker": "~15.0.4",
-    "expo-keep-awake": "~13.0.1",
-    "expo-location": "~17.0.1",
-    "expo-sensors": "~13.0.6",
+    "@bam.tech/react-native-image-resizer": "~3.0.4",
+    "@react-native-async-storage/async-storage": "~1.17.7",
+    "@react-native-camera-roll/camera-roll": "~5.0.4",
+    "@react-native-clipboard/clipboard": "~1.11.1",
+    "@react-native-community/geolocation": "~3.0.2",
+    "@react-native-community/netinfo": "~9.3.0",
+    "babel-preset-expo": "~9.2.1",
+    "base64-js": "^1.3.0",
+    "deprecated-react-native-prop-types": "^2.3.0",
+    "expo-av": "~13.0.0",
+    "expo-barcode-scanner": "~12.0.0",
+    "expo-brightness": "~11.0.0",
+    "expo-camera": "~13.0.0",
+    "expo-file-system": "~15.1.1",
+    "expo-image-picker": "~14.0.0",
+    "expo-keep-awake": "~11.0.1",
+    "expo-location": "~15.0.1",
+    "expo-sensors": "~12.0.1",
+    "nullthrows": "^1.1.1",
     "prop-types": "^15.8.1",
-    "react-native-device-info": "11.1.0",
-    "react-native-image-zoom-viewer": "3.0.1",
-    "react-native-root-siblings": "5.0.1",
-    "react-native-safe-area-context": "4.10.1",
-    "@tarojs/runtime-rn": "4.0.1-alpha.1",
-    "@tarojs/taro": "4.0.1-alpha.1"
+    "react-native-device-info": "~10.3.0",
+    "react-native-image-zoom-viewer": "^3.0.1",
+    "react-native-root-siblings": "^4.1.1",
+    "react-native-root-toast": "^3.0.1",
+    "react-native-safe-area-context": "~4.4.1",
+    "react-native-stylekit": "^1.0.0",
+    "react-native-syan-image-picker": "0.5.3",
+    "@tarojs/runtime-rn": "4.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.4",
-    "@babel/parser": "^7.24.4",
-    "@babel/preset-env": "^7.24.4",
-    "@babel/traverse": "^7.24.4",
-    "@react-native/babel-preset": "^0.73.18",
-    "@testing-library/jest-native": "^5.4.2",
-    "@testing-library/react-native": "^12.4.1",
-    "cpy-cli": "^5.0.0",
-    "dpdm": "^3.14.0",
-    "expo": "~51.0.5",
-    "jest-expo": "^51.0.1",
+    "@babel/core": "^7.14.5",
+    "@babel/preset-env": "^7.14.5",
+    "@jest/globals": "^26.6.2",
+    "@testing-library/jest-native": "^4.0.4",
+    "@testing-library/react-native": "^11.5.0",
+    "@types/jest": "^27.4.1",
+    "@types/react-native": "^0.69.8",
+    "expo": "~47.0.3",
+    "expo-modules-core": "~1.0.2",
+    "fbjs-scripts": "^3.0.1",
+    "jest": "^26.4.2",
+    "jest-cli": "^26.4.2",
+    "jest-environment-node": "^26.0.0",
+    "jest-expo": "^47.0.0",
+    "metro-react-native-babel-preset": "^0.72.1",
     "mock-socket": "^7.1.0",
-    "react": "^18.2.0",
-    "react-native": "^0.72.3"
+    "react": "18.1.0",
+    "react-native": "^0.70.5",
+    "react-test-renderer": "18.1.0"
   },
   "peerDependencies": {
-    "@bam.tech/react-native-image-resizer": ">= 3.0.0",
-    "@react-native-async-storage/async-storage": ">= 1.21.0",
-    "@react-native-camera-roll/camera-roll": ">= 7.2.0",
-    "@react-native-clipboard/clipboard": ">= 1.13.0",
-    "@react-native-community/geolocation": ">= 3.2.0",
-    "@react-native-community/netinfo": ">= 11.2.0",
-    "expo": ">= 51",
-    "expo-av": ">= 13.10.0",
-    "expo-barcode-scanner": ">= 13",
-    "expo-brightness": ">= 12",
-    "expo-camera": ">= 15",
-    "expo-file-system": ">= 17",
-    "expo-image-picker": ">= 15",
-    "expo-keep-awake": ">= 13",
-    "expo-location": ">= 17",
-    "expo-sensors": ">= 13",
-    "react": ">= 18",
-    "react-native": ">= 0.63.0",
-    "react-native-device-info": ">= 11",
-    "react-native-image-zoom-viewer": ">= 3",
-    "react-native-root-siblings": ">= 5",
-    "react-native-safe-area-context": ">= 4.8.0"
+    "@bam.tech/react-native-image-resizer": "~3.0.4",
+    "@react-native-async-storage/async-storage": "~1.17.7",
+    "@react-native-camera-roll/camera-roll": "~5.0.4",
+    "@react-native-clipboard/clipboard": "~1.11.1",
+    "@react-native-community/geolocation": "~3.0.2",
+    "@react-native-community/netinfo": "~9.3.0",
+    "expo-av": "~13.0.0",
+    "expo-barcode-scanner": "~12.0.0",
+    "expo-brightness": "~11.0.0",
+    "expo-camera": "~13.0.0",
+    "expo-file-system": "~15.1.1",
+    "expo-image-picker": "~14.0.0",
+    "expo-keep-awake": "~11.0.1",
+    "expo-location": "~15.0.1",
+    "expo-sensors": "~12.0.1",
+    "react-native-device-info": "~10.3.0",
+    "react-native-safe-area-context": "~4.4.1",
+    "react-native-syan-image-picker": "0.5.3"
   },
   "scripts": {
-    "prod": "pnpm run build",
     "assets": "cpy 'src/**/*.png' '!src/__tests__/*' dist",
-    "prebuild": "pnpm run clean",
-    "clean": "rimraf --impl=move-remove ./dist apiList.js libList.js",
-    "build": "tsc && pnpm run assets && pnpm run script",
+    "build": "rimraf ./dist && tsc && pnpm run assets && pnpm run script",
     "dev": "pnpm run assets && tsc --watch",
-    "lint": "eslint src script __tests__ --ext .js,.jsx.ts,.tsx",
+    "lint": "eslint .",
     "test": "jest --silent",
     "test:ci": "jest --ci -i --coverage --silent",
     "test:coverage": "jest --coverage",

package/src/__tests__/__mock__/mockAsyncStorage.js

@@ -0,0 +1,47 @@
+export default class MockStorage {
+  constructor (cache = {}) {
+    this.storageCache = cache
+  }
+
+  setItem = jest.fn((key, value) => {
+    return new Promise((resolve, reject) => {
+      return (typeof key !== 'string' || typeof value !== 'string')
+        ? reject(new Error('key and value must be string'))
+        : resolve(this.storageCache[key] = value)
+    })
+  });
+
+  getItem = jest.fn((key) => {
+    return new Promise((resolve) => {
+      // eslint-disable-next-line
+      return this.storageCache.hasOwnProperty(key)
+        ? resolve(this.storageCache[key])
+        : resolve(null)
+    })
+  })
+
+  removeItem = jest.fn((key) => {
+    return new Promise((resolve, reject) => {
+      return this.storageCache.hasOwnProperty(key)
+        ? resolve(delete this.storageCache[key])
+        : reject(new Error('No such key!'))
+    })
+  })
+
+  clear = jest.fn(() => {
+    return new Promise((resolve) => resolve(this.storageCache = {}))
+  })
+
+  getAllKeys = jest.fn(() => {
+    return new Promise((resolve) => resolve(Object.keys(this.storageCache)))
+  })
+
+  multiRemove = jest.fn((keys) => {
+    return new Promise((resolve) => {
+      keys.forEach(key => {
+        this.removeItem(key)
+      })
+      resolve()
+    })
+  })
+}

package/src/__tests__/__mock__/mockClipboard.js

@@ -0,0 +1,15 @@
+class Clipboard {
+  constructor () {
+    this.clipboardData = ''
+  }
+
+  setString (str) {
+    this.clipboardData = str
+  }
+
+  getString () {
+    return Promise.resolve(this.clipboardData)
+  }
+}
+
+export default Clipboard

package/src/__tests__/__mock__/mockNavigator.js

@@ -0,0 +1,20 @@
+const geolocation = {
+  getCurrentPosition (callback) {
+    const res = {}
+    const coords = {
+      latitude: 0,
+      longitude: 0,
+      speed: 0,
+      accuracy: 0,
+      altitude: 0
+    }
+    res.coords = coords
+    res.timestamp = Date.now()
+    callback && callback(res)
+  }
+}
+
+const navigator = {}
+navigator.geolocation = geolocation
+
+export default navigator

package/src/__tests__/__mock__/mockNetwork.js

@@ -0,0 +1,59 @@
+// eslint-disable-next-line
+const noop = () => {}
+
+export default class NetInfo {
+  constructor (connectionType = 'wifi', effectiveConnectionType = '4g') {
+    this.connectionType = connectionType
+    this.effectiveConnectionType = effectiveConnectionType
+    this.eventMaps = {}
+    this.connectedStatus = connectionType === 'wifi' || connectionType === 'cellular'
+  }
+
+  isConnected = {
+    fetch: this.fetch.bind(this)
+  }
+
+  fetch () {
+    return new Promise((resolve) => {
+      resolve({
+        type: this.connectionType,
+      })
+    })
+  }
+
+  getConnectionInfo () {
+    return new Promise((resolve) => {
+      const res = {}
+      res.type = this.connectionType
+      res.effectiveType = this.effectiveConnectionType
+      resolve(res)
+    })
+  }
+
+  addEventListener (eventName, listener = noop) {
+    this.eventMaps[eventName] = listener
+  }
+
+  removeEventListener (eventName, listener = noop) {
+    if (this.eventMaps[eventName] === listener) {
+      delete this.eventMaps[eventName]
+    }
+  }
+
+  // 纯粹为了模拟测试用，主动更改网络状态
+  changeNetworkType (connectionType, effectiveConnectionType = '4g') {
+    if (this.connectionType !== connectionType) {
+      this.connectionType = connectionType
+      if (connectionType === 'cellular') {
+        this.effectiveConnectionType = effectiveConnectionType
+      }
+      this.connectedStatus = connectionType === 'wifi' || connectionType === 'cellular'
+
+      const res = {}
+      res.type = this.connectionType
+      res.effectiveType = this.effectiveConnectionType
+      const fn = this.eventMaps.connectionChange
+      fn && fn(res)
+    }
+  }
+}

package/src/__tests__/__mock__/mockRNCCameraRoll.js

@@ -0,0 +1,16 @@
+const RNCCameraRoll = {
+  deletePhotos: jest.fn(),
+  saveToCameraRoll: jest.fn((url, { type }) => Promise.resolve(`${type}://${url}`)),
+  getPhotos: jest.fn(() => Promise.resolve()),
+}
+const RNCCameraRollPermissionModule = {
+  checkPermission: jest.fn(),
+  requestReadWritePermission: jest.fn(),
+  requestAddOnlyPermission: jest.fn(),
+  refreshPhotoSelection: jest.fn(),
+}
+
+export default {
+  RNCCameraRoll,
+  RNCCameraRollPermissionModule,
+}

package/src/__tests__/__mock__/mockRNCGeolocation.js

@@ -0,0 +1,13 @@
+export const mockGetCurrentPosition = jest.fn()
+
+const RNCGeolocation  = {
+    addListener: jest.fn(),
+    getCurrentPosition: mockGetCurrentPosition,
+    removeListeners: jest.fn(),
+    requestAuthorization: jest.fn(),
+    setConfiguration: jest.fn(),
+    startObserving: jest.fn(),
+    stopObserving: jest.fn(),
+}
+
+export default RNCGeolocation

package/src/__tests__/__mock__/mockVibrate.js

@@ -0,0 +1,6 @@
+const Vibration = {
+  vibrate: jest.fn(),
+  cancel: jest.fn(),
+}
+
+export default Vibration

package/src/__tests__/__snapshots__/scanCode.test.tsx.snap

@@ -0,0 +1,125 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`scanCode should render scanCode success 1`] = `
+<View
+  style={
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#FFF",
+        "flex": 1,
+        "justifyContent": "center",
+        "position": "absolute",
+        "zIndex": 1000,
+      },
+    ]
+  }
+>
+  <ViewManagerAdapter_ExponentCamera
+    onBarCodeScanned={[Function]}
+    onCameraReady={[Function]}
+    onFacesDetected={[Function]}
+    onMountError={[Function]}
+    onPictureSaved={[Function]}
+    proxiedProperties={
+      Object {
+        "autoFocus": undefined,
+        "barCodeScannerEnabled": true,
+        "barCodeScannerSettings": Object {
+          "barCodeTypes": Array [],
+        },
+        "faceDetectorSettings": Object {},
+        "flashMode": undefined,
+        "focusDepth": 0,
+        "type": undefined,
+        "whiteBalance": undefined,
+        "zoom": 0,
+      }
+    }
+    style={
+      Object {
+        "height": 1334,
+        "width": 750,
+      }
+    }
+  />
+  <View
+    accessibilityLabel="Close"
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "left": 20,
+        "opacity": 1,
+        "position": "absolute",
+        "top": 10,
+      }
+    }
+  >
+    <View
+      style={
+        Object {
+          "paddingTop": 20,
+        }
+      }
+    >
+      <Image
+        source={1}
+        style={
+          Object {
+            "height": 25,
+            "marginTop": null,
+            "width": 25,
+          }
+        }
+      />
+    </View>
+  </View>
+  <View
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      Object {
+        "bottom": 40,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 20,
+      }
+    }
+  >
+    <View
+      style={
+        Object {
+          "paddingTop": 20,
+        }
+      }
+    >
+      <Image
+        source={1}
+        style={
+          Object {
+            "height": 20,
+            "width": 20,
+          }
+        }
+      />
+    </View>
+  </View>
+</View>
+`;

package/src/__tests__/clipboard.test.ts

@@ -0,0 +1,88 @@
+import Clipboard from '@react-native-clipboard/clipboard'
+import { getClipboardData } from '../lib/getClipboardData'
+import { setClipboardData } from '../lib/setClipboardData'
+
+const Taro = {
+  setClipboardData,
+  getClipboardData
+}
+
+// 原生模块导出缺少 react_native_1.NativeModules.RNCClipboar setup mock
+
+describe('clipboard', () => {
+  describe('setClipboardData', () => {
+    test('should set value into Clipboard', async () => {
+      const data = 'foo'
+      const success = jest.fn()
+      const fail = jest.fn()
+      const complete = jest.fn()
+
+      expect.assertions(7)
+      const res = await Taro.setClipboardData({
+        data,
+        success,
+        fail,
+        complete
+      })
+      const expectMsg = 'setClipboardData:ok'
+      expect(success.mock.calls.length).toBe(1)
+      expect(success.mock.calls[0][0]).toEqual({ data, errMsg: expectMsg })
+      expect(fail.mock.calls.length).toBe(0)
+      expect(complete.mock.calls.length).toBe(1)
+      expect(complete.mock.calls[0][0]).toEqual({ data, errMsg: expectMsg })
+      expect(res.errMsg).toMatch(expectMsg)
+
+      const clipData = await Clipboard.getString()
+      expect(clipData).toEqual(data)
+    })
+
+    test('should fail when data is not string', () => {
+      const data = {}
+      const success = jest.fn()
+      const fail = jest.fn()
+      const complete = jest.fn()
+
+      // expect.assertions(6)
+      return Taro.setClipboardData({
+        // @ts-ignore
+        data,
+        success,
+        fail,
+        complete
+      }).catch(err => {
+        const expectErrMsg = 'setClipboardData:fail parameter error: parameter.data should be String'
+        expect(success.mock.calls.length).toBe(0)
+        expect(fail.mock.calls.length).toBe(1)
+        expect(fail.mock.calls[0][0]).toEqual({ errMsg: expectErrMsg })
+        expect(complete.mock.calls.length).toBe(1)
+        expect(complete.mock.calls[0][0]).toEqual({ errMsg: expectErrMsg })
+        expect(err.errMsg).toMatch(expectErrMsg)
+      })
+    })
+  })
+
+  describe('getClipboardData', () => {
+    test('可以获得正确的剪切板数据', async () => {
+      const data = 'hey!hey!hey!'
+      const success = jest.fn()
+      const fail = jest.fn()
+      const complete = jest.fn()
+
+      expect.assertions(6)
+      Clipboard.setString(data)
+
+      const res = await Taro.getClipboardData({
+        success,
+        fail,
+        complete
+      })
+      const expectErrMsg = 'getClipboardData:ok'
+      expect(success.mock.calls.length).toBe(1)
+      expect(fail.mock.calls.length).toBe(0)
+      expect(success.mock.calls[0][0]).toEqual({ data, errMsg: expectErrMsg })
+      expect(complete.mock.calls.length).toBe(1)
+      expect(complete.mock.calls[0][0]).toEqual({ data, errMsg: expectErrMsg })
+      expect(res.data).toEqual(data)
+    })
+  })
+})

package/src/__tests__/deviceMotion.test.ts

@@ -0,0 +1,37 @@
+// import { DeviceMotion } from 'expo-sensors'
+import * as Taro from '../lib/deviceMotion'
+
+describe('deviceMotion', () => {
+  it('should startDeviceMotionListening success', () => {
+    const success = jest.fn()
+    const fail = jest.fn()
+    const complete = jest.fn()
+    Taro.startDeviceMotionListening({
+      success,
+      fail,
+      complete,
+    })
+    expect(success.mock.calls.length).toBe(1)
+    expect(fail.mock.calls.length).toBe(0)
+    expect(success.mock.calls.length).toBe(1)
+  })
+  it('should stopDeviceMotionListening success', () => {
+    const success = jest.fn()
+    const fail = jest.fn()
+    const complete = jest.fn()
+    Taro.stopDeviceMotionListening({
+      success,
+      fail,
+      complete,
+    })
+    expect(success.mock.calls.length).toBe(1)
+    expect(fail.mock.calls.length).toBe(0)
+    expect(success.mock.calls.length).toBe(1)
+  })
+  // it('should onDeviceMotionChange success', () => {
+  //   const change = jest.fn().mockImplementation((ret) => {
+  //     expect(0).toBe(0)
+  //   })
+  //   Taro.onDeviceMotionChange(change)
+  // })
+})

package/src/__tests__/geolocation.test.ts

@@ -0,0 +1,60 @@
+import * as Taro from '../lib/getLocation'
+import { mockGetCurrentPosition } from './__mock__/mockRNCGeolocation'
+
+describe('location', () => {
+  describe('getLocation', () => {
+    // test('定位功能返回正常参数', () => {
+    //   const success = jest.fn()
+    //   const fail = jest.fn()
+    //   const complete = jest.fn()
+
+    //   const expectData = {
+    //     latitude: expect.any(Number),
+    //     longitude: expect.any(Number),
+    //     speed: expect.any(Number),
+    //     accuracy: expect.any(Number),
+    //     altitude: expect.any(Number),
+    //     verticalAccuracy: expect.any(Number),
+    //     horizontalAccuracy: expect.any(Number),
+    //   }
+
+    //   expect.assertions(6)
+
+    //   return Taro.getLocation({
+    //     success,
+    //     fail,
+    //     complete
+    //   }).then((res) => {
+    //     expect(success.mock.calls.length).toBe(1)
+    //     expect(fail.mock.calls.length).toBe(0)
+    //     expect(complete.mock.calls.length).toBe(1)
+    //     expect(complete.mock.calls[0][0]).toEqual(expect.objectContaining(expectData))
+    //     expect(success.mock.calls[0][0]).toEqual(expect.objectContaining(expectData))
+    //     expect(res).toEqual(expect.objectContaining(expectData))
+    //   })
+    // })
+    test('定位方法正常调用', () => {
+      const success = jest.fn()
+      const fail = jest.fn()
+      const complete = jest.fn()
+
+      // const expectData = {
+      //   latitude: expect.any(Number),
+      //   longitude: expect.any(Number),
+      //   speed: expect.any(Number),
+      //   accuracy: expect.any(Number),
+      //   altitude: expect.any(Number),
+      //   verticalAccuracy: expect.any(Number),
+      //   horizontalAccuracy: expect.any(Number),
+      // }
+
+      Taro.getLocation({
+        success,
+        fail,
+        complete
+      }).then(() => {
+        expect(mockGetCurrentPosition.mock.calls.length).toBe(1)
+      })
+    })
+  })
+})