Add Visual Tree Dump Testing to E2E Test App on Fabric (#12322)

* Add Entry for Visual Tree

* Update Snapshots

* Adjust Code

* Save State: Grab Root Visual Properties

* Add Comments to Tree, Comments are TestId

* Save State: Working Visual Tree Dump Tests

* Fix Code

* Remove Unneeded

* Format

* Change files

* Cleanup

* Remove Unneeded

* Save State

* Fix for WinAppSDK Changes

* Remove Unneeded

* Format

* Remove Size

* Edit Snapshots

* Test Fixed Size

* Fix Dumps

Author: chiaramooney

change/react-native-windows-8059f3d2-3b58-44ac-8d93-64784c10f722.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Save State: Working Visual Tree Dump Tests",
+  "packageName": "react-native-windows",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/e2e-test-app-fabric/test/ButtonComponentTest.test.ts

@@ -13,6 +13,7 @@ import {app} from '@react-native-windows/automation';
 beforeAll(async () => {
   // If window is partially offscreen, tests will fail to click on certain elements
   await app.setWindowPosition(0, 0);
+  await app.setWindowSize(1000, 1250);
   await goToComponentExample('Button');
 });
 

packages/e2e-test-app-fabric/test/HomeUIADump.test.ts

@@ -36,6 +36,7 @@ afterEach(async () => {
 beforeAll(async () => {
   // If window is partially offscreen, tests will fail to click on certain elements
   await app.setWindowPosition(0, 0);
+  await app.setWindowSize(1000, 1250);
 });
 
 describe('Home UIA Tree Dump', () => {

packages/e2e-test-app-fabric/test/PressableComponentTest.test.ts

@@ -13,6 +13,7 @@ import {app} from '@react-native-windows/automation';
 beforeAll(async () => {
   // If window is partially offscreen, tests will fail to click on certain elements
   await app.setWindowPosition(0, 0);
+  await app.setWindowSize(1000, 1250);
   await goToComponentExample('Pressable');
 });
 

packages/e2e-test-app-fabric/test/ScrollViewComponentTest.test.ts

@@ -13,6 +13,7 @@ import {app} from '@react-native-windows/automation';
 beforeAll(async () => {
   // If window is partially offscreen, tests will fail to click on certain elements
   await app.setWindowPosition(0, 0);
+  await app.setWindowSize(1000, 1250);
   await goToComponentExample('ScrollView');
 });
 

packages/e2e-test-app-fabric/test/TextComponentTest.test.ts

@@ -13,6 +13,7 @@ import {app} from '@react-native-windows/automation';
 beforeAll(async () => {
   // If window is partially offscreen, tests will fail to click on certain elements
   await app.setWindowPosition(0, 0);
+  await app.setWindowSize(1000, 1250);
   await goToComponentExample('Text');
 });
 

packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts

@@ -13,6 +13,7 @@ import {app} from '@react-native-windows/automation';
 beforeAll(async () => {
   // If window is partially offscreen, tests will fail to click on certain elements
   await app.setWindowPosition(0, 0);
+  await app.setWindowSize(1000, 1250);
   await goToComponentExample('TextInput');
 });
 

packages/e2e-test-app-fabric/test/TouchableComponentTest.test.ts

@@ -13,6 +13,7 @@ import {app} from '@react-native-windows/automation';
 beforeAll(async () => {
   // If window is partially offscreen, tests will fail to click on certain elements
   await app.setWindowPosition(0, 0);
+  await app.setWindowSize(1000, 1250);
   await goToComponentExample('Touchable* and onPress');
 });
 

packages/e2e-test-app-fabric/test/ViewComponentTest.test.ts

@@ -13,6 +13,7 @@ import {verifyNoErrorLogs} from './Helpers';
 beforeAll(async () => {
   // If window is partially offscreen, tests will fail to click on certain elements
   await app.setWindowPosition(0, 0);
+  await app.setWindowSize(1000, 1250);
   await goToComponentExample('View');
 });