Maestro not recognizing text inside an SVG component in React Native

[YassineOujaa77]

Is there an existing issue for this?

• I have searched the existing issues and didn't find mine.

Steps to reproduce

1. Render a screen in a React Native app that includes an SVG component from react-native-svg.
   `import Svg, { Text } from 'react-native-svg';

const Example = () => (


Hello


);

export default Example;
`

2. Create a Maestro test with the following assertion:
   - assertVisible: "Hello"

3. Run the Maestro test on the app.

Actual results

When using the assertVisible action with the text "Hello", Maestro fails the assertion, even though the text is visible on the screen. The text is rendered inside an SVG component provided by the react-native-svg library.

Expected results

Maestro should recognize and validate the text "Hello" inside the SVG component, as it is clearly visible in the app's UI.

About app

Framework: React Native
SVG Library: react-native-svg

About environment

java version "17.0.11" 2024-04-16 LTS
OS and its version macOs 11.6
Processor architecture 2,2 GHz 6-Core Intel Core i7

Logs

No response

Maestro version

1.39.1

How did you install Maestro?

install script (https://get.maestro.mobile.dev)

Anything else?

No response

[linear]

MA-2635 Maestro not recognizing text inside an SVG component in React Native