diff --git a/jest.config.native.js b/jest.config.native.js index 48ba58c4a8..7f70a3a9ff 100644 --- a/jest.config.native.js +++ b/jest.config.native.js @@ -36,7 +36,7 @@ module.exports = { '/../../suite-native/firmware/src/jestSetup.js', '/../../suite-native/connection-status/src/jestSetup.js', '/../../suite-native/react-native-graph/src/jestSetup.js', - '/../../suite-native/atoms/src/jestSetup.js', + '/../../suite-native/atoms/src/jestSetup.jsx', '/../../suite-native/module-trading/src/jest.setup.tsx', ], }; diff --git a/suite-native/atoms/src/Skeleton/BoxSkeleton.tsx b/suite-native/atoms/src/Skeleton/BoxSkeleton.tsx index 3fd13504aa..05836f626f 100644 --- a/suite-native/atoms/src/Skeleton/BoxSkeleton.tsx +++ b/suite-native/atoms/src/Skeleton/BoxSkeleton.tsx @@ -1,4 +1,5 @@ import React, { useEffect, useMemo } from 'react'; +import { AccessibilityProps } from 'react-native'; import { interpolate, useDerivedValue, @@ -29,7 +30,7 @@ type BoxSkeletonProps = { width: number; elevation?: SurfaceElevation; borderRadius?: NativeRadius | number; -}; +} & AccessibilityProps; const ANIMATION_DURATION = 1200; @@ -51,6 +52,7 @@ export const BoxSkeleton = ({ width, elevation = '1', borderRadius = 'r8', + ...accessibilityProps }: BoxSkeletonProps) => { const { utils: { colors }, @@ -83,7 +85,7 @@ export const BoxSkeleton = ({ ); return ( - + diff --git a/suite-native/atoms/src/jestSetup.js b/suite-native/atoms/src/jestSetup.js deleted file mode 100644 index da49f7af54..0000000000 --- a/suite-native/atoms/src/jestSetup.js +++ /dev/null @@ -1,3 +0,0 @@ -jest.mock('./Skeleton/BoxSkeleton', () => ({ - BoxSkeleton: () => null, -})); diff --git a/suite-native/atoms/src/jestSetup.jsx b/suite-native/atoms/src/jestSetup.jsx new file mode 100644 index 0000000000..987cce4d6b --- /dev/null +++ b/suite-native/atoms/src/jestSetup.jsx @@ -0,0 +1,5 @@ +import { View as MockView } from 'react-native'; + +jest.mock('./Skeleton/BoxSkeleton', () => ({ + BoxSkeleton: props => , +}));