diff --git a/packages/e2e-test-app-fabric/test/HomeUIADump.test.ts b/packages/e2e-test-app-fabric/test/HomeUIADump.test.ts deleted file mode 100644 index b34262affd5..00000000000 --- a/packages/e2e-test-app-fabric/test/HomeUIADump.test.ts +++ /dev/null @@ -1,85 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * Licensed under the MIT License. - * - * @format - */ - -import {app} from '@react-native-windows/automation'; -import {verifyNoErrorLogs} from './Helpers'; -import {dumpVisualTree} from '@react-native-windows/automation-commands'; - -type RNTesterExampleModule = { - title: string; - description: string; -}; - -type RNTesterModuleInfo = { - key: string; - module: RNTesterExampleModule; -}; - -type RNTesterList = { - APIs: RNTesterModuleInfo[]; - Components: RNTesterModuleInfo[]; -}; - -const testerList: RNTesterList = require('@react-native-windows/tester/js/utils/RNTesterList'); - -const apiExamples = testerList.APIs.map(e => e.module.title); -const componentExamples = testerList.Components.map(e => e.module.title); - -afterEach(async () => { - await verifyNoErrorLogs(); -}); - -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', () => { - test('Components Tab', async () => { - const componentsTabButton = await app.findElementByTestID('components-tab'); - await componentsTabButton.waitForDisplayed({timeout: 20000}); - const dump = await dumpVisualTree('components-tab'); - expect(dump).toMatchSnapshot(); - }); - test('APIs Tab', async () => { - const apisTabButton = await app.findElementByTestID('apis-tab'); - await apisTabButton.waitForDisplayed({timeout: 20000}); - const dump = await dumpVisualTree('apis-tab'); - expect(dump).toMatchSnapshot(); - }); - test('Search Bar', async () => { - const component = await app.findElementByTestID('explorer_search'); - await component.waitForDisplayed({timeout: 20000}); - const dump = await dumpVisualTree('explorer_search'); - expect(dump).toMatchSnapshot(); - }); - for (const component of componentExamples) { - test(component, async () => { - const componentsTabButton = await app.findElementByTestID( - 'components-tab', - ); - await componentsTabButton.click(); - const componentTile = await app.findElementByTestID(component); - await componentTile.waitForDisplayed({timeout: 20000}); - const dump = await dumpVisualTree(component); - expect(dump).toMatchSnapshot(); - }); - } - for (const api of apiExamples) { - test(api, async () => { - const apisTabButton = await app.findElementByTestID('apis-tab'); - await apisTabButton.click(); - const apiTile = await app.findElementByTestID(api); - await apiTile.waitForDisplayed({timeout: 20000}); - const dump = await dumpVisualTree(api); - expect(dump).toMatchSnapshot(); - }); - } -}); - -export {}; diff --git a/packages/e2e-test-app-fabric/test/__snapshots__/HomeUIADump.test.ts.snap b/packages/e2e-test-app-fabric/test/__snapshots__/HomeUIADump.test.ts.snap deleted file mode 100644 index ba636f255e1..00000000000 --- a/packages/e2e-test-app-fabric/test/__snapshots__/HomeUIADump.test.ts.snap +++ /dev/null @@ -1,6926 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`Home UIA Tree Dump APIs Tab 1`] = ` -{ - "Automation Tree": { - "AutomationId": "apis-tab", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "APIs", - "TextRangePattern.GetText": "APIs", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "TestId": "apis-tab", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": {}, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ImageComponentView", - "_Props": { - "Sources": [ - { - "Size": "111, 72", - "Type": "Local", - "Uri": "?unstable_path=_@react-native-windows/tester/js/assets/bottom-nav-apis-icon-light.png", - }, - ], - }, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(243, 248, 255, 255)", - }, - "Comment": "apis-tab", - "Offset": "0, 0, 0", - "Size": "333, 65", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "333, 65", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "333, 65", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "151, 13, 0", - "Size": "30, 20", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "30, 20", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "0, 0", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, - { - "Offset": "153, 33, 0", - "Size": "27, 19", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "27, 19", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Accessibility 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Accessibility", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Accessibility Examples of using Accessibility APIs.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Accessibility", - "TextRangePattern.GetText": "Accessibility", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Examples of using Accessibility APIs.", - "TextRangePattern.GetText": "Examples of using Accessibility APIs.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Accessibility Examples of using Accessibility APIs.", - "TestId": "Accessibility", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Accessibility", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "96, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "96, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Accessibility Windows 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Accessibility Windows", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Accessibility Windows Usage of accessibility properties.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Accessibility Windows", - "TextRangePattern.GetText": "Accessibility Windows", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Usage of accessibility properties.", - "TextRangePattern.GetText": "Usage of accessibility properties.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Accessibility Windows Usage of accessibility properties.", - "TestId": "Accessibility Windows", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Accessibility Windows", - "Offset": "0, 0, 0", - "Size": "966, 77", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "174, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "174, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump AccessibilityInfo 1`] = ` -{ - "Automation Tree": { - "AutomationId": "AccessibilityInfo", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "AccessibilityInfo Examples of using AccessibilityInfo APIs.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "AccessibilityInfo", - "TextRangePattern.GetText": "AccessibilityInfo", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Examples of using AccessibilityInfo APIs.", - "TextRangePattern.GetText": "Examples of using AccessibilityInfo APIs.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "AccessibilityInfo Examples of using AccessibilityInfo APIs.", - "TestId": "AccessibilityInfo", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "AccessibilityInfo", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "127, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "127, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump ActivityIndicator 1`] = ` -{ - "Automation Tree": { - "AutomationId": "ActivityIndicator", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "ActivityIndicator Animated loading indicators.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "ActivityIndicator", - "TextRangePattern.GetText": "ActivityIndicator", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Animated loading indicators.", - "TextRangePattern.GetText": "Animated loading indicators.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "ActivityIndicator Animated loading indicators.", - "TestId": "ActivityIndicator", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "ActivityIndicator", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "129, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "129, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Alerts 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Alerts", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Alerts Alerts display a concise and informative message and prompt the user to make a decision.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Alerts", - "TextRangePattern.GetText": "Alerts", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Alerts display a concise and informative message and prompt the user to make a decision.", - "TextRangePattern.GetText": "Alerts display a concise and informative message and prompt the user to make a decision.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Alerts Alerts display a concise and informative message and prompt the user to make a decision.", - "TestId": "Alerts", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Alerts", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "46, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "46, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Animated - Gratuitous App 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Animated - Gratuitous App", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Animated - Gratuitous App Bunch of Animations - tap a circle to open a view with more animations, or longPress and drag to reorder circles.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Animated - Gratuitous App", - "TextRangePattern.GetText": "Animated - Gratuitous App", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Bunch of Animations - tap a circle to open a view with more animations, or longPress and drag to reorder circles.", - "TextRangePattern.GetText": "Bunch of Animations - tap a circle to open a view with more animations, or longPress and drag to reorder circles.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Animated - Gratuitous App Bunch of Animations - tap a circle to open a view with more animations, or longPress and drag to reorder circles.", - "TestId": "Animated - Gratuitous App", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Animated - Gratuitous App", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "215, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "215, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Animated 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Animated", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Animated Library designed to make animations fluid, powerful, and painless to build and maintain.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Animated", - "TextRangePattern.GetText": "Animated", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Library designed to make animations fluid, powerful, and painless to build and maintain.", - "TextRangePattern.GetText": "Library designed to make animations fluid, powerful, and painless to build and maintain.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Animated Library designed to make animations fluid, powerful, and painless to build and maintain.", - "TestId": "Animated", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Animated", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "77, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "77, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump AppState 1`] = ` -{ - "Automation Tree": { - "AutomationId": "AppState", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "AppState app background status", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "AppState", - "TextRangePattern.GetText": "AppState", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "app background status", - "TextRangePattern.GetText": "app background status", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "AppState app background status", - "TestId": "AppState", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "AppState", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "73, 24", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "73, 24", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Appearance 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Appearance", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Appearance Light and dark user interface examples.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Appearance", - "TextRangePattern.GetText": "Appearance", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Light and dark user interface examples.", - "TextRangePattern.GetText": "Light and dark user interface examples.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Appearance Light and dark user interface examples.", - "TestId": "Appearance", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Appearance", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "95, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "95, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Border 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Border", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Border Demonstrates some of the border styles available to Views.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Border", - "TextRangePattern.GetText": "Border", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Demonstrates some of the border styles available to Views.", - "TextRangePattern.GetText": "Demonstrates some of the border styles available to Views.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Border Demonstrates some of the border styles available to Views.", - "TestId": "Border", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Border", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "54, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "54, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Button 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Button", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Button Simple React Native button component.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Button", - "TextRangePattern.GetText": "Button", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Simple React Native button component.", - "TextRangePattern.GetText": "Simple React Native button component.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Button Simple React Native button component.", - "TestId": "Button", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Button", - "Offset": "0, 0, 0", - "Size": "966, 77", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "54, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "54, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Components Tab 1`] = ` -{ - "Automation Tree": { - "AutomationId": "components-tab", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Components", - "TextRangePattern.GetText": "Components", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "TestId": "components-tab", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": {}, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ImageComponentView", - "_Props": { - "Sources": [ - { - "Size": "66, 72", - "Type": "Local", - "Uri": "?unstable_path=_@react-native-windows/tester/js/assets/bottom-nav-components-icon-dark.png", - }, - ], - }, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(243, 248, 255, 255)", - }, - "Comment": "components-tab", - "Offset": "0, 0, 0", - "Size": "333, 65", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "333, 65", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "333, 65", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "0, 2", - "Visual Type": "SpriteVisual", - }, - { - "Offset": "0, 0, 0", - "Size": "-0, 2", - "Visual Type": "SpriteVisual", - }, - { - "Offset": "-0, 0, 0", - "Size": "0, 2", - "Visual Type": "SpriteVisual", - }, - { - "Offset": "-0, 2, 0", - "Size": "0, -2", - "Visual Type": "SpriteVisual", - }, - { - "Offset": "-0, -0, 0", - "Size": "0, 0", - "Visual Type": "SpriteVisual", - }, - { - "Offset": "0, -0, 0", - "Size": "-0, 0", - "Visual Type": "SpriteVisual", - }, - { - "Offset": "0, -0, 0", - "Size": "0, 0", - "Visual Type": "SpriteVisual", - }, - { - "Offset": "0, 2, 0", - "Size": "0, -2", - "Visual Type": "SpriteVisual", - }, - { - "Offset": "156, 14, 0", - "Size": "20, 20", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "20, 20", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "0, 0", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, - { - "Offset": "126, 34, 0", - "Size": "80, 19", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "80, 19", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Composition Bugs Example 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Composition Bugs Example", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Composition Bugs Example See bugs in UI.Composition driven native animations", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Composition Bugs Example", - "TextRangePattern.GetText": "Composition Bugs Example", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "See bugs in UI.Composition driven native animations", - "TextRangePattern.GetText": "See bugs in UI.Composition driven native animations", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Composition Bugs Example See bugs in UI.Composition driven native animations", - "TestId": "Composition Bugs Example", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Composition Bugs Example", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "217, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "217, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump ContentURLAndroid 1`] = ` -{ - "Automation Tree": { - "AutomationId": "ContentURLAndroid", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "ContentURLAndroid Android specific fetch content:// scheme urls as blob.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "ContentURLAndroid", - "TextRangePattern.GetText": "ContentURLAndroid", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Android specific fetch content:// scheme urls as blob.", - "TextRangePattern.GetText": "Android specific fetch content:// scheme urls as blob.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "ContentURLAndroid Android specific fetch content:// scheme urls as blob.", - "TestId": "ContentURLAndroid", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "ContentURLAndroid", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "160, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "160, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Crash 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Crash", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Crash Crash examples.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Crash", - "TextRangePattern.GetText": "Crash", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Crash examples.", - "TextRangePattern.GetText": "Crash examples.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Crash Crash examples.", - "TestId": "Crash", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Crash", - "Offset": "0, 0, 0", - "Size": "966, 77", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "45, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "45, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Custom Native Accessibility Example 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Custom Native Accessibility Example", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Custom Native Accessibility Example Sample of a Custom Native Component overriding default accessibility", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Custom Native Accessibility Example", - "TextRangePattern.GetText": "Custom Native Accessibility Example", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Sample of a Custom Native Component overriding default accessibility", - "TextRangePattern.GetText": "Sample of a Custom Native Component overriding default accessibility", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Custom Native Accessibility Example Sample of a Custom Native Component overriding default accessibility", - "TestId": "Custom Native Accessibility Example", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Custom Native Accessibility Example", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "290, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "290, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump DevSettings 1`] = ` -{ - "Automation Tree": { - "AutomationId": "DevSettings", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "DevSettings Customize the development settings", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "DevSettings", - "TextRangePattern.GetText": "DevSettings", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Customize the development settings", - "TextRangePattern.GetText": "Customize the development settings", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "DevSettings Customize the development settings", - "TestId": "DevSettings", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "DevSettings", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "95, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "95, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Dimensions 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Dimensions", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Dimensions Dimensions of the viewport", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Dimensions", - "TextRangePattern.GetText": "Dimensions", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Dimensions of the viewport", - "TextRangePattern.GetText": "Dimensions of the viewport", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Dimensions Dimensions of the viewport", - "TestId": "Dimensions", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Dimensions", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "93, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "93, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Display: contents 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Display: contents", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Display: contents Demonstrates various ways display: contents may be used in the tree", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Display: contents", - "TextRangePattern.GetText": "Display: contents", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Demonstrates various ways display: contents may be used in the tree", - "TextRangePattern.GetText": "Demonstrates various ways display: contents may be used in the tree", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Display: contents Demonstrates various ways display: contents may be used in the tree", - "TestId": "Display: contents", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Display: contents", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "135, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "135, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Display:none Style 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Display:none Style", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Display:none Style Style prop which will collapse the element in XAML tree.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Display:none Style", - "TextRangePattern.GetText": "Display:none Style", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Style prop which will collapse the element in XAML tree.", - "TextRangePattern.GetText": "Style prop which will collapse the element in XAML tree.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Display:none Style Style prop which will collapse the element in XAML tree.", - "TestId": "Display:none Style", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Display:none Style", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "145, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "145, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Drawing Island Example 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Drawing Island Example", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Drawing Island Example Sample Fabric Native Component that contains a custom ContentIsland", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Drawing Island Example", - "TextRangePattern.GetText": "Drawing Island Example", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Sample Fabric Native Component that contains a custom ContentIsland", - "TextRangePattern.GetText": "Sample Fabric Native Component that contains a custom ContentIsland", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Drawing Island Example Sample Fabric Native Component that contains a custom ContentIsland", - "TestId": "Drawing Island Example", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Drawing Island Example", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "190, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "190, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Fabric Native Component 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Fabric Native Component", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Fabric Native Component Sample Fabric Native Component that sizes based on max desired size of native XAML contained within", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Fabric Native Component", - "TextRangePattern.GetText": "Fabric Native Component", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Sample Fabric Native Component that sizes based on max desired size of native XAML contained within", - "TextRangePattern.GetText": "Sample Fabric Native Component that sizes based on max desired size of native XAML contained within", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Fabric Native Component Sample Fabric Native Component that sizes based on max desired size of native XAML contained within", - "TestId": "Fabric Native Component", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Fabric Native Component", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "203, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "203, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Fabric Native Component Yoga 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Fabric Native Component Yoga", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Fabric Native Component Yoga Sample Fabric Native Component that places native XAML inside a container sized by yoga", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Fabric Native Component Yoga", - "TextRangePattern.GetText": "Fabric Native Component Yoga", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Sample Fabric Native Component that places native XAML inside a container sized by yoga", - "TextRangePattern.GetText": "Sample Fabric Native Component that places native XAML inside a container sized by yoga", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Fabric Native Component Yoga Sample Fabric Native Component that places native XAML inside a container sized by yoga", - "TestId": "Fabric Native Component Yoga", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Fabric Native Component Yoga", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "246, 24", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "246, 24", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Fast Path Texts 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Fast Path Texts", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Fast Path Texts Examples of performant fast path texts, turn on IsTextPerformanceVisualizationEnabled to visualize examples", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Fast Path Texts", - "TextRangePattern.GetText": "Fast Path Texts", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Examples of performant fast path texts, turn on IsTextPerformanceVisualizationEnabled to visualize examples", - "TextRangePattern.GetText": "Examples of performant fast path texts, turn on IsTextPerformanceVisualizationEnabled to visualize examples", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Fast Path Texts Examples of performant fast path texts, turn on IsTextPerformanceVisualizationEnabled to visualize examples", - "TestId": "Fast Path Texts", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Fast Path Texts", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "115, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "115, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Filter 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Filter", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Filter A set of graphical effects that can be applied to a view.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Filter", - "TextRangePattern.GetText": "Filter", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "A set of graphical effects that can be applied to a view.", - "TextRangePattern.GetText": "A set of graphical effects that can be applied to a view.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Filter A set of graphical effects that can be applied to a view.", - "TestId": "Filter", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Filter", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "40, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "40, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump FlatList 1`] = ` -{ - "Automation Tree": { - "AutomationId": "FlatList", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "FlatList Performant, scrollable list of data.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "FlatList", - "TextRangePattern.GetText": "FlatList", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Performant, scrollable list of data.", - "TextRangePattern.GetText": "Performant, scrollable list of data.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "FlatList Performant, scrollable list of data.", - "TestId": "FlatList", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "FlatList", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "55, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "55, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Flyout 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Flyout", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Flyout Displays content on top of existing content, within the bounds of the application window.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Flyout", - "TextRangePattern.GetText": "Flyout", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Displays content on top of existing content, within the bounds of the application window.", - "TextRangePattern.GetText": "Displays content on top of existing content, within the bounds of the application window.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Flyout Displays content on top of existing content, within the bounds of the application window.", - "TestId": "Flyout", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Flyout", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "49, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "49, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Glyph UWP 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Glyph UWP", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Glyph UWP Usage of Glyph control.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Glyph UWP", - "TextRangePattern.GetText": "Glyph UWP", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Usage of Glyph control.", - "TextRangePattern.GetText": "Usage of Glyph control.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Glyph UWP Usage of Glyph control.", - "TestId": "Glyph UWP", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Glyph UWP", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "91, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "91, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Hit Testing 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Hit Testing", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Hit Testing Test that overflow hidden affect hit testing", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Hit Testing", - "TextRangePattern.GetText": "Hit Testing", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Test that overflow hidden affect hit testing", - "TextRangePattern.GetText": "Test that overflow hidden affect hit testing", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Hit Testing Test that overflow hidden affect hit testing", - "TestId": "Hit Testing", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Hit Testing", - "Offset": "0, 0, 0", - "Size": "966, 77", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "85, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "85, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Image 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Image", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Image Base component for displaying different types of images.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Image", - "TextRangePattern.GetText": "Image", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Base component for displaying different types of images.", - "TextRangePattern.GetText": "Base component for displaying different types of images.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Image Base component for displaying different types of images.", - "TestId": "Image", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Image", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "50, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "50, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Keyboard 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Keyboard", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Keyboard Demonstrates usage of the "Keyboard" static API", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Keyboard", - "TextRangePattern.GetText": "Keyboard", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Demonstrates usage of the "Keyboard" static API", - "TextRangePattern.GetText": "Demonstrates usage of the "Keyboard" static API", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Keyboard Demonstrates usage of the "Keyboard" static API", - "TestId": "Keyboard", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Keyboard", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "76, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "76, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Keyboard 2`] = ` -{ - "Automation Tree": { - "AutomationId": "Keyboard", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Keyboard Demonstrates usage of the "Keyboard" static API", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Keyboard", - "TextRangePattern.GetText": "Keyboard", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Demonstrates usage of the "Keyboard" static API", - "TextRangePattern.GetText": "Demonstrates usage of the "Keyboard" static API", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Keyboard Demonstrates usage of the "Keyboard" static API", - "TestId": "Keyboard", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Keyboard", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "76, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "76, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Keyboard Focus Example 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Keyboard Focus Example", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Keyboard Focus Example Demo of keyboard focus.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Keyboard Focus Example", - "TextRangePattern.GetText": "Keyboard Focus Example", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Demo of keyboard focus.", - "TextRangePattern.GetText": "Demo of keyboard focus.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Keyboard Focus Example Demo of keyboard focus.", - "TestId": "Keyboard Focus Example", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Keyboard Focus Example", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "198, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "198, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Keyboard extension Example 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Keyboard extension Example", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Keyboard extension Example Demo of keyboard properties.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Keyboard extension Example", - "TextRangePattern.GetText": "Keyboard extension Example", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Demo of keyboard properties.", - "TextRangePattern.GetText": "Demo of keyboard properties.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Keyboard extension Example Demo of keyboard properties.", - "TestId": "Keyboard extension Example", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Keyboard extension Example", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "228, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "228, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Layout - Flexbox 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Layout - Flexbox", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Layout - Flexbox Examples of using the flexbox API to layout views.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Layout - Flexbox", - "TextRangePattern.GetText": "Layout - Flexbox", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Examples of using the flexbox API to layout views.", - "TextRangePattern.GetText": "Examples of using the flexbox API to layout views.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Layout - Flexbox Examples of using the flexbox API to layout views.", - "TestId": "Layout - Flexbox", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Layout - Flexbox", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "131, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "131, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Layout Events 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Layout Events", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Layout Events Examples that show how Layout events can be used to measure view size and position.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Layout Events", - "TextRangePattern.GetText": "Layout Events", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Examples that show how Layout events can be used to measure view size and position.", - "TextRangePattern.GetText": "Examples that show how Layout events can be used to measure view size and position.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Layout Events Examples that show how Layout events can be used to measure view size and position.", - "TestId": "Layout Events", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Layout Events", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "110, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "110, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Legacy Native Module 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Legacy Native Module", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Legacy Native Module Usage of legacy Native Module", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Legacy Native Module", - "TextRangePattern.GetText": "Legacy Native Module", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Usage of legacy Native Module", - "TextRangePattern.GetText": "Usage of legacy Native Module", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Legacy Native Module Usage of legacy Native Module", - "TestId": "Legacy Native Module", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Legacy Native Module", - "Offset": "0, 0, 0", - "Size": "966, 77", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "177, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "177, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump LegacyControlStyleTest 1`] = ` -{ - "Automation Tree": { - "AutomationId": "LegacyControlStyleTest", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "LegacyControlStyleTest Legacy e2e test for Control Styles", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "LegacyControlStyleTest", - "TextRangePattern.GetText": "LegacyControlStyleTest", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Legacy e2e test for Control Styles", - "TextRangePattern.GetText": "Legacy e2e test for Control Styles", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "LegacyControlStyleTest Legacy e2e test for Control Styles", - "TestId": "LegacyControlStyleTest", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "LegacyControlStyleTest", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "183, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "183, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump LegacyImageTest 1`] = ` -{ - "Automation Tree": { - "AutomationId": "LegacyImageTest", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "LegacyImageTest Legacy e2e test for Image", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "LegacyImageTest", - "TextRangePattern.GetText": "LegacyImageTest", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Legacy e2e test for Image", - "TextRangePattern.GetText": "Legacy e2e test for Image", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "LegacyImageTest Legacy e2e test for Image", - "TestId": "LegacyImageTest", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "LegacyImageTest", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "135, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "135, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump LegacyLoginTest 1`] = ` -{ - "Automation Tree": { - "AutomationId": "LegacyLoginTest", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "LegacyLoginTest Legacy e2e test for TextInput with password", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "LegacyLoginTest", - "TextRangePattern.GetText": "LegacyLoginTest", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Legacy e2e test for TextInput with password", - "TextRangePattern.GetText": "Legacy e2e test for TextInput with password", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "LegacyLoginTest Legacy e2e test for TextInput with password", - "TestId": "LegacyLoginTest", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "LegacyLoginTest", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "130, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "130, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump LegacySelectableTextTest 1`] = ` -{ - "Automation Tree": { - "AutomationId": "LegacySelectableTextTest", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "LegacySelectableTextTest Legacy e2e test for selectable Text hit testing", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "LegacySelectableTextTest", - "TextRangePattern.GetText": "LegacySelectableTextTest", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Legacy e2e test for selectable Text hit testing", - "TextRangePattern.GetText": "Legacy e2e test for selectable Text hit testing", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "LegacySelectableTextTest Legacy e2e test for selectable Text hit testing", - "TestId": "LegacySelectableTextTest", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "LegacySelectableTextTest", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "198, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "198, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump LegacyTextHitTestTest 1`] = ` -{ - "Automation Tree": { - "AutomationId": "LegacyTextHitTestTest", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "LegacyTextHitTestTest Legacy e2e test for Text hit testing", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "LegacyTextHitTestTest", - "TextRangePattern.GetText": "LegacyTextHitTestTest", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Legacy e2e test for Text hit testing", - "TextRangePattern.GetText": "Legacy e2e test for Text hit testing", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "LegacyTextHitTestTest Legacy e2e test for Text hit testing", - "TestId": "LegacyTextHitTestTest", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "LegacyTextHitTestTest", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "171, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "171, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump LegacyTextInputTest 1`] = ` -{ - "Automation Tree": { - "AutomationId": "LegacyTextInputTest", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "LegacyTextInputTest Legacy e2e test for TextInput", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "LegacyTextInputTest", - "TextRangePattern.GetText": "LegacyTextInputTest", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Legacy e2e test for TextInput", - "TextRangePattern.GetText": "Legacy e2e test for TextInput", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "LegacyTextInputTest Legacy e2e test for TextInput", - "TestId": "LegacyTextInputTest", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "LegacyTextInputTest", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "159, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "159, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Linking 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Linking", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Linking Shows how to use Linking to open URLs.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Linking", - "TextRangePattern.GetText": "Linking", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Shows how to use Linking to open URLs.", - "TextRangePattern.GetText": "Shows how to use Linking to open URLs.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Linking Shows how to use Linking to open URLs.", - "TestId": "Linking", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Linking", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "58, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "58, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Modal 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Modal", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Modal Component for presenting modal views.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Modal", - "TextRangePattern.GetText": "Modal", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Component for presenting modal views.", - "TextRangePattern.GetText": "Component for presenting modal views.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Modal Component for presenting modal views.", - "TestId": "Modal", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Modal", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "51, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "51, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Mouse Click Events 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Mouse Click Events", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Mouse Click Events Tests that mouse click events work on intended components", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Mouse Click Events", - "TextRangePattern.GetText": "Mouse Click Events", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Tests that mouse click events work on intended components", - "TextRangePattern.GetText": "Tests that mouse click events work on intended components", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Mouse Click Events Tests that mouse click events work on intended components", - "TestId": "Mouse Click Events", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Mouse Click Events", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "152, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "152, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Mouse Events 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Mouse Events", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Mouse Events Tests that mouse events can be observed", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Mouse Events", - "TextRangePattern.GetText": "Mouse Events", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Tests that mouse events can be observed", - "TextRangePattern.GetText": "Tests that mouse events can be observed", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Mouse Events Tests that mouse events can be observed", - "TestId": "Mouse Events", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Mouse Events", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "110, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "110, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Moving Light Example 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Moving Light Example", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Moving Light Example Sample Custom Fabric Native Component", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Moving Light Example", - "TextRangePattern.GetText": "Moving Light Example", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Sample Custom Fabric Native Component", - "TextRangePattern.GetText": "Sample Custom Fabric Native Component", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Moving Light Example Sample Custom Fabric Native Component", - "TestId": "Moving Light Example", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Moving Light Example", - "Offset": "0, 0, 0", - "Size": "966, 77", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "177, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "177, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Native Animated Example 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Native Animated Example", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Native Animated Example Test out Native Animations", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Native Animated Example", - "TextRangePattern.GetText": "Native Animated Example", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Test out Native Animations", - "TextRangePattern.GetText": "Test out Native Animations", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Native Animated Example Test out Native Animations", - "TestId": "Native Animated Example", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Native Animated Example", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "205, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "205, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Native Perf Benchmark 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Native Perf Benchmark", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Native Perf Benchmark Measures native rendering pipeline via performance.mark/measure.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Native Perf Benchmark", - "TextRangePattern.GetText": "Native Perf Benchmark", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Measures native rendering pipeline via performance.mark/measure.", - "TextRangePattern.GetText": "Measures native rendering pipeline via performance.mark/measure.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Native Perf Benchmark Measures native rendering pipeline via performance.mark/measure.", - "TestId": "Native Perf Benchmark", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Native Perf Benchmark", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "180, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "180, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump New App Screen 1`] = ` -{ - "Automation Tree": { - "AutomationId": "New App Screen", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "New App Screen Displays the content of the new app screen", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "New App Screen", - "TextRangePattern.GetText": "New App Screen", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Displays the content of the new app screen", - "TextRangePattern.GetText": "Displays the content of the new app screen", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "New App Screen Displays the content of the new app screen", - "TestId": "New App Screen", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "New App Screen", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "132, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "132, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump PanResponder Sample 1`] = ` -{ - "Automation Tree": { - "AutomationId": "PanResponder Sample", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "PanResponder Sample Shows the Use of PanResponder to provide basic gesture handling", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "PanResponder Sample", - "TextRangePattern.GetText": "PanResponder Sample", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Shows the Use of PanResponder to provide basic gesture handling", - "TextRangePattern.GetText": "Shows the Use of PanResponder to provide basic gesture handling", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "PanResponder Sample Shows the Use of PanResponder to provide basic gesture handling", - "TestId": "PanResponder Sample", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "PanResponder Sample", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "178, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "178, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Performance Comparison Examples 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Performance Comparison Examples", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Performance Comparison Examples Compare performance with bad and good examples. Use React DevTools to highlight re-renders is recommended.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Performance Comparison Examples", - "TextRangePattern.GetText": "Performance Comparison Examples", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Compare performance with bad and good examples. Use React DevTools to highlight re-renders is recommended.", - "TextRangePattern.GetText": "Compare performance with bad and good examples. Use React DevTools to highlight re-renders is recommended.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Performance Comparison Examples Compare performance with bad and good examples. Use React DevTools to highlight re-renders is recommended.", - "TestId": "Performance Comparison Examples", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Performance Comparison Examples", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "280, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "280, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump PixelRatio 1`] = ` -{ - "Automation Tree": { - "AutomationId": "PixelRatio", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "PixelRatio Gives access to device's pixel density and font scale", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "PixelRatio", - "TextRangePattern.GetText": "PixelRatio", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Gives access to device's pixel density and font scale", - "TextRangePattern.GetText": "Gives access to device's pixel density and font scale", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "PixelRatio Gives access to device's pixel density and font scale", - "TestId": "PixelRatio", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "PixelRatio", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "78, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "78, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump PlatformColor 1`] = ` -{ - "Automation Tree": { - "AutomationId": "PlatformColor", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "PlatformColor Examples that show how PlatformColors may be used in an app.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "PlatformColor", - "TextRangePattern.GetText": "PlatformColor", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Examples that show how PlatformColors may be used in an app.", - "TextRangePattern.GetText": "Examples that show how PlatformColors may be used in an app.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "PlatformColor Examples that show how PlatformColors may be used in an app.", - "TestId": "PlatformColor", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "PlatformColor", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "111, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "111, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Pointer Button 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Pointer Button", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Pointer Button Tests that PointerEvent.button and PointerEvent.buttons are correctly populated.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Pointer Button", - "TextRangePattern.GetText": "Pointer Button", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Tests that PointerEvent.button and PointerEvent.buttons are correctly populated.", - "TextRangePattern.GetText": "Tests that PointerEvent.button and PointerEvent.buttons are correctly populated.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Pointer Button Tests that PointerEvent.button and PointerEvent.buttons are correctly populated.", - "TestId": "Pointer Button", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Pointer Button", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "115, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "115, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Pointer Clicks 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Pointer Clicks", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Pointer Clicks Tests that onClick and onAuxClick work.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Pointer Clicks", - "TextRangePattern.GetText": "Pointer Clicks", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Tests that onClick and onAuxClick work.", - "TextRangePattern.GetText": "Tests that onClick and onAuxClick work.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Pointer Clicks Tests that onClick and onAuxClick work.", - "TestId": "Pointer Clicks", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Pointer Clicks", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "106, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "106, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Pointer Events 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Pointer Events", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Pointer Events Demonstrates the use of the pointerEvents prop of a View to control how touches should be handled.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Pointer Events", - "TextRangePattern.GetText": "Pointer Events", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Demonstrates the use of the pointerEvents prop of a View to control how touches should be handled.", - "TextRangePattern.GetText": "Demonstrates the use of the pointerEvents prop of a View to control how touches should be handled.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Pointer Events Demonstrates the use of the pointerEvents prop of a View to control how touches should be handled.", - "TestId": "Pointer Events", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Pointer Events", - "Offset": "0, 0, 0", - "Size": "966, 77", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "113, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "113, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Popup 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Popup", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Popup Displays content on top of existing content, within the bounds of the application window.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Popup", - "TextRangePattern.GetText": "Popup", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Displays content on top of existing content, within the bounds of the application window.", - "TextRangePattern.GetText": "Displays content on top of existing content, within the bounds of the application window.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Popup Displays content on top of existing content, within the bounds of the application window.", - "TestId": "Popup", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Popup", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "52, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "52, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Pressable 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Pressable", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Pressable Component for making views pressable.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Pressable", - "TextRangePattern.GetText": "Pressable", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Component for making views pressable.", - "TextRangePattern.GetText": "Component for making views pressable.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Pressable Component for making views pressable.", - "TestId": "Pressable", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Pressable", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "75, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "75, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 16", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump RTLExample 1`] = ` -{ - "Automation Tree": { - "AutomationId": "RTLExample", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "RTLExample Examples to show how to apply components to RTL layout.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "RTLExample", - "TextRangePattern.GetText": "RTLExample", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Examples to show how to apply components to RTL layout.", - "TextRangePattern.GetText": "Examples to show how to apply components to RTL layout.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "RTLExample Examples to show how to apply components to RTL layout.", - "TestId": "RTLExample", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "RTLExample", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "95, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "95, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump ScrollView 1`] = ` -{ - "Automation Tree": { - "AutomationId": "ScrollView", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "ScrollView Component that enables scrolling through child components", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "ScrollView", - "TextRangePattern.GetText": "ScrollView", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Component that enables scrolling through child components", - "TextRangePattern.GetText": "Component that enables scrolling through child components", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "ScrollView Component that enables scrolling through child components", - "TestId": "ScrollView", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "ScrollView", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "82, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "82, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump ScrollViewAnimated 1`] = ` -{ - "Automation Tree": { - "AutomationId": "ScrollViewAnimated", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "ScrollViewAnimated Component that is animated when ScrollView is offset.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "ScrollViewAnimated", - "TextRangePattern.GetText": "ScrollViewAnimated", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Component that is animated when ScrollView is offset.", - "TextRangePattern.GetText": "Component that is animated when ScrollView is offset.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "ScrollViewAnimated Component that is animated when ScrollView is offset.", - "TestId": "ScrollViewAnimated", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "ScrollViewAnimated", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "159, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "159, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump ScrollViewSimpleExample 1`] = ` -{ - "Automation Tree": { - "AutomationId": "ScrollViewSimpleExample", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "ScrollViewSimpleExample Component that enables scrolling through child components.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "ScrollViewSimpleExample", - "TextRangePattern.GetText": "ScrollViewSimpleExample", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Component that enables scrolling through child components.", - "TextRangePattern.GetText": "Component that enables scrolling through child components.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "ScrollViewSimpleExample Component that enables scrolling through child components.", - "TestId": "ScrollViewSimpleExample", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "ScrollViewSimpleExample", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "202, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "202, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Search Bar 1`] = ` -{ - "Automation Tree": { - "AutomationId": "explorer_search", - "ControlType": 50004, - "HelpText": "Search...", - "IsKeyboardFocusable": true, - "LocalizedControlType": "edit", - "Name": "Search...", - "TextRangePattern.GetText": "Search...", - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.WindowsTextInputComponentView", - "_Props": { - "TestId": "explorer_search", - }, - }, - "Visual Tree": { - "Comment": "explorer_search", - "Offset": "0, 0, 0", - "Size": "938, 35", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(60, 60, 67, 45)", - }, - "Offset": "0, 0, 0", - "Size": "7, 7", - "Visual Type": "SpriteVisual", - }, - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(60, 60, 67, 45)", - }, - "Offset": "7, 0, 0", - "Size": "924, 1", - "Visual Type": "SpriteVisual", - }, - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(60, 60, 67, 45)", - }, - "Offset": "-7, 0, 0", - "Size": "7, 7", - "Visual Type": "SpriteVisual", - }, - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(60, 60, 67, 45)", - }, - "Offset": "-1, 7, 0", - "Size": "1, 21", - "Visual Type": "SpriteVisual", - }, - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(60, 60, 67, 45)", - }, - "Offset": "-7, -7, 0", - "Size": "7, 7", - "Visual Type": "SpriteVisual", - }, - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(60, 60, 67, 45)", - }, - "Offset": "7, -1, 0", - "Size": "924, 1", - "Visual Type": "SpriteVisual", - }, - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(60, 60, 67, 45)", - }, - "Offset": "0, -7, 0", - "Size": "7, 7", - "Visual Type": "SpriteVisual", - }, - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(60, 60, 67, 45)", - }, - "Offset": "0, 7, 0", - "Size": "1, 21", - "Visual Type": "SpriteVisual", - }, - { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(0, 0, 0, 255)", - }, - "Offset": "0, 0, 0", - "Opacity": 0, - "Size": "0, 0", - "Visual Type": "SpriteVisual", - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump SectionList 1`] = ` -{ - "Automation Tree": { - "AutomationId": "SectionList", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "SectionList Performant, scrollable list of data.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "SectionList", - "TextRangePattern.GetText": "SectionList", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Performant, scrollable list of data.", - "TextRangePattern.GetText": "Performant, scrollable list of data.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "SectionList Performant, scrollable list of data.", - "TestId": "SectionList", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "SectionList", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "86, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "86, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Share 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Share", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Share Share data with other Apps.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Share", - "TextRangePattern.GetText": "Share", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Share data with other Apps.", - "TextRangePattern.GetText": "Share data with other Apps.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Share Share data with other Apps.", - "TestId": "Share", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Share", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "45, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "45, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump SwipeableCard 1`] = ` -{ - "Automation Tree": { - "AutomationId": "SwipeableCard", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "SwipeableCard Example of a swipeable card with scrollable content to test PanResponder and JSResponderHandler interaction.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "SwipeableCard", - "TextRangePattern.GetText": "SwipeableCard", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Example of a swipeable card with scrollable content to test PanResponder and JSResponderHandler interaction.", - "TextRangePattern.GetText": "Example of a swipeable card with scrollable content to test PanResponder and JSResponderHandler interaction.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "SwipeableCard Example of a swipeable card with scrollable content to test PanResponder and JSResponderHandler interaction.", - "TestId": "SwipeableCard", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "SwipeableCard", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "118, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "118, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Switch 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Switch", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Switch Native boolean input", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Switch", - "TextRangePattern.GetText": "Switch", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Native boolean input", - "TextRangePattern.GetText": "Native boolean input", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Switch Native boolean input", - "TestId": "Switch", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Switch", - "Offset": "0, 0, 0", - "Size": "966, 77", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "52, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "52, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Text 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Text", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Text Base component for rendering styled text.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Text", - "TextRangePattern.GetText": "Text", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Base component for rendering styled text.", - "TextRangePattern.GetText": "Base component for rendering styled text.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Text Base component for rendering styled text.", - "TestId": "Text", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Text", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "32, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "32, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump TextInput 1`] = ` -{ - "Automation Tree": { - "AutomationId": "TextInput", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "TextInput Single and multi-line text inputs.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "TextInput", - "TextRangePattern.GetText": "TextInput", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Single and multi-line text inputs.", - "TextRangePattern.GetText": "Single and multi-line text inputs.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "TextInput Single and multi-line text inputs.", - "TestId": "TextInput", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "TextInput", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "74, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "74, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump TextInputs with key prop 1`] = ` -{ - "Automation Tree": { - "AutomationId": "TextInputs with key prop", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "TextInputs with key prop Periodically render large number of TextInputs with key prop without a Runtime Error", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "TextInputs with key prop", - "TextRangePattern.GetText": "TextInputs with key prop", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Periodically render large number of TextInputs with key prop without a Runtime Error", - "TextRangePattern.GetText": "Periodically render large number of TextInputs with key prop without a Runtime Error", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "TextInputs with key prop Periodically render large number of TextInputs with key prop without a Runtime Error", - "TestId": "TextInputs with key prop", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "TextInputs with key prop", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "195, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "195, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Timers 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Timers", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Timers A demonstration of Timers in React Native.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Timers", - "TextRangePattern.GetText": "Timers", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "A demonstration of Timers in React Native.", - "TextRangePattern.GetText": "A demonstration of Timers in React Native.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Timers A demonstration of Timers in React Native.", - "TestId": "Timers", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Timers", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "53, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "53, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Touchable* and onPress 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Touchable* and onPress", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Touchable* and onPress Touchable and onPress examples.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Touchable* and onPress", - "TextRangePattern.GetText": "Touchable* and onPress", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Touchable and onPress examples.", - "TextRangePattern.GetText": "Touchable and onPress examples.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Touchable* and onPress Touchable and onPress examples.", - "TestId": "Touchable* and onPress", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Touchable* and onPress", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "190, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "190, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump TransferProperties 1`] = ` -{ - "Automation Tree": { - "AutomationId": "TransferProperties", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "TransferProperties Some tests that change the backing XAML element to see if transfer properties is working.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "TransferProperties", - "TextRangePattern.GetText": "TransferProperties", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Some tests that change the backing XAML element to see if transfer properties is working.", - "TextRangePattern.GetText": "Some tests that change the backing XAML element to see if transfer properties is working.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "TransferProperties Some tests that change the backing XAML element to see if transfer properties is working.", - "TestId": "TransferProperties", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "TransferProperties", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "144, 24", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "144, 24", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Transforms 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Transforms", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Transforms View transforms", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Transforms", - "TextRangePattern.GetText": "Transforms", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "View transforms", - "TextRangePattern.GetText": "View transforms", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Transforms View transforms", - "TestId": "Transforms", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Transforms", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "87, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "87, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump TransparentHitTestExample 1`] = ` -{ - "Automation Tree": { - "AutomationId": "TransparentHitTestExample", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "TransparentHitTestExample Transparent view receiving touch events", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "TransparentHitTestExample", - "TextRangePattern.GetText": "TransparentHitTestExample", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Transparent view receiving touch events", - "TextRangePattern.GetText": "Transparent view receiving touch events", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "TransparentHitTestExample Transparent view receiving touch events", - "TestId": "TransparentHitTestExample", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "TransparentHitTestExample", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "214, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "214, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump TurboModule 1`] = ` -{ - "Automation Tree": { - "AutomationId": "TurboModule", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "TurboModule Usage of TurboModule", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "TurboModule", - "TextRangePattern.GetText": "TurboModule", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Usage of TurboModule", - "TextRangePattern.GetText": "Usage of TurboModule", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "TurboModule Usage of TurboModule", - "TestId": "TurboModule", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "TurboModule", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "109, 24", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "109, 24", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump URL 1`] = ` -{ - "Automation Tree": { - "AutomationId": "URL", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "URL URL Parameters test", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "URL", - "TextRangePattern.GetText": "URL", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "URL Parameters test", - "TextRangePattern.GetText": "URL Parameters test", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "URL URL Parameters test", - "TestId": "URL", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "URL", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "32, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "32, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump View 1`] = ` -{ - "Automation Tree": { - "AutomationId": "View", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "View Basic building block of all UI, examples that demonstrate some of the many styles available.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "View", - "TextRangePattern.GetText": "View", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Basic building block of all UI, examples that demonstrate some of the many styles available.", - "TextRangePattern.GetText": "Basic building block of all UI, examples that demonstrate some of the many styles available.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "View Basic building block of all UI, examples that demonstrate some of the many styles available.", - "TestId": "View", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "View", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "38, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "38, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump WebSocket 1`] = ` -{ - "Automation Tree": { - "AutomationId": "WebSocket", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "WebSocket WebSocket API", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "WebSocket", - "TextRangePattern.GetText": "WebSocket", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "WebSocket API", - "TextRangePattern.GetText": "WebSocket API", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "WebSocket WebSocket API", - "TestId": "WebSocket", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "WebSocket", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "89, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "89, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump XMLHttpRequest 1`] = ` -{ - "Automation Tree": { - "AutomationId": "XMLHttpRequest", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "XMLHttpRequest Example that demonstrates upload and download requests using XMLHttpRequest.", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "XMLHttpRequest", - "TextRangePattern.GetText": "XMLHttpRequest", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Example that demonstrates upload and download requests using XMLHttpRequest.", - "TextRangePattern.GetText": "Example that demonstrates upload and download requests using XMLHttpRequest.", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "XMLHttpRequest Example that demonstrates upload and download requests using XMLHttpRequest.", - "TestId": "XMLHttpRequest", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "XMLHttpRequest", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "135, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "135, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`; - -exports[`Home UIA Tree Dump Xaml WinUI3 (Experimental, for Fabric) 1`] = ` -{ - "Automation Tree": { - "AutomationId": "Xaml WinUI3 (Experimental, for Fabric)", - "ControlType": 50026, - "IsKeyboardFocusable": true, - "LocalizedControlType": "group", - "Name": "Xaml WinUI3 (Experimental, for Fabric) Requires UseExperimentalWinUI3 - Xaml content that works in Fabric", - "__Children": [ - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Xaml WinUI3 (Experimental, for Fabric)", - "TextRangePattern.GetText": "Xaml WinUI3 (Experimental, for Fabric)", - }, - { - "AutomationId": "", - "ControlType": 50020, - "LocalizedControlType": "text", - "Name": "Requires UseExperimentalWinUI3 - Xaml content that works in Fabric", - "TextRangePattern.GetText": "Requires UseExperimentalWinUI3 - Xaml content that works in Fabric", - }, - ], - }, - "Component Tree": { - "Type": "Microsoft.ReactNative.Composition.ViewComponentView", - "_Props": { - "AccessibilityLabel": "Xaml WinUI3 (Experimental, for Fabric) Requires UseExperimentalWinUI3 - Xaml content that works in Fabric", - "TestId": "Xaml WinUI3 (Experimental, for Fabric)", - }, - "__Children": [ - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - { - "Type": "Microsoft.ReactNative.Composition.ParagraphComponentView", - "_Props": {}, - }, - ], - }, - "Visual Tree": { - "Brush": { - "Brush Type": "ColorBrush", - "Color": "rgba(255, 255, 255, 255)", - }, - "Comment": "Xaml WinUI3 (Experimental, for Fabric)", - "Offset": "0, 0, 0", - "Size": "966, 78", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "16, 16, 0", - "Size": "305, 25", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "305, 25", - "Visual Type": "SpriteVisual", - }, - ], - }, - { - "Offset": "16, 45, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - "__Children": [ - { - "Offset": "0, 0, 0", - "Size": "934, 17", - "Visual Type": "SpriteVisual", - }, - ], - }, - ], - }, -} -`;