From a04f293b9590795efb82cd97c3fd30649b27c93a Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Fri, 16 Sep 2022 15:01:43 -0700 Subject: [PATCH 01/11] Snapshot Tests --- .../test/ButtonComponentTest.test.ts | 36 + .../test/PressableComponentTest.test.ts | 32 + .../test/ScrollViewComponentTest.test.ts | 56 + .../ButtonComponentTest.test.ts.snap | 748 +++ .../PressableComponentTest.test.ts.snap | 294 + .../ScrollViewComponentTest.test.ts.snap | 5599 +++++++++++++++++ 6 files changed, 6765 insertions(+) create mode 100644 packages/e2e-test-app/test/ButtonComponentTest.test.ts create mode 100644 packages/e2e-test-app/test/PressableComponentTest.test.ts create mode 100644 packages/e2e-test-app/test/ScrollViewComponentTest.test.ts create mode 100644 packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap create mode 100644 packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap create mode 100644 packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap diff --git a/packages/e2e-test-app/test/ButtonComponentTest.test.ts b/packages/e2e-test-app/test/ButtonComponentTest.test.ts new file mode 100644 index 00000000000..05c3380fbbe --- /dev/null +++ b/packages/e2e-test-app/test/ButtonComponentTest.test.ts @@ -0,0 +1,36 @@ +/** + * Copyright (c) Microsoft Corporation. + * Licensed under the MIT License. + * + * @format + */ + +import {dumpVisualTree} from '@react-native-windows/automation-commands'; +import {goToComponentExample} from './RNTesterNavigation'; + +beforeAll(async () => { + await goToComponentExample('Button'); +}); + +describe('ButtonTests', () => { + test('Buttons have default styling', async () => { + const dump = await dumpVisualTree('button_default_styling'); + expect(dump).toMatchSnapshot(); + }); + test('Buttons can have custom colors', async () => { + const dump = await dumpVisualTree('cancel_button'); + expect(dump).toMatchSnapshot(); + }); + test('Buttons can be disabled', async () => { + const dump = await dumpVisualTree('disabled_button'); + expect(dump).toMatchSnapshot(); + }); + test('Buttons can have accessibility labels', async () => { + const dump = await dumpVisualTree('accessibilityLabel_button'); + expect(dump).toMatchSnapshot(); + }); + test('Buttons can have accessibility states', async () => { + const dump = await dumpVisualTree('accessibilityState_button'); + expect(dump).toMatchSnapshot(); + }); +}); diff --git a/packages/e2e-test-app/test/PressableComponentTest.test.ts b/packages/e2e-test-app/test/PressableComponentTest.test.ts new file mode 100644 index 00000000000..a7367b18fe2 --- /dev/null +++ b/packages/e2e-test-app/test/PressableComponentTest.test.ts @@ -0,0 +1,32 @@ +/** + * Copyright (c) Microsoft Corporation. + * Licensed under the MIT License. + * + * @format + */ + +import {dumpVisualTree} from '@react-native-windows/automation-commands'; +import {goToComponentExample} from './RNTesterNavigation'; + +beforeAll(async () => { + await goToComponentExample('Pressable'); +}); + +describe('PressableTests', () => { + test('Pressables can change text on press/rest, state rest', async () => { + const dump = await dumpVisualTree('pressable_press_console'); + expect(dump).toMatchSnapshot(); + }); + test('Pressables can have event handlers', async () => { + const dump = await dumpVisualTree('pressable_feedback_events_button'); + expect(dump).toMatchSnapshot(); + }); + test('Pressables can have delayed event handlers', async () => { + const dump = await dumpVisualTree('pressable_delay_events_button'); + expect(dump).toMatchSnapshot(); + }); + test('Pressables can have hit slop functionality', async () => { + const dump = await dumpVisualTree('pressable_hit_slop_button'); + expect(dump).toMatchSnapshot(); + }); +}); diff --git a/packages/e2e-test-app/test/ScrollViewComponentTest.test.ts b/packages/e2e-test-app/test/ScrollViewComponentTest.test.ts new file mode 100644 index 00000000000..f7a6cbaae58 --- /dev/null +++ b/packages/e2e-test-app/test/ScrollViewComponentTest.test.ts @@ -0,0 +1,56 @@ +/** + * Copyright (c) Microsoft Corporation. + * Licensed under the MIT License. + * + * @format + */ + +import {dumpVisualTree} from '@react-native-windows/automation-commands'; +import {goToComponentExample} from './RNTesterNavigation'; + +beforeAll(async () => { + await goToComponentExample('ScrollView'); +}); + +describe('ScrollViewTests', () => { + test('ScrollViews can scroll an item list vertically', async () => { + const dump = await dumpVisualTree('scroll_vertical'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollView has scrollTo method, scroll to top button', async () => { + const dump = await dumpVisualTree('scroll_to_top_button'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollView has scrollTo method, scroll to bottom button', async () => { + const dump = await dumpVisualTree('scroll_to_bottom_button'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollViews has flash scroll indicators', async () => { + const dump = await dumpVisualTree('flash_scroll_indicators_button'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollViews can scroll an item list horizontally', async () => { + const dump = await dumpVisualTree('scroll_horizontal'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollView has scrollTo method, scroll to start button', async () => { + const dump = await dumpVisualTree('scroll_to_start_button'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollView has scrollTo method, scroll to end button', async () => { + const dump = await dumpVisualTree('scroll_to_end_button'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollViews can have sticky headers', async () => { + const dump = await dumpVisualTree('scroll_sticky_header'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollViews can have multiple sticky headers', async () => { + const dump = await dumpVisualTree('scroll_multiple_sticky_headers'); + expect(dump).toMatchSnapshot(); + }); + test('ScrollViews can have pressable sticky headers', async () => { + const dump = await dumpVisualTree('scroll_pressable_sticky_header'); + expect(dump).toMatchSnapshot(); + }); +}); diff --git a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap new file mode 100644 index 00000000000..97d1060cdc7 --- /dev/null +++ b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap @@ -0,0 +1,748 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`ButtonTests Buttons can be disabled 1`] = ` +Object { + "AutomationId": "disabled_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#4DF9F9F9", + "BorderBrush": "#0F000000", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#0F000000", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 35, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 716, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#5C000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 8, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Submit Application", + "Top": 8, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 700, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ButtonTests Buttons can have accessibility labels 1`] = ` +Object { + "AutomationId": "accessibilityLabel_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 37, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 37, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FF007AFF", + "BorderBrush": "Windows.UI.Xaml.Media.LinearGradientBrush", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 37, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "Windows.UI.Xaml.Media.LinearGradientBrush", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 35, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 716, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#E4000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 8, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Submit Application", + "Top": 8, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 700, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ButtonTests Buttons can have accessibility states 1`] = ` +Object { + "AutomationId": "accessibilityState_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#4DF9F9F9", + "BorderBrush": "#0F000000", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#0F000000", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 35, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 716, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#5C000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 8, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Submit Application", + "Top": 8, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 700, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ButtonTests Buttons can have custom colors 1`] = ` +Object { + "AutomationId": "cancel_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 37, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 37, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFFF3B30", + "BorderBrush": "Windows.UI.Xaml.Media.LinearGradientBrush", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 37, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "Windows.UI.Xaml.Media.LinearGradientBrush", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 35, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 716, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#E4000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 8, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Cancel Application", + "Top": 8, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 700, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ButtonTests Buttons have default styling 1`] = ` +Object { + "AutomationId": "button_default_styling", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#B3FFFFFF", + "BorderBrush": "Windows.UI.Xaml.Media.LinearGradientBrush", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "Windows.UI.Xaml.Media.LinearGradientBrush", + "BorderThickness": "1,1,1,1.5", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 35, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 716, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 35, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 716, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#E4000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 8, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Submit Application", + "Top": 8, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 700, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], +} +`; diff --git a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap new file mode 100644 index 00000000000..e4952bf43bb --- /dev/null +++ b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap @@ -0,0 +1,294 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`PressableTests Pressables can change text on press/rest, state rest 1`] = ` +Object { + "AutomationId": "pressable_press_console", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 21, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "Top": 21, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 656, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`PressableTests Pressables can have delayed event handlers 1`] = ` +Object { + "AutomationId": "pressable_delay_events_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 331, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 56, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "8,8,8,8", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "8,8,8,8", + "FlowDirection": "LeftToRight", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 56, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF007AFF", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Press Me", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 56, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`PressableTests Pressables can have event handlers 1`] = ` +Object { + "AutomationId": "pressable_feedback_events_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 331, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 56, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "8,8,8,8", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "8,8,8,8", + "FlowDirection": "LeftToRight", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 56, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF007AFF", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Press Me", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 56, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`PressableTests Pressables can have hit slop functionality 1`] = ` +Object { + "AutomationId": "pressable_hit_slop_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 286, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 30, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 146, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 146, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFFFFF", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Press Outside This View", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 146, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], +} +`; diff --git a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap new file mode 100644 index 00000000000..7887c8c208c --- /dev/null +++ b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap @@ -0,0 +1,5599 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`ScrollViewTests ScrollView has scrollTo method, scroll to bottom button 1`] = ` +Object { + "AutomationId": "scroll_to_bottom_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 344, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 303, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Scroll to bottom", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 101, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollView has scrollTo method, scroll to end button 1`] = ` +Object { + "AutomationId": "scroll_to_end_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 182, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 315, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Scroll to end", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 78, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollView has scrollTo method, scroll to start button 1`] = ` +Object { + "AutomationId": "scroll_to_start_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 143, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 313, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Scroll to start", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 82, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollView has scrollTo method, scroll to top button 1`] = ` +Object { + "AutomationId": "scroll_to_top_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 305, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 316, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Scroll to top", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 76, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollViews can have multiple sticky headers 1`] = ` +Object { + "AutomationId": "scroll_multiple_sticky_headers", + "Background": "#FFEEEEEE", + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 200, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.ScrollViewer", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "Root", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": "#FFEEEEEE", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "ScrollContentPresenter", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ScrollContentPresenter", + "children": Array [ + Object { + "Left": 0, + "Top": 0, + "XamlType": "Windows.UI.Xaml.DependencyObject", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Left", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Top", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 1521, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFFFFF00", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 39, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Sticky Header 1", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 44, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 83, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 1", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 122, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 2", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 161, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 3", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 200, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 4", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 239, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 5", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 278, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 6", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 317, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 7", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 356, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 8", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 395, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 9", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 434, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 10", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 473, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 11", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFF00", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 39, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 507, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Sticky Header 2", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 551, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 590, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 1", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 629, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 2", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 668, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 3", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 707, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 4", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 746, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 5", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 785, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 6", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 824, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 7", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 863, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 8", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 902, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 9", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 941, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 10", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 980, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 11", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFF00", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 39, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 1014, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Sticky Header 3", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1058, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1097, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 1", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1136, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 2", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1175, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 3", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1214, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 4", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1253, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 5", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1292, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 6", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1331, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 7", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1370, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 8", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1409, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 9", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1448, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 10", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1487, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 11", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "1,1,1,1", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollViews can have pressable sticky headers 1`] = ` +Object { + "AutomationId": "scroll_pressable_sticky_header", + "Background": "#00FFFFFF", + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 285, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 30, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.ScrollViewer", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "Root", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "ScrollContentPresenter", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ScrollContentPresenter", + "children": Array [ + Object { + "Left": 0, + "Top": 0, + "XamlType": "Windows.UI.Xaml.DependencyObject", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Left", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Top", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 1200, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 120, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FF0000FF", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "AutomationId": "pressable_header", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Press to change color", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 130, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 250, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 370, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 490, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 610, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 730, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 850, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 970, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFFF0000", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 100, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 1090, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 500, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollViews can have sticky headers 1`] = ` +Object { + "AutomationId": "scroll_sticky_header", + "Background": "#FFEEEEEE", + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 200, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.ScrollViewer", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "Root", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": "#FFEEEEEE", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "ScrollContentPresenter", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ScrollContentPresenter", + "children": Array [ + Object { + "Left": 0, + "Top": 0, + "XamlType": "Windows.UI.Xaml.DependencyObject", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Left", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Top", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 487, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "STICKY HEADER", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 24, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 63, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 1", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 102, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 2", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 141, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 3", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 180, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 4", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 219, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 5", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 258, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 6", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 297, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 7", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 336, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 8", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 375, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 9", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 414, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 10", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 453, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 11", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "1,1,1,1", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollViews can scroll an item list horizontally 1`] = ` +Object { + "AutomationId": "scroll_horizontal", + "Background": "#FFEEEEEE", + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 106, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 32, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.ScrollViewer", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "Root", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": "#FFEEEEEE", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "ScrollContentPresenter", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ScrollContentPresenter", + "children": Array [ + Object { + "Left": 0, + "Top": 0, + "XamlType": "Windows.UI.Xaml.DependencyObject", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Left", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Top", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 106, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 1272, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 111, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 1", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 217, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 2", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 323, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 3", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 429, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 4", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 535, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 5", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 641, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 6", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 747, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 7", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 853, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 8", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 959, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 9", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 1065, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 10", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 96, + "HorizontalAlignment": "Stretch", + "Left": 1171, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 96, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 11", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 86, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "1,1,1,1", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollViews can scroll an item list vertically 1`] = ` +Object { + "AutomationId": "scroll_vertical", + "Background": "#FFEEEEEE", + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 300, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.ScrollViewer", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "Root", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": "#FFEEEEEE", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Name": "ScrollContentPresenter", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ScrollContentPresenter", + "children": Array [ + Object { + "Left": 0, + "Top": 0, + "XamlType": "Windows.UI.Xaml.DependencyObject", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Left", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Top", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 468, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 0", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 44, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 1", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 83, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 2", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 122, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 3", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 161, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 4", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 200, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 5", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 239, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 6", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 278, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 7", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 317, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 8", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 356, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 9", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 395, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 10", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 434, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Item 11", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 698, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "1,1,1,1", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Grid", + }, + ], + }, + ], + }, + ], +} +`; + +exports[`ScrollViewTests ScrollViews has flash scroll indicators 1`] = ` +Object { + "AutomationId": "flash_scroll_indicators_button", + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 5, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 383, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewControl", + "children": Array [ + Object { + "Background": null, + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", + "children": Array [ + Object { + "Background": "#FFCCCCCC", + "BorderBrush": null, + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "3,3,3,3", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 708, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 288, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Flash scroll indicators", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 132, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], +} +`; From 9e8549e1af55dd399c84353b92fcefa2757b4b20 Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Mon, 26 Sep 2022 12:05:44 -0700 Subject: [PATCH 02/11] Update Colors --- .../test/__snapshots__/ButtonComponentTest.test.ts.snap | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap index 97d1060cdc7..2f02757665b 100644 --- a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap @@ -9,7 +9,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -28,7 +28,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", From b39a44cf8d21ae17b7f7df3a5f74067116f3e2eb Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Mon, 26 Sep 2022 12:07:16 -0700 Subject: [PATCH 03/11] Update Colors --- .../test/__snapshots__/PressableComponentTest.test.ts.snap | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap index e4952bf43bb..b1f2d32e32a 100644 --- a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap @@ -5,7 +5,7 @@ Object { "AutomationId": "pressable_press_console", "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 21, @@ -29,7 +29,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 331, From b9e478358c28418ddde19a5366e963da3e38bd57 Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Mon, 26 Sep 2022 12:38:57 -0700 Subject: [PATCH 04/11] Update Colors --- .../test/__snapshots__/PressableComponentTest.test.ts.snap | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap index b1f2d32e32a..6d3ed747744 100644 --- a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap @@ -48,7 +48,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", From e09921fe8e7ac492186ba5a1efb9e4fd26b248a3 Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Mon, 26 Sep 2022 12:41:23 -0700 Subject: [PATCH 05/11] Update Colors --- .../__snapshots__/PressableComponentTest.test.ts.snap | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap index 6d3ed747744..607a5942284 100644 --- a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap @@ -126,7 +126,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 331, @@ -145,7 +145,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -223,7 +223,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 286, @@ -242,7 +242,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", From 5dd2086d5041163268f49b0d3487230bdbe4e138 Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Mon, 26 Sep 2022 12:45:54 -0700 Subject: [PATCH 06/11] Update Colors --- .../__snapshots__/ButtonComponentTest.test.ts.snap | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap index 2f02757665b..74406b61462 100644 --- a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap @@ -162,7 +162,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 37, "HorizontalAlignment": "Stretch", "Left": 0, @@ -315,7 +315,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -334,7 +334,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -468,7 +468,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 37, "HorizontalAlignment": "Stretch", "Left": 0, @@ -487,7 +487,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -621,7 +621,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -640,7 +640,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", From 4e7f1aadb0d1b371ca97da8cac55169c800e39fa Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Mon, 26 Sep 2022 12:51:48 -0700 Subject: [PATCH 07/11] Update Colors --- .../ScrollViewComponentTest.test.ts.snap | 40 +++++++++---------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap index 7887c8c208c..820d5befdba 100644 --- a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap @@ -9,7 +9,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -74,7 +74,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 303, @@ -106,7 +106,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -125,7 +125,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -171,7 +171,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 315, @@ -203,7 +203,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -222,7 +222,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -268,7 +268,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 313, @@ -300,7 +300,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -319,7 +319,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -365,7 +365,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 316, @@ -397,7 +397,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 200, "HorizontalAlignment": "Stretch", "Left": 0, @@ -449,7 +449,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -472,7 +472,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -552,7 +552,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -607,7 +607,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -660,7 +660,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -713,7 +713,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -766,7 +766,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -819,7 +819,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, From 5443bf58c5c22f2e91df7f3b02a6ac4e0eb6a828 Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Mon, 26 Sep 2022 14:45:22 -0700 Subject: [PATCH 08/11] Fix Colors --- .../ButtonComponentTest.test.ts.snap | 2 +- .../ScrollViewComponentTest.test.ts.snap | 178 +++++++++--------- 2 files changed, 90 insertions(+), 90 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap index 74406b61462..739c3f1d1e9 100644 --- a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap @@ -181,7 +181,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", diff --git a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap index 820d5befdba..c0ec7cad2dc 100644 --- a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap @@ -28,7 +28,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -872,7 +872,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -925,7 +925,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -978,7 +978,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1031,7 +1031,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1084,7 +1084,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1137,7 +1137,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1190,7 +1190,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1260,7 +1260,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1315,7 +1315,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1368,7 +1368,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1421,7 +1421,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1474,7 +1474,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1527,7 +1527,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1580,7 +1580,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1633,7 +1633,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1686,7 +1686,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1739,7 +1739,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1792,7 +1792,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1845,7 +1845,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1898,7 +1898,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1968,7 +1968,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2023,7 +2023,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2076,7 +2076,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2129,7 +2129,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2182,7 +2182,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2235,7 +2235,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2288,7 +2288,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2341,7 +2341,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2394,7 +2394,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2447,7 +2447,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2500,7 +2500,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2553,7 +2553,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2606,7 +2606,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2680,7 +2680,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 285, "HorizontalAlignment": "Stretch", "Left": 10, @@ -2732,7 +2732,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -2755,7 +2755,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -2824,7 +2824,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 100, "HorizontalAlignment": "Stretch", "Left": 0, @@ -2843,7 +2843,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -2873,7 +2873,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 0, @@ -3090,7 +3090,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 200, "HorizontalAlignment": "Stretch", "Left": 0, @@ -3142,7 +3142,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -3165,7 +3165,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -3212,7 +3212,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 0, @@ -3263,7 +3263,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3316,7 +3316,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3369,7 +3369,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3422,7 +3422,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3475,7 +3475,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3528,7 +3528,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3581,7 +3581,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3634,7 +3634,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3687,7 +3687,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3740,7 +3740,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3793,7 +3793,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3846,7 +3846,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3920,7 +3920,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 106, "HorizontalAlignment": "Stretch", "Left": 0, @@ -3972,7 +3972,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -3995,7 +3995,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -4058,7 +4058,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4111,7 +4111,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4164,7 +4164,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4217,7 +4217,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4270,7 +4270,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4323,7 +4323,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4376,7 +4376,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4429,7 +4429,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4482,7 +4482,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4535,7 +4535,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4588,7 +4588,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4641,7 +4641,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4715,7 +4715,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 300, "HorizontalAlignment": "Stretch", "Left": 0, @@ -4767,7 +4767,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -4790,7 +4790,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -4853,7 +4853,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4906,7 +4906,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4959,7 +4959,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5012,7 +5012,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5065,7 +5065,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5118,7 +5118,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5171,7 +5171,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5224,7 +5224,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5277,7 +5277,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5330,7 +5330,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5383,7 +5383,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5436,7 +5436,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5510,7 +5510,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5529,7 +5529,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -5575,7 +5575,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 288, From 4e51c8f13685fffb1b645c93890918dcfd77dc1f Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Tue, 27 Sep 2022 13:05:25 -0700 Subject: [PATCH 09/11] Fix Hex --- .../ScrollViewComponentTest.test.ts.snap | 40 +++++++++---------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap index c0ec7cad2dc..7ff9ab82220 100644 --- a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap @@ -9,7 +9,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -74,7 +74,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 303, @@ -106,7 +106,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -125,7 +125,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -171,7 +171,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 315, @@ -203,7 +203,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -222,7 +222,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -268,7 +268,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 313, @@ -300,7 +300,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -319,7 +319,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -365,7 +365,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 316, @@ -397,7 +397,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 200, "HorizontalAlignment": "Stretch", "Left": 0, @@ -449,7 +449,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -472,7 +472,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -552,7 +552,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -607,7 +607,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -660,7 +660,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -713,7 +713,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -766,7 +766,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -819,7 +819,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, From 809f68bd25e8658033033e7bfb57f6e2170b09cb Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Tue, 27 Sep 2022 14:23:49 -0700 Subject: [PATCH 10/11] Fix Hex --- .../ButtonComponentTest.test.ts.snap | 24 +++++++++---------- .../PressableComponentTest.test.ts.snap | 14 +++++------ 2 files changed, 19 insertions(+), 19 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap index 739c3f1d1e9..12b98edfd11 100644 --- a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap @@ -9,7 +9,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -28,7 +28,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -162,7 +162,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 37, "HorizontalAlignment": "Stretch", "Left": 0, @@ -277,7 +277,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 8, @@ -315,7 +315,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -334,7 +334,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -468,7 +468,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 37, "HorizontalAlignment": "Stretch", "Left": 0, @@ -487,7 +487,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -583,7 +583,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 8, @@ -621,7 +621,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -640,7 +640,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -720,7 +720,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 8, diff --git a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap index 607a5942284..8b2928926e5 100644 --- a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap @@ -5,7 +5,7 @@ Object { "AutomationId": "pressable_press_console", "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 21, @@ -29,7 +29,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 331, @@ -48,7 +48,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -126,7 +126,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 331, @@ -145,7 +145,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -223,7 +223,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 286, @@ -242,7 +242,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E4000000", + "Foreground": "#E400000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", From f54dacc1a12feb7e98e4a8c983e603b228dc4d9f Mon Sep 17 00:00:00 2001 From: Chiara Mooney <34109996+chiaramooney@users.noreply.github.com> Date: Tue, 27 Sep 2022 15:13:10 -0700 Subject: [PATCH 11/11] Fix Hex --- .../ButtonComponentTest.test.ts.snap | 26 +-- .../PressableComponentTest.test.ts.snap | 14 +- .../ScrollViewComponentTest.test.ts.snap | 218 +++++++++--------- 3 files changed, 129 insertions(+), 129 deletions(-) diff --git a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap index 12b98edfd11..81544875fa7 100644 --- a/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ButtonComponentTest.test.ts.snap @@ -9,7 +9,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -28,7 +28,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -162,7 +162,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 37, "HorizontalAlignment": "Stretch", "Left": 0, @@ -181,7 +181,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -277,7 +277,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 8, @@ -315,7 +315,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -334,7 +334,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -468,7 +468,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 37, "HorizontalAlignment": "Stretch", "Left": 0, @@ -487,7 +487,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -583,7 +583,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 8, @@ -621,7 +621,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, @@ -640,7 +640,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -720,7 +720,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 8, diff --git a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap index 8b2928926e5..607a5942284 100644 --- a/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/PressableComponentTest.test.ts.snap @@ -5,7 +5,7 @@ Object { "AutomationId": "pressable_press_console", "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 21, @@ -29,7 +29,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 331, @@ -48,7 +48,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -126,7 +126,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 331, @@ -145,7 +145,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -223,7 +223,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 286, @@ -242,7 +242,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", diff --git a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap index 7ff9ab82220..b80b98b48c9 100644 --- a/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/ScrollViewComponentTest.test.ts.snap @@ -9,7 +9,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -28,7 +28,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -74,7 +74,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 303, @@ -106,7 +106,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -125,7 +125,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -171,7 +171,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 315, @@ -203,7 +203,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -222,7 +222,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -268,7 +268,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 313, @@ -300,7 +300,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -319,7 +319,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -365,7 +365,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 316, @@ -397,7 +397,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 200, "HorizontalAlignment": "Stretch", "Left": 0, @@ -449,7 +449,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -472,7 +472,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -552,7 +552,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -607,7 +607,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -660,7 +660,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -713,7 +713,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -766,7 +766,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -819,7 +819,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -872,7 +872,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -925,7 +925,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -978,7 +978,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1031,7 +1031,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1084,7 +1084,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1137,7 +1137,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1190,7 +1190,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1260,7 +1260,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1315,7 +1315,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1368,7 +1368,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1421,7 +1421,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1474,7 +1474,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1527,7 +1527,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1580,7 +1580,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1633,7 +1633,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1686,7 +1686,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1739,7 +1739,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1792,7 +1792,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1845,7 +1845,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1898,7 +1898,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -1968,7 +1968,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2023,7 +2023,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2076,7 +2076,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2129,7 +2129,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2182,7 +2182,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2235,7 +2235,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2288,7 +2288,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2341,7 +2341,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2394,7 +2394,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2447,7 +2447,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2500,7 +2500,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2553,7 +2553,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2606,7 +2606,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -2680,7 +2680,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 285, "HorizontalAlignment": "Stretch", "Left": 10, @@ -2732,7 +2732,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -2755,7 +2755,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -2824,7 +2824,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 100, "HorizontalAlignment": "Stretch", "Left": 0, @@ -2843,7 +2843,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -2873,7 +2873,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 0, @@ -3090,7 +3090,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 200, "HorizontalAlignment": "Stretch", "Left": 0, @@ -3142,7 +3142,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -3165,7 +3165,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -3212,7 +3212,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 0, @@ -3263,7 +3263,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3316,7 +3316,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3369,7 +3369,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3422,7 +3422,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3475,7 +3475,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3528,7 +3528,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3581,7 +3581,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3634,7 +3634,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3687,7 +3687,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3740,7 +3740,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3793,7 +3793,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3846,7 +3846,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -3920,7 +3920,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 106, "HorizontalAlignment": "Stretch", "Left": 0, @@ -3972,7 +3972,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -3995,7 +3995,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -4058,7 +4058,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4111,7 +4111,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4164,7 +4164,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4217,7 +4217,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4270,7 +4270,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4323,7 +4323,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4376,7 +4376,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4429,7 +4429,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4482,7 +4482,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4535,7 +4535,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4588,7 +4588,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4641,7 +4641,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4715,7 +4715,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 300, "HorizontalAlignment": "Stretch", "Left": 0, @@ -4767,7 +4767,7 @@ Object { "Clip": "Windows.UI.Xaml.Media.RectangleGeometry", "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -4790,7 +4790,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Left", "Left": 0, "Margin": "0,0,0,0", @@ -4853,7 +4853,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4906,7 +4906,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -4959,7 +4959,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5012,7 +5012,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5065,7 +5065,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5118,7 +5118,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5171,7 +5171,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5224,7 +5224,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5277,7 +5277,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5330,7 +5330,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5383,7 +5383,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5436,7 +5436,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5510,7 +5510,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 29, "HorizontalAlignment": "Stretch", "Left": 5, @@ -5529,7 +5529,7 @@ Object { "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -5575,7 +5575,7 @@ Object { Object { "Clip": null, "FlowDirection": "LeftToRight", - "Foreground": "#E400000", + "Foreground": "#E4000000", "Height": 19, "HorizontalAlignment": "Stretch", "Left": 288,