@tarojs/taro-rn 4.0.0-beta.78 → 4.0.0-beta.79

package/package.json

@@ -1,11 +1,9 @@
 {
   "name": "@tarojs/taro-rn",
-  "version": "4.0.0-beta.78",
+  "version": "4.0.0-beta.79",
   "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,80 @@
   "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",
+    "@bam.tech/react-native-image-resizer": "~3.0.5",
+    "@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.1.0",
+    "@react-native-community/netinfo": "~11.2.0",
+    "babel-preset-expo": "~10.0.0",
+    "base64-js": "^1.3.0",
+    "deprecated-react-native-prop-types": "^2.3.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",
+    "expo-barcode-scanner": "~12.9.0",
+    "expo-brightness": "~11.8.0",
+    "expo-camera": "~14.0.0",
+    "expo-file-system": "~16.0.0",
+    "expo-image-picker": "~14.7.0",
+    "expo-keep-awake": "~12.8.0",
+    "expo-location": "~16.5.1",
+    "expo-sensors": "~12.9.0",
+    "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/taro": "4.0.0-beta.78",
-    "@tarojs/runtime-rn": "4.0.0-beta.78"
+    "react-native-device-info": "~10.12.0",
+    "react-native-image-zoom-viewer": "^3.0.1",
+    "react-native-root-siblings": "^5.0.1",
+    "react-native-root-toast": "^3.5.1",
+    "react-native-safe-area-context": "~4.8.0",
+    "react-native-stylekit": "^1.0.0",
+    "@tarojs/runtime-rn": "4.0.0-beta.79"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.4",
-    "@babel/parser": "^7.24.4",
-    "@babel/preset-env": "^7.24.4",
-    "@babel/traverse": "^7.24.4",
+    "@babel/core": "^7.23.0",
+    "@babel/preset-env": "^7.20.0",
     "@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",
+    "@types/jest": "^27.4.1",
     "dpdm": "^3.14.0",
-    "expo": "~51.0.5",
-    "jest-expo": "^51.0.1",
+    "expo": "~50.0.2",
+    "fbjs-scripts": "^3.0.1",
+    "jest": "^29.3.1",
+    "jest-cli": "^29.3.1",
+    "jest-environment-node": "^29.5.0",
+    "jest-expo": "^50.0.0",
     "mock-socket": "^7.1.0",
-    "react": "^18.2.0",
-    "react-native": "^0.72.3"
+    "react": "18.2.0",
+    "react-native": "^0.73.1",
+    "react-test-renderer": "18.2.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.5",
+    "@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.1.0",
+    "@react-native-community/netinfo": "~11.2.0",
+    "expo-av": "~13.10.0",
+    "expo-barcode-scanner": "~12.9.0",
+    "expo-brightness": "~11.8.0",
+    "expo-camera": "~14.0.0",
+    "expo-file-system": "~16.0.0",
+    "expo-image-picker": "~14.7.0",
+    "expo-keep-awake": "~12.8.0",
+    "expo-location": "~16.5.1",
+    "expo-sensors": "~12.9.0",
+    "react-native-device-info": "~10.12.0",
+    "react-native-safe-area-context": "~4.8.0"
   },
   "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 --impl=move-remove ./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__/mockRNCCameraRoll.js

@@ -0,0 +1,7 @@
+const CameraRoll = {
+  save: jest.fn((url, { type }) => Promise.resolve(`${type}://${url}`)),
+}
+
+export default {
+  CameraRoll,
+}

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__/__snapshots__/scanCode.test.tsx.snap

@@ -0,0 +1,154 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`scanCode should render scanCode success 1`] = `
+<View
+  style={
+    [
+      {
+        "alignItems": "center",
+        "backgroundColor": "#FFF",
+        "flex": 1,
+        "justifyContent": "center",
+        "position": "absolute",
+        "zIndex": 1000,
+      },
+    ]
+  }
+>
+  <ViewManagerAdapter_ExpoCamera
+    barCodeScannerEnabled={true}
+    barCodeScannerSettings={
+      {
+        "barCodeTypes": [],
+      }
+    }
+    faceDetectorSettings={{}}
+    focusDepth={0}
+    onBarCodeScanned={[Function]}
+    onCameraReady={[Function]}
+    onFacesDetected={[Function]}
+    onMountError={[Function]}
+    onPictureSaved={[Function]}
+    onResponsiveOrientationChanged={[Function]}
+    style={
+      {
+        "height": 1334,
+        "width": 750,
+      }
+    }
+    zoom={0}
+  />
+  <View
+    accessibilityLabel="Close"
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "left": 20,
+        "opacity": 1,
+        "position": "absolute",
+        "top": 10,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "paddingTop": 20,
+        }
+      }
+    >
+      <Image
+        source={1}
+        style={
+          {
+            "height": 25,
+            "marginTop": null,
+            "width": 25,
+          }
+        }
+      />
+    </View>
+  </View>
+  <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onClick={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
+    style={
+      {
+        "bottom": 40,
+        "opacity": 1,
+        "position": "absolute",
+        "right": 20,
+      }
+    }
+  >
+    <View
+      style={
+        {
+          "paddingTop": 20,
+        }
+      }
+    >
+      <Image
+        source={1}
+        style={
+          {
+            "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 = 'mockString'
+      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 = 'mockString'
+      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)
+      })
+    })
+  })
+})

package/src/__tests__/interactive.test.tsx

@@ -0,0 +1,101 @@
+import React from 'react'
+import { Text } from 'react-native'
+import { render, fireEvent } from '@testing-library/react-native';
+import ActionSheet from '../lib/showActionSheet/ActionSheet'
+import Dialog from '../lib/showModal/Dialog'
+import { Mask } from '../lib/Mask'
+import { Popup } from '../lib/Popup'
+
+describe('interactive', function () {
+  describe('showActionSheet', function () {
+    it('should call success callback', function () {
+      const onPress = jest.fn()
+      const { getByText, getAllByText } = render(<ActionSheet
+        autoDectect
+        type={'ios'}
+        visible
+        onClose={jest.fn()}
+        menus={['Option One', 'Option Two'].map((item) => {
+          return {
+            type: 'default',
+            label: item,
+            textStyle: { color: '#000000' },
+            onPress,
+          }
+        })}
+        actions={[
+          {
+            type: 'default',
+            label: 'cancel',
+            textStyle: { color: '#000000' },
+            onPress: jest.fn()
+          }
+        ]}
+      />)
+      expect(getAllByText('Option One')).toHaveLength(1)
+      expect(getAllByText('Option Two')).toHaveLength(1)
+      expect(getAllByText('cancel')).toHaveLength(1)
+      fireEvent.press(getByText('Option One'))
+      expect(onPress).toHaveBeenCalled();
+    })
+  })
+  describe('showModal', function () {
+    it('should render Dialog success', function () {
+      const { getByText } = render(<Dialog
+        visible
+        autoDectect
+        title='TITLE'
+        onClose={jest.fn()}
+        buttons={[
+          {
+            type: '#000000',
+            label: 'cancel',
+            onPress: jest.fn()
+          },
+          {
+            type: '#3CC51F',
+            label: 'confirm',
+            onPress: jest.fn()
+          }
+        ].filter(Boolean)}
+      ><Text>Test</Text></Dialog>)
+      expect(getByText('TITLE')).toHaveStyle({
+        fontSize: 18
+      })
+      expect(getByText('Test')).toHaveStyle({
+        fontSize: 15
+      })
+      expect(getByText('confirm')).toHaveStyle({
+        color: '#3CC51F'
+      })
+      expect(getByText('cancel')).toHaveStyle({
+        color: '#000000'
+      })
+    })
+  })
+  describe('Mask', () => {
+    it('should emit Mask event success', () => {
+      const onPress = jest.fn()
+      const { getByText, getByLabelText } = render(<Mask style={{ backgroundColor: 'red' }} onPress={onPress}><Text>Press me</Text></Mask>)
+      expect(getByLabelText('mask')).toHaveStyle({
+        backgroundColor: 'red'
+      })
+      fireEvent.press(getByText('Press me'));
+      expect(onPress).toHaveBeenCalled();
+    })
+  })
+  describe('Popup', () => {
+    it('should emit Popup event success', async () => {
+      const onShow = jest.fn()
+      const onClose = jest.fn()
+      const { getByText } = render(<Popup
+        visible
+        style={{ backgroundColor: 'red' }}
+        onShow={onShow}
+        onClose={onClose}
+      ><Text>Press me</Text></Popup>)
+      fireEvent.press(getByText('Press me'));
+      expect(onClose).toHaveBeenCalled();
+    })
+  })
+})

package/src/__tests__/keyboard.test.ts

@@ -0,0 +1,46 @@
+import { DeviceEventEmitter } from 'react-native'
+import * as Taro from '../lib/keyboard'
+
+describe('keyboard', () => {
+  it('should hideKeyboard success', () => {
+    const success = jest.fn()
+    const fail = jest.fn()
+    const complete = jest.fn()
+    Taro.hideKeyboard({
+      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 onKeyboardHeightChange success', () => {
+    expect.assertions(4)
+    const endCoordinates = { height: 200 }
+    const change = jest.fn().mockImplementation(({ height }) => expect(height).toBe(endCoordinates.height))
+    Taro.onKeyboardHeightChange(change)
+    DeviceEventEmitter.emit('keyboardDidShow', { endCoordinates })
+    expect(change.mock.calls.length).toBe(1)
+    endCoordinates.height = 0
+    DeviceEventEmitter.emit('keyboardDidHide', { endCoordinates })
+    expect(change.mock.calls.length).toBe(2)
+    Taro.offKeyboardHeightChange(change)
+  })
+
+  it('should offKeyboardHeightChange success', () => {
+    expect.assertions(4)
+    const endCoordinates = { height: 200 }
+    const firstChange = jest.fn()
+    const secondChange = jest.fn()
+    Taro.onKeyboardHeightChange(firstChange)
+    Taro.onKeyboardHeightChange(secondChange)
+    DeviceEventEmitter.emit('keyboardDidShow', { endCoordinates })
+    expect(firstChange.mock.calls.length).toBe(1)
+    expect(secondChange.mock.calls.length).toBe(1)
+    Taro.offKeyboardHeightChange(secondChange)
+    DeviceEventEmitter.emit('keyboardDidHide', { endCoordinates })
+    expect(firstChange.mock.calls.length).toBe(2)
+    expect(secondChange.mock.calls.length).toBe(1)
+  })
+})