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
microsoft · Nov 14, 2023 · 22077c3 · 22077c3
1 parent 7d579a3
commit 22077c3
Show file tree

Hide file tree

Showing 29 changed files with 32,437 additions and 4,928 deletions.
diff --git a/change/react-native-windows-8059f3d2-3b58-44ac-8d93-64784c10f722.json b/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": "34109996+chiaramooney@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/e2e-test-app-fabric/test/ButtonComponentTest.test.ts b/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');
 });
 

diff --git a/packages/e2e-test-app-fabric/test/HomeUIADump.test.ts b/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', () => {

diff --git a/packages/e2e-test-app-fabric/test/PressableComponentTest.test.ts b/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');
 });
 

diff --git a/packages/e2e-test-app-fabric/test/ScrollViewComponentTest.test.ts b/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');
 });
 

diff --git a/packages/e2e-test-app-fabric/test/TextComponentTest.test.ts b/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');
 });
 

diff --git a/packages/e2e-test-app-fabric/test/TextInputComponentTest.test.ts b/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');
 });
 

diff --git a/packages/e2e-test-app-fabric/test/TouchableComponentTest.test.ts b/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');
 });
 

diff --git a/packages/e2e-test-app-fabric/test/ViewComponentTest.test.ts b/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');
 });