Add maestro e2e test for Legacy Style Event (#46784)

Summary:
part of #46757
closes ME2E0006, ME2E0007

## Changelog:

<!-- Help reviewers and the release process by writing your own changelog entry.

Pick one each for the category and type tags:

[ANDROID|GENERAL|IOS|INTERNAL] [BREAKING|ADDED|CHANGED|DEPRECATED|REMOVED|FIXED|SECURITY] - Message

For more details, see:
https://reactnative.dev/contributing/changelogs-in-pull-requests
-->

[Internal] - add e2e test for Legacy Style Event

Pull Request resolved: #46784

Test Plan:
```
yarn e2e-test-ios
yarn e2e-test-android
```

Reviewed By: cortinico

Differential Revision: D64172277

Pulled By: cipolleschi

fbshipit-source-id: adf3a55b354f1a293c4620dc617a6a08e3aebd2b

packages/rn-tester/.maestro/new-arch-examples.yml

@@ -25,3 +25,8 @@ appId: ${APP_ID} # iOS: com.meta.RNTester.localDevelopment | Android: com.facebo
  text: "InWindow x: 0, y: 0, width: 0, height: 0"
 - assertNotVisible:
  text: "InLayout x: 0, y: 0, width: 0, height: 0"
+- assertVisible: "Legacy Style Event Fired 0 times"
+- tapOn:
+ text: "Fire Legacy Style Event"
+ repeat: 10
+- assertVisible: "Legacy Style Event Fired 10 times"

packages/rn-tester/NativeComponentExample/js/MyNativeView.js

@@ -110,6 +110,7 @@ export default function MyNativeView(props: {}): React.Node {
  useState<MeasureStruct>(MeasureStructZero);
  const [legacyMeasureLayout, setLegacyMeasureLayout] =
  useState<MeasureStruct>(MeasureStructZero);
+ const [legacyStyleEventCount, setLegacyStyleEventCount] = useState<number>(0);
 
  return (
  <View ref={containerRef} style={{flex: 1}}>
@@ -130,6 +131,7 @@ export default function MyNativeView(props: {}): React.Node {
  console.log(event.nativeEvent.multiArrays);
  }}
  onLegacyStyleEvent={event => {
+ setLegacyStyleEventCount(prevCount => prevCount + 1);
  console.log(event.nativeEvent.string);
  }}
  />
@@ -242,15 +244,6 @@ export default function MyNativeView(props: {}): React.Node {
  }
  }}
  />
- <Button
- title="Fire Legacy Style Event"
- onPress={() => {
- RNTMyNativeViewCommands.fireLagacyStyleEvent(
- // $FlowFixMe[incompatible-call]
- ref.current,
- );
- }}
- />
  <Text style={{color: 'green', textAlign: 'center'}}>
  &gt; Interop Layer Measurements &lt;
  </Text>
@@ -263,6 +256,18 @@ export default function MyNativeView(props: {}): React.Node {
  <Text style={{color: 'green', textAlign: 'center'}}>
  InLayout {getTextFor(legacyMeasureLayout)}
  </Text>
+ <Button
+ title="Fire Legacy Style Event"
+ onPress={() => {
+ RNTMyNativeViewCommands.fireLagacyStyleEvent(
+ // $FlowFixMe[incompatible-call]
+ ref.current,
+ );
+ }}
+ />
+ <Text style={{color: 'green', textAlign: 'center'}}>
+ Legacy Style Event Fired {legacyStyleEventCount} times
+ </Text>
  <Button
  title="Test setNativeProps"
  onPress={() => {