Wes/more e2 e tests

[wesrisenmay-mx]

No description provided.

[codingLogan]

👀 I'm checking this out locally now to review it

[codingLogan]

👀 I'm checking this out locally now to review it

Solution to the below problem

There is a dev overlay, but something isn't working properly with it in the iOS simulator. I was able to use Command + D to remove the overlay and interact with the app

Problem

I ensured my XCode and simulator are up to date, and ran multiple fresh npm ci installs in the root folder and the example folder while troubleshooting the problems.

I cannot get the app to "work". It opens in my iOS simulator, but it's greyed out and non-interactive. I'm following the Development readme to launch it on iOS (haven't tried Android yet)

There are a few warnings in the Expo run. I'm using npm run dev from the docs, and it has these warnings at the end (just warnings though, no errors:

 WARN  SafeAreaView has been deprecated and will be removed in a future release. Please use 'react-native-safe-area-context' instead. See https://github.com/th3rdwave/react-native-safe-area-context
 WARN  ⚠️ React Router Future Flag Warning: React Router will begin wrapping state updates in `React.startTransition` in v7. You can use the `v7_startTransition` future flag to opt-in early. For more information, see https://reactrouter.com/v6/upgrading/future#v7_starttransition.
 WARN  ⚠️ React Router Future Flag Warning: Relative route resolution within Splat routes is changing in v7. You can use the `v7_relativeSplatPath` future flag to opt-in early. For more information, see https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath.

There are also some Typescript errors that show up when running the dependencies with npm run dev:dependencies

[dev:sdk] src/components/make_component.tsx:15:3 - error TS4081: Exported type alias 'Props' has or is using private name 'JSX'.
[dev:sdk] 
[dev:sdk] 15   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/components/make_component.tsx:23:63 - error TS4016: Type parameter 'Props' of exported function has or is using private name 'JSX'.
[dev:sdk] 
[dev:sdk] 23 export function makeWidgetComponentWithDefaults<Props extends JSX.IntrinsicAttributes>(
[dev:sdk]                                                                  ~~~
[dev:sdk] src/components/ConnectWidgets.tsx:19:3 - error TS4081: Exported type alias 'ConnectWidgetProps' has or is using private name 'JSX'.
[dev:sdk] 
[dev:sdk] 19   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/components/PulseWidgets.tsx:13:3 - error TS4081: Exported type alias 'PulseWidgetProps' has or is using private name 'JSX'.
[dev:sdk] 
[dev:sdk] 13   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/components/ConnectWidgets.tsx:19:3 - error TS2503: Cannot find namespace 'JSX'.
[dev:sdk] 
[dev:sdk] 19   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/components/make_component.tsx:15:3 - error TS2503: Cannot find namespace 'JSX'.
[dev:sdk] 
[dev:sdk] 15   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/components/make_component.tsx:23:63 - error TS2503: Cannot find namespace 'JSX'.
[dev:sdk] 
[dev:sdk] 23 export function makeWidgetComponentWithDefaults<Props extends JSX.IntrinsicAttributes>(
[dev:sdk]                                                                  ~~~
[dev:sdk] src/components/PulseWidgets.tsx:13:3 - error TS2503: Cannot find namespace 'JSX'.
[dev:sdk] 
[dev:sdk] 13   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/platform/deeplink.ts:1:32 - error TS2305: Module '"react-native"' has no exported member 'LinkingStatic'.
[dev:sdk] 
[dev:sdk] 1 import { Linking as RNLinking, LinkingStatic } from "react-native"
[dev:sdk]                                  ~~~~~~~~~~~~~
[dev:sdk] src/components/ConnectWidgets.tsx:19:3 - error TS4081: Exported type alias 'ConnectWidgetProps' has or is using private name 'JSX'.
[dev:sdk] 
[dev:sdk] 19   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/components/PulseWidgets.tsx:13:3 - error TS4081: Exported type alias 'PulseWidgetProps' has or is using private name 'JSX'.
[dev:sdk] 
[dev:sdk] 13   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/components/make_component.tsx:15:3 - error TS4081: Exported type alias 'Props' has or is using private name 'JSX'.
[dev:sdk] 
[dev:sdk] 15   JSX.IntrinsicAttributes
[dev:sdk]      ~~~
[dev:sdk] src/components/make_component.tsx:23:63 - error TS4016: Type parameter 'Props' of exported function has or is using private name 'JSX'.
[dev:sdk] 
[dev:sdk] 23 export function makeWidgetComponentWithDefaults<Props extends JSX.IntrinsicAttributes>(

I'm not sure what is being missed, but I'm unable to get the example app working on my machine

• Macbook Pro 14 inch 2023
• Apple M3 Pro
• macOS Tahoe 26.2

[codingLogan]

@wesrisenmay-mx some flows fail for my user, there's likely some data that is different between our two users. We might need to define which user to test with if we want tests to consistently pass between developers.

> example@1.0.0 e2e
> maestro test ./maestro/


Waiting for flows to complete...
[Failed] spendingWidget (1m 27s) (Assertion is false: "Income" is visible)
[Passed] budgetsWidget (7s)
[Failed] goalsWidget (1m 27s) (Assertion is false: ".*Total.*" is visible)
[Passed] transactionsWidget (8s)
[Passed] connectWidget (7s)
[Passed] pulseWidget (7s)

2/6 Flows Failed

[codingLogan]

e2e test results

Waiting for flows to complete...
[Passed] spendingWidget (9s)
[Passed] budgetsWidget (15s)
[Passed] goalsWidget (9s)
[Passed] transactionsWidget (7s)
[Passed] connectWidget (8s)
[Passed] pulseWidget (7s)

6/6 Flows Passed in 55s