From c4f65270897aec18a0f078edb5c5b1338341da10 Mon Sep 17 00:00:00 2001 From: Igor Klemenski Date: Wed, 5 May 2021 16:47:03 -0700 Subject: [PATCH 1/2] Add Text component treedump test. --- .../TextBackgroundColorTestPage.tsx | 110 - .../examples-win/Text/TextExample.windows.tsx | 935 +-- .../LegacyTextBackgroundColorTest.test.ts | 22 - .../test/TextComponentTest.test.ts | 21 + ...LegacyTextBackgroundColorTest.test.ts.snap | 615 -- .../TextComponentTest.test.ts.snap | 6691 +++++++++++++++++ 6 files changed, 7185 insertions(+), 1209 deletions(-) delete mode 100644 packages/@react-native-windows/tester/src/js/examples-win/LegacyTests/TextBackgroundColorTestPage.tsx delete mode 100644 packages/e2e-test-app/test/LegacyTextBackgroundColorTest.test.ts create mode 100644 packages/e2e-test-app/test/TextComponentTest.test.ts delete mode 100644 packages/e2e-test-app/test/__snapshots__/LegacyTextBackgroundColorTest.test.ts.snap create mode 100644 packages/e2e-test-app/test/__snapshots__/TextComponentTest.test.ts.snap diff --git a/packages/@react-native-windows/tester/src/js/examples-win/LegacyTests/TextBackgroundColorTestPage.tsx b/packages/@react-native-windows/tester/src/js/examples-win/LegacyTests/TextBackgroundColorTestPage.tsx deleted file mode 100644 index c5642a42c51..00000000000 --- a/packages/@react-native-windows/tester/src/js/examples-win/LegacyTests/TextBackgroundColorTestPage.tsx +++ /dev/null @@ -1,110 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * Licensed under the MIT License. - */ - - import * as React from 'react' - import { - Text, - View, - } from 'react-native'; - - export function TextBackgroundColorTestPage() { - return ( - - - Outer pink - - Outer red nested - - - Outer{' '} - - nested white on blue - - - - Outer pink nested red - - - Outer on green{' '} - nested white on inherit green - - - Outer orange on green{' '} - - nested white on blue - - - - Outer orange{' '} - - nested white on blue - - - - - nested orange inherit on blue - - - - - Outer no_color{' '} - - START_NESTED green{' '} - - DEEPER_NESTED blue - {' '} - END_NESTED - {' '} - attributes. - - - Outer no_color{' '} - - START_NESTED no_color{' '} - DEEPER_NESTED blue{' '} - END_NESTED - {' '} - attributes. - - - Outer no_color{' '} - - START_NESTED green DEEPER_NESTED inherit green{' '} - END_NESTED - {' '} - attributes. - - - Outer red{' '} - - START_NESTED inherit red DEEPER_NESTED inherit red{' '} - END_NESTED - {' '} - attributes. - - - Outer red{' '} - - START_NESTED green{' '} - DEEPER_NESTED blue{' '} - END_NESTED - {' '} - attributes. - - - - ); - } - - export const displayName = (_undefined?: string) => { }; - export const title = 'LegacyTextBackgroundColorTest'; - export const description = 'Legacy e2e test for Text with backgroundColor'; - export const examples = [ - { - render: function (): JSX.Element { - return ; - }, - }, - ]; \ No newline at end of file diff --git a/packages/@react-native-windows/tester/src/js/examples-win/Text/TextExample.windows.tsx b/packages/@react-native-windows/tester/src/js/examples-win/Text/TextExample.windows.tsx index e2897eef700..55081312fe3 100644 --- a/packages/@react-native-windows/tester/src/js/examples-win/Text/TextExample.windows.tsx +++ b/packages/@react-native-windows/tester/src/js/examples-win/Text/TextExample.windows.tsx @@ -181,9 +181,9 @@ export class TextExample extends React.Component< 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.'; return ( - - - + + + This text should be uppercased. @@ -253,227 +253,238 @@ export class TextExample extends React.Component< - - - - - The text should wrap if it goes on multiple lines. See, this is - going to the next line. {lorumIpsum} - - - - - This text is indented by 10px padding on all sides. - - - - Sans-Serif - - Sans-Serif Bold - - Serif - - Serif Bold - - Monospace - - Monospace Bold (After 5.0) - - - - - - Roboto Regular - - Roboto Italic - - - Roboto Bold - - - Roboto Bold Italic - - Roboto Light - - Roboto Light Italic - - - Roboto Thin (After 4.2) - - - Roboto Thin Italic (After 4.2) - - - Roboto Condensed - - - Roboto Condensed Italic - - - Roboto Condensed Bold - - - Roboto Condensed Bold Italic - - - Roboto Medium (After 5.0) - - - Roboto Medium Italic (After 5.0) - + + + + The text should wrap if it goes on multiple lines. See, this is + going to the next line. {lorumIpsum} + + + + + This text is indented by 10px padding on all sides. + + + + Sans-Serif + + Sans-Serif Bold + + Serif + + Serif Bold + + Monospace + + Monospace Bold (After 5.0) + + + + + + Roboto Regular + + Roboto Italic + + + Roboto Bold + + + Roboto Bold Italic + + + Roboto Light + + + Roboto Light Italic + + + Roboto Thin (After 4.2) + + + Roboto Thin Italic (After 4.2) + + + Roboto Condensed + + + Roboto Condensed Italic + + + Roboto Condensed Bold + + + Roboto Condensed Bold Italic + + + Roboto Medium (After 5.0) + + + Roboto Medium Italic (After 5.0) + + - - - - - - NotoSerif Regular - - NotoSerif Bold Italic - - - NotoSerif Italic (Missing Font file) - + + + + + NotoSerif Regular + + NotoSerif Bold Italic + + + NotoSerif Italic (Missing Font file) + + - - + - - Size 23 - Size 8 - - - Red color - Blue color - - - Move fast and be bold - Move fast and be bold - - - Move fast and be bold - Move fast and be bold - - - - Move fast and be bold - - - - Solid underline - None textDecoration - - Solid line-through - - - Both underline and line-through - - - Mixed text with{' '} - underline and{' '} - - line-through - {' '} - text nodes - - - - console.log('1st')}> - (Normal text, - - (R)red - - (G)green - - (B)blue - - (C)cyan - - (M)magenta - - (Y)yellow - - (K)black + + Size 23 + Size 8 + + + Red color + Blue color + + + Move fast and be bold + Move fast and be bold + + + Move fast and be bold + Move fast and be bold + + + + Move fast and be bold + + + + + Solid underline + + + None textDecoration + + + Solid line-through + + + Both underline and line-through + + + Mixed text with{' '} + underline{' '} + and{' '} + + line-through + {' '} + text nodes + + + + console.log('1st')}> + (Normal text, + + (R)red + + (G)green + + (B)blue + + (C)cyan + + (M)magenta + + (Y)yellow + + (K)black + - - console.log('2nd')}> - (and bold console.log('3rd')}> - (and tiny bold italic blue + style={{fontWeight: 'bold'}} + onPress={() => console.log('2nd')}> + (and bold console.log('4th')}> - (and tiny normal blue) + style={{fontStyle: 'italic', fontSize: 11, color: '#527fe4'}} + onPress={() => console.log('3rd')}> + (and tiny bold italic blue + console.log('4th')}> + (and tiny normal blue) + + ) ) ) - ) - - console.log('1st')}> - (Serif console.log('2nd')}> - (Serif Bold Italic + style={{fontFamily: 'serif'}} + onPress={() => console.log('1st')}> + (Serif console.log('3rd')}> - (Monospace Normal + style={{fontStyle: 'italic', fontWeight: 'bold'}} + onPress={() => console.log('2nd')}> + (Serif Bold Italic console.log('4th')}> - (Sans-Serif Bold + style={{ + fontFamily: 'monospace', + fontStyle: 'normal', + fontWeight: 'normal', + }} + onPress={() => console.log('3rd')}> + (Monospace Normal console.log('5th')}> - (and Sans-Serif Normal) + style={{fontFamily: 'sans-serif', fontWeight: 'bold'}} + onPress={() => console.log('4th')}> + (Sans-Serif Bold + console.log('5th')}> + (and Sans-Serif Normal) + + ) ) @@ -481,296 +492,296 @@ export class TextExample extends React.Component< ) - ) - - - Entity Name - - - - auto (default) - english LTR - أحب اللغة العربية auto (default) - arabic RTL - - left left left left left left left left left left left left left - left left - - - center center center center center center center center center - center center - - - right right right right right right right right right right right - right right - - - - - - - 星际争霸是世界上最好的游戏。 - + + Entity Name + + + + auto (default) - english LTR + أحب اللغة العربية auto (default) - arabic RTL + + left left left left left left left left left left left left left + left left + + + center center center center center center center center center + center center + + + right right right right right right right right right right right + right right + + + + + + + 星际争霸是世界上最好的游戏。 + + + + + 星际争霸是世界上最好的游戏。 + + + + + 星际争霸是世界上最好的游戏。 + + + + + 星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。 + + + + + + A {'generated'} {'string'} and some     spaces + + + + + Holisticly formulate inexpensive ideas before best-of-breed + benefits. Continually expedite + magnetic potentialities rather than client-focused interfaces. + + + Holisticly formulate inexpensive ideas before best-of-breed + benefits. Continually expedite + magnetic potentialities rather than client-focused interfaces. + + + - - 星际争霸是世界上最好的游戏。 + letterSpacing = 0 + + letterSpacing = 2 - - - - 星际争霸是世界上最好的游戏。 + + letterSpacing = 9 - - - - 星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。 + + + With size and background color + + + + letterSpacing = -1 - - - - - - A {'generated'} {'string'} and some     spaces - - - - - Holisticly formulate inexpensive ideas before best-of-breed - benefits. Continually expedite - magnetic potentialities rather than client-focused interfaces. - - - Holisticly formulate inexpensive ideas before best-of-breed - benefits. Continually expedite - magnetic potentialities rather than client-focused interfaces. - - - - - letterSpacing = 0 - - letterSpacing = 2 - - - letterSpacing = 9 - - - With size and background color + [letterSpacing = 3] + + [Nested letterSpacing = 0] + + + [Nested letterSpacing = 6] + - - letterSpacing = -1 - - - [letterSpacing = 3] - - [Nested letterSpacing = 0] - - - [Nested letterSpacing = 6] - - - - - - - - - - + + + + + + + - - - + + + - - - Red background, - - {' '} - blue background, - + + + Red background, + {' '} - inherited blue background, - + blue background, + {' '} - nested green background. + inherited blue background, + + {' '} + nested green background. + - - - Same alpha as background, - - Inherited alpha from background, - - Reapply alpha + + Same alpha as background, + + Inherited alpha from background, + + Reapply alpha + - - - - - - - - - Default containerBackgroundColor (inherited) + backgroundColor wash - - - {"containerBackgroundColor: 'transparent' + backgroundColor wash"} - - - - 1 - - Maximum of one line no matter now much I write here. If I keep - writing it{"'"}ll just truncate after one line. {lorumIpsum} - + + + + + + + + Default containerBackgroundColor (inherited) + backgroundColor + wash + + + {"containerBackgroundColor: 'transparent' + backgroundColor wash"} + + + + 1 + + Maximum of one line no matter now much I write here. If I keep + writing it{"'"}ll just truncate after one line. {lorumIpsum} + - 2 - - Maximum of two lines no matter now much I write here. If I keep - writing it{"'"}ll just truncate after two lines. {lorumIpsum} - + 2 + + Maximum of two lines no matter now much I write here. If I keep + writing it{"'"}ll just truncate after two lines. {lorumIpsum} + - - (default) infinity - - - No maximum lines specified no matter now much I write here. If I - keep writing it{"'"}ll just keep going and going. {lorumIpsum} - - - - - This text is selectable if you click-and-hold, and will offer the - native Android selection menus. - - - - - This text will have a orange highlight on selection. - - - - - This text contains an inline image{' '} - {/* - .*/} Neat, - huh? - - - - - Demo text shadow - - - - - (default) tail - - - This very long text should be truncated with dots in the end.{' '} - {lorumIpsum} - + + (default) infinity + + + No maximum lines specified no matter now much I write here. If I + keep writing it{"'"}ll just keep going and going. {lorumIpsum} + + + + + This text is selectable if you click-and-hold, and will offer the + native Android selection menus. + + + + + This text will have a orange highlight on selection. + + + + + This text contains an inline image{' '} + {/* + .*/}{' '} + Neat, huh? + + + + + Demo text shadow + + + + + (default) tail + + + This very long text should be truncated with dots in the end.{' '} + {lorumIpsum} + - middle - - This very long text should be truncated with dots in the middle.{' '} - {lorumIpsum} - + middle + + This very long text should be truncated with dots in the middle.{' '} + {lorumIpsum} + - head - - This very long text should be truncated with dots in the beginning.{' '} - {lorumIpsum} - + head + + This very long text should be truncated with dots in the + beginning. {lorumIpsum} + - clip - - This very long text should be clipped and this will not be visible.{' '} - {lorumIpsum} - - - - - - Ey - Default - - - - Ey - - includeFontPadding: false + clip + + This very long text should be clipped and this will not be + visible. {lorumIpsum} + + + + + + Ey + Default + + + + Ey + + includeFontPadding: false + - - - By default Android will put extra space above text to allow for - upper-case accents or other ascenders. With some fonts, this can - make text look slightly misaligned when centered vertically. - - - - - <> - - Sample bordered text with default styling. + + By default Android will put extra space above text to allow for + upper-case accents or other ascenders. With some fonts, this can + make text look slightly misaligned when centered vertically. + + + + <> + + Sample bordered text with default styling. + - - Some more bordered text + a tad of CSS.{'\n'} - - 1st nested - border specifcied but ignored.{'\n'} - - 2nd Inside text! + + Some more bordered text + a tad of CSS.{'\n'} + + 1st nested - border specifcied but ignored.{'\n'} + + 2nd Inside text! + - - - This text is{' '} - - outlined{' '} + + This text is{' '} + + outlined{' '} + + and laid out within the normal text run, so will wrap etc as + normal text. - and laid out within the normal text run, so will wrap etc as - normal text. - - - - + + + + ); } } diff --git a/packages/e2e-test-app/test/LegacyTextBackgroundColorTest.test.ts b/packages/e2e-test-app/test/LegacyTextBackgroundColorTest.test.ts deleted file mode 100644 index d2f0f22a92b..00000000000 --- a/packages/e2e-test-app/test/LegacyTextBackgroundColorTest.test.ts +++ /dev/null @@ -1,22 +0,0 @@ -/** - * Copyright (c) Microsoft Corporation. - * Licensed under the MIT License. - * - * @format - */ - -import {goToComponentExample, dumpVisualTree} from './framework'; - -beforeAll(async () => { - await goToComponentExample('LegacyTextBackgroundColorTest'); -}); - -describe('LegacyTextBackgroundColorTest', () => { - /* Test case #1: view and image displayed with no border and cornerRadius */ - test('TextBackgroundColorTest', async () => { - const dump = await dumpVisualTree('text-color-background-view', { - additionalProperties: ['TextHighlighters'], - }); - expect(dump).toMatchSnapshot(); - }); -}); diff --git a/packages/e2e-test-app/test/TextComponentTest.test.ts b/packages/e2e-test-app/test/TextComponentTest.test.ts new file mode 100644 index 00000000000..0a8b29d55de --- /dev/null +++ b/packages/e2e-test-app/test/TextComponentTest.test.ts @@ -0,0 +1,21 @@ +/** + * Copyright (c) Microsoft Corporation. + * Licensed under the MIT License. + * + * @format + */ + +import {goToComponentExample, dumpVisualTree} from './framework'; + +beforeAll(async () => { + await goToComponentExample('Text'); +}); + +describe('Text examples dump test', () => { + test('text_dump_test', async () => { + const dump = await dumpVisualTree('text-dump-test', { + additionalProperties: ['TextHighlighters'], + }); + expect(dump).toMatchSnapshot(); + }); +}); diff --git a/packages/e2e-test-app/test/__snapshots__/LegacyTextBackgroundColorTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/LegacyTextBackgroundColorTest.test.ts.snap deleted file mode 100644 index 815851ce337..00000000000 --- a/packages/e2e-test-app/test/__snapshots__/LegacyTextBackgroundColorTest.test.ts.snap +++ /dev/null @@ -1,615 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`LegacyTextBackgroundColorTest TextBackgroundColorTest 1`] = ` -Object { - "AutomationId": "text-color-background-view", - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 247, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFC0CB", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer pink", - "TextHighlighters": Array [], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer red nested", - "TextHighlighters": Array [], - "Top": 19, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer nested white on blue", - "TextHighlighters": Array [ - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 20, - "StartIndex": 6, - }, - ], - }, - ], - "Top": 38, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFC0CB", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer pink nested red", - "TextHighlighters": Array [], - "Top": 57, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer on green nested white on inherit green", - "TextHighlighters": Array [ - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 14, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 14, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 29, - "StartIndex": 15, - }, - ], - }, - ], - "Top": 76, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFA500", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer orange on green nested white on blue", - "TextHighlighters": Array [ - Object { - "Background": "#FF008000", - "Foreground": "#FFFFA500", - "Ranges": Array [ - Object { - "Length": 21, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFA500", - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 21, - }, - ], - }, - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 20, - "StartIndex": 22, - }, - ], - }, - ], - "Top": 95, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFA500", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer orange nested white on blue", - "TextHighlighters": Array [ - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 20, - "StartIndex": 13, - }, - ], - }, - ], - "Top": 114, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFA500", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "nested orange inherit on blue", - "TextHighlighters": Array [ - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFFA500", - "Ranges": Array [ - Object { - "Length": 29, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 133, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer no_color START_NESTED green DEEPER_NESTED blue END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 15, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 33, - }, - ], - }, - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFF00FF", - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 34, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 52, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 10, - "StartIndex": 53, - }, - ], - }, - ], - "Top": 152, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer no_color START_NESTED no_color DEEPER_NESTED blue END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FF0000FF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 37, - }, - ], - }, - ], - "Top": 171, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer no_color START_NESTED green DEEPER_NESTED inherit green END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 19, - "StartIndex": 15, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 27, - "StartIndex": 34, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 61, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 10, - "StartIndex": 62, - }, - ], - }, - ], - "Top": 190, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer red START_NESTED inherit red DEEPER_NESTED inherit red END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 9, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 9, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 25, - "StartIndex": 10, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 25, - "StartIndex": 35, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 60, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 10, - "StartIndex": 61, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 71, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 11, - "StartIndex": 72, - }, - ], - }, - ], - "Top": 209, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer red START_NESTED green DEEPER_NESTED blue END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 9, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 9, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 10, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 28, - }, - ], - }, - Object { - "Background": "#FF0000FF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 29, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 47, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 10, - "StartIndex": 48, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 58, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 11, - "StartIndex": 59, - }, - ], - }, - ], - "Top": 228, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], -} -`; diff --git a/packages/e2e-test-app/test/__snapshots__/TextComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/TextComponentTest.test.ts.snap new file mode 100644 index 00000000000..17caa05fc93 --- /dev/null +++ b/packages/e2e-test-app/test/__snapshots__/TextComponentTest.test.ts.snap @@ -0,0 +1,6691 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Text examples dump test text_dump_test 1`] = ` +Object { + "AutomationId": "text-dump-test", + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 0, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 800, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFF2F2F7", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 0, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 800, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#00FFFFFF", + "BorderBrush": "#00FFFFFF", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 10, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 800, + "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": 7102, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 800, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 291, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 30, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "textTransform", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 219, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "THIS TEXT SHOULD BE UPPERCASED.", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "this text should be lowercased.", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This Text Should Be CAPITALIZED.", + "TextHighlighters": Array [], + "Top": 48, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Mixed: UPPERCASE lowercase Capitalize Each Word", + "TextHighlighters": Array [], + "Top": 67, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Should be \\"ABC\\":ABC", + "TextHighlighters": Array [], + "Top": 86, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Should be \\"XyZ\\":XyZ", + "TextHighlighters": Array [], + "Top": 105, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Should be \\"xYz\\":xYz", + "TextHighlighters": Array [], + "Top": 124, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Click to toggle uppercase: Hello", + "TextHighlighters": Array [], + "Top": 143, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Click to change raw text: HELLO WORLD", + "TextHighlighters": Array [], + "Top": 162, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "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", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 181, + "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": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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 { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Click to toggle fast text on next line (should remain uppercase):", + "TextHighlighters": Array [], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "HOWDY", + "TextHighlighters": Array [], + "Top": 19, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 269, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 351, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Wrap", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 197, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 187, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "The text should wrap if it goes on multiple lines. See, this is going to the next line. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 121, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 650, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Padding", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 49, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 39, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "10,10,10,10", + "Text": "This text is indented by 10px padding on all sides.", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 184, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 801, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Font Family", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 112, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Sans-Serif", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Sans-Serif Bold", + "TextHighlighters": Array [], + "Top": 27, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Serif", + "TextHighlighters": Array [], + "Top": 44, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Serif Bold", + "TextHighlighters": Array [], + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Monospace", + "TextHighlighters": Array [], + "Top": 78, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Monospace Bold (After 5.0)", + "TextHighlighters": Array [], + "Top": 95, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 320, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1015, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Android Material Design fonts", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 248, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "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": 238, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": 238, + "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": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Regular", + "TextHighlighters": Array [], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Italic", + "TextHighlighters": Array [], + "Top": 17, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Bold", + "TextHighlighters": Array [], + "Top": 34, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Bold Italic", + "TextHighlighters": Array [], + "Top": 51, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Light", + "TextHighlighters": Array [], + "Top": 68, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Light Italic", + "TextHighlighters": Array [], + "Top": 85, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Thin (After 4.2)", + "TextHighlighters": Array [], + "Top": 102, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Thin Italic (After 4.2)", + "TextHighlighters": Array [], + "Top": 119, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Condensed", + "TextHighlighters": Array [], + "Top": 136, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Condensed Italic", + "TextHighlighters": Array [], + "Top": 153, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Condensed Bold", + "TextHighlighters": Array [], + "Top": 170, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Condensed Bold Italic", + "TextHighlighters": Array [], + "Top": 187, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Medium (After 5.0)", + "TextHighlighters": Array [], + "Top": 204, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Roboto Medium Italic (After 5.0)", + "TextHighlighters": Array [], + "Top": 221, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 133, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1365, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Custom Fonts", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 61, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "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": 51, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": 51, + "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": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "NotoSerif Regular", + "TextHighlighters": Array [], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "NotoSerif Bold Italic", + "TextHighlighters": Array [], + "Top": 17, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "NotoSerif Italic (Missing Font file)", + "TextHighlighters": Array [], + "Top": 34, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 124, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1528, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Font Size", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 52, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 31, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Size 23", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 11, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Size 8", + "TextHighlighters": Array [], + "Top": 41, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 120, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1682, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Color", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 48, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFF0000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Red color", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF0000FF", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Blue color", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 120, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1832, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Font Weight", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 48, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Move fast and be bold", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Move fast and be bold", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 120, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 1982, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Font Style", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 48, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Move fast and be bold", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Move fast and be bold", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 101, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 2132, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Font Style and Weight", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Move fast and be bold", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 177, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 2263, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Text Decoration", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 105, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Solid underline", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "None textDecoration", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Solid line-through", + "TextHighlighters": Array [], + "Top": 48, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Both underline and line-through", + "TextHighlighters": Array [], + "Top": 67, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Mixed text with underline and line-through text nodes", + "TextHighlighters": Array [], + "Top": 86, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 153, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 2470, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Nested", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 81, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "(Normal text,(R)red(G)green(B)blue(C)cyan(M)magenta(Y)yellow(K)black(and bold(and tiny bold italic blue(and tiny normal blue))))", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "(Serif(Serif Bold Italic(Monospace Normal(Sans-Serif Bold(and Sans-Serif Normal)))))", + "TextHighlighters": Array [], + "Top": 48, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Entity Name", + "TextHighlighters": Array [], + "Top": 65, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 177, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 2653, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Text Align", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 105, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "auto (default) - english LTR", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "أحب اللغة العربية auto (default) - arabic RTL", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "left left left left left left left left left left left left left left left", + "TextHighlighters": Array [], + "Top": 48, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "center center center center center center center center center center center", + "TextHighlighters": Array [], + "Top": 67, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "right right right right right right right right right right right right right", + "TextHighlighters": Array [], + "Top": 86, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 177, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 2860, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Unicode", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 105, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "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": 95, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": "星际争霸是世界上最好的游戏。", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 14, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 192, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + 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": 19, + "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": "星际争霸是世界上最好的游戏。", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 14, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + 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": 38, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 263, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "星际争霸是世界上最好的游戏。", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 14, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 192, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 57, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 56, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 101, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 3067, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Spaces", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "A generated string and some     spaces", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 182, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 3198, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Line Height", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 110, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 70, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Holisticly formulate inexpensive ideas before best-of-breed benefits. Continually expedite magnetic potentialities rather than client-focused interfaces.", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 30, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Holisticly formulate inexpensive ideas before best-of-breed benefits. Continually expedite magnetic potentialities rather than client-focused interfaces.", + "TextHighlighters": Array [], + "Top": 80, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 218, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 3410, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Letter Spacing", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 146, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "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": 136, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": "letterSpacing = 0", + "TextHighlighters": Array [], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "letterSpacing = 2", + "TextHighlighters": Array [], + "Top": 24, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "letterSpacing = 9", + "TextHighlighters": Array [], + "Top": 48, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 21, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 67, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "With size and background color", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF00FF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 30, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 169, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "letterSpacing = -1", + "TextHighlighters": Array [], + "Top": 93, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "[letterSpacing = 3][Nested letterSpacing = 0][Nested letterSpacing = 6]", + "TextHighlighters": Array [ + Object { + "Background": "#FFDDDDDD", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 19, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FFBBBBBB", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 26, + "StartIndex": 19, + }, + ], + }, + Object { + "Background": "#FFEEEEEE", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 26, + "StartIndex": 45, + }, + ], + }, + ], + "Top": 117, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 101, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 3658, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Empty Text", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 160, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 3789, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Toggling Attributes", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 88, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "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": 78, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 20, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Tap the controls below to change attributes.", + "TextHighlighters": Array [], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 20, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "See how it will even work on this nested text", + "TextHighlighters": Array [], + "Top": 20, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Toggle Weight (with highlight onPress)", + "TextHighlighters": Array [], + "Top": 40, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Increase Size (suppressHighlighting true)", + "TextHighlighters": Array [], + "Top": 59, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 329, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 3979, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "backgroundColor new examples", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 257, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "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": 247, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFC0CB", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer pink", + "TextHighlighters": Array [], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer red nested", + "TextHighlighters": Array [], + "Top": 19, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer nested white on blue", + "TextHighlighters": Array [ + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 20, + "StartIndex": 6, + }, + ], + }, + ], + "Top": 38, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFC0CB", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer pink nested red", + "TextHighlighters": Array [], + "Top": 57, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer on green nested white on inherit green", + "TextHighlighters": Array [ + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 14, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 14, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 29, + "StartIndex": 15, + }, + ], + }, + ], + "Top": 76, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFA500", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer orange on green nested white on blue", + "TextHighlighters": Array [ + Object { + "Background": "#FF008000", + "Foreground": "#FFFFA500", + "Ranges": Array [ + Object { + "Length": 21, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFA500", + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 21, + }, + ], + }, + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 20, + "StartIndex": 22, + }, + ], + }, + ], + "Top": 95, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFA500", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer orange nested white on blue", + "TextHighlighters": Array [ + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 20, + "StartIndex": 13, + }, + ], + }, + ], + "Top": 114, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFA500", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "nested orange inherit on blue", + "TextHighlighters": Array [ + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFFA500", + "Ranges": Array [ + Object { + "Length": 29, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 133, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer no_color START_NESTED green DEEPER_NESTED magenta on blue END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 18, + "StartIndex": 15, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 33, + }, + ], + }, + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFF00FF", + "Ranges": Array [ + Object { + "Length": 29, + "StartIndex": 34, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 63, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 10, + "StartIndex": 64, + }, + ], + }, + ], + "Top": 152, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer no_color START_NESTED no_color DEEPER_NESTED blue END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FF0000FF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 18, + "StartIndex": 37, + }, + ], + }, + ], + "Top": 171, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer no_color START_NESTED green DEEPER_NESTED inherit green END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 19, + "StartIndex": 15, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 27, + "StartIndex": 34, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 61, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 10, + "StartIndex": 62, + }, + ], + }, + ], + "Top": 190, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer red START_NESTED inherit red DEEPER_NESTED inherit red END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 9, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 9, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 25, + "StartIndex": 10, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 25, + "StartIndex": 35, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 60, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 10, + "StartIndex": 61, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 71, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 11, + "StartIndex": 72, + }, + ], + }, + ], + "Top": 209, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer red START_NESTED green DEEPER_NESTED blue END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 9, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 9, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 18, + "StartIndex": 10, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 28, + }, + ], + }, + Object { + "Background": "#FF0000FF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 18, + "StartIndex": 29, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 47, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 10, + "StartIndex": 48, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 58, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 11, + "StartIndex": 59, + }, + ], + }, + ], + "Top": 228, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 120, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 4338, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "backgroundColor attribute", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 48, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Red background, blue background, inherited blue background, nested green background.", + "TextHighlighters": Array [ + Object { + "Background": "#FFFFAAAA", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 15, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FFAAAAFF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 15, + }, + ], + }, + Object { + "Background": "#FFAAAAFF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 16, + "StartIndex": 16, + }, + ], + }, + Object { + "Background": "#FFAAAAFF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 32, + }, + ], + }, + Object { + "Background": "#FFAAAAFF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 26, + "StartIndex": 33, + }, + ], + }, + Object { + "Background": "#FFAAFFAA", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 59, + }, + ], + }, + Object { + "Background": "#FFAAFFAA", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 24, + "StartIndex": 60, + }, + ], + }, + ], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Same alpha as background,Inherited alpha from background,Reapply alpha", + "TextHighlighters": Array [ + Object { + "Background": "#4D646464", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 25, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#4D646464", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 32, + "StartIndex": 25, + }, + ], + }, + Object { + "Background": "#4D646464", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 13, + "StartIndex": 57, + }, + ], + }, + ], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 205, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 4488, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "containerBackgroundColor attribute", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 133, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "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": 85, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": "#FFFFAAAA", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 85, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 150, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + Object { + "Background": "#FFAAAAFF", + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 85, + "HorizontalAlignment": "Stretch", + "Left": 150, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 150, + "XamlType": "Microsoft.ReactNative.ViewPanel", + }, + ], + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 15, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Default containerBackgroundColor (inherited) + backgroundColor wash", + "TextHighlighters": Array [ + Object { + "Background": "#4D646464", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 67, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 15, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 15, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "containerBackgroundColor: 'transparent' + backgroundColor wash", + "TextHighlighters": Array [ + Object { + "Background": "#00000000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 62, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 44, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 423, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 4723, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "numberOfLines attribute", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 351, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "1", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Maximum of one line no matter now much I write here. If I keep writing it'll just truncate after one line. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "2", + "TextHighlighters": Array [], + "Top": 68, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Maximum of two lines no matter now much I write here. If I keep writing it'll just truncate after two lines. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "TextHighlighters": Array [], + "Top": 87, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "(default) infinity", + "TextHighlighters": Array [], + "Top": 145, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 187, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "No maximum lines specified no matter now much I write here. If I keep writing it'll just keep going and going. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "TextHighlighters": Array [], + "Top": 164, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 101, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5176, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "selectable attribute", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This text is selectable if you click-and-hold, and will offer the native Android selection menus.", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 101, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5307, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "selectionColor attribute", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This text will have a orange highlight on selection.", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 101, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5438, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Inline images", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 29, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This text contains an inline image Neat, huh?", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 109, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5569, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Text shadow", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 37, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 27, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Demo text shadow", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 294, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 5708, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Ellipsize mode", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 222, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "(default) tail", + "TextHighlighters": Array [], + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This very long text should be truncated with dots in the end. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "middle", + "TextHighlighters": Array [], + "Top": 68, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This very long text should be truncated with dots in the middle. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "TextHighlighters": Array [], + "Top": 87, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "head", + "TextHighlighters": Array [], + "Top": 126, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This very long text should be truncated with dots in the beginning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "TextHighlighters": Array [], + "Top": 145, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "clip", + "TextHighlighters": Array [], + "Top": 184, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This very long text should be clipped and this will not be visible. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "TextHighlighters": Array [], + "Top": 203, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 293, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 6032, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Include Font Padding", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 221, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "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": 163, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": 163, + "HorizontalAlignment": "Stretch", + "Left": 110, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 119, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 144, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Ey", + "TextHighlighters": Array [ + Object { + "Background": "#FFEEEEEE", + "Foreground": "#FF000000", + "Ranges": Array [ + Object { + "Length": 2, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 119, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 37, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Default", + "TextHighlighters": Array [], + "Top": 144, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 45, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 163, + "HorizontalAlignment": "Stretch", + "Left": 450, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 158, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 144, + "HorizontalAlignment": "Stretch", + "Left": 24, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Ey", + "TextHighlighters": Array [ + Object { + "Background": "#FFEEEEEE", + "Foreground": "#FF000000", + "Ranges": Array [ + Object { + "Length": 2, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 119, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "includeFontPadding: false", + "TextHighlighters": Array [], + "Top": 144, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 158, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "By default Android will put extra space above text to allow for upper-case accents or other ascenders. With some fonts, this can make text look slightly misaligned when centered vertically.", + "TextHighlighters": Array [], + "Top": 183, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": "#FFFFFFFF", + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 477, + "HorizontalAlignment": "Stretch", + "Left": 20, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Top": 6355, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 760, + "XamlType": "Windows.UI.Xaml.Controls.Border", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#493C3C43", + "BorderThickness": "1,1,1,1", + "Clip": null, + "CornerRadius": "0,0,0,0", + "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": 50, + "HorizontalAlignment": "Stretch", + "Left": 1, + "Margin": "0,0,0,0", + "Top": 1, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 758, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 24, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Text With Border", + "TextHighlighters": Array [], + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "", + "TextHighlighters": Array [], + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 405, + "HorizontalAlignment": "Stretch", + "Left": 11, + "Margin": "0,0,0,0", + "Top": 61, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 738, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#FF000000", + "BorderThickness": "2,2,2,2", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 32, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 400, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 28, + "HorizontalAlignment": "Stretch", + "Left": 2, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Sample bordered text with default styling.", + "TextHighlighters": Array [], + "Top": 2, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 400, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Background": null, + "BorderBrush": "#FF000000", + "BorderThickness": "2,2,2,2", + "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.Border", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#FF008000", + "BorderThickness": "3,3,3,3", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 144, + "HorizontalAlignment": "Stretch", + "Left": 110, + "Margin": "0,0,0,0", + "Top": 142, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 518, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 78, + "HorizontalAlignment": "Stretch", + "Left": 33, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Some more bordered text + a tad of CSS. +1st nested - border specifcied but ignored. +2nd Inside text!", + "TextHighlighters": Array [], + "Top": 33, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 452, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Background": null, + "BorderBrush": "#FF008000", + "BorderThickness": "3,3,3,3", + "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.Border", + }, + ], + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This text is outlined and laid out within the normal text run, so will wrap etc as normal text.", + "TextHighlighters": Array [], + "Top": 386, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 270, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 6832, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 800, + "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", + }, + ], + }, + ], + }, + ], + }, + ], + }, + ], +} +`; From dadad1d75e8a48d59c05b5ad64435357079ef252 Mon Sep 17 00:00:00 2001 From: Igor Klemenski Date: Wed, 5 May 2021 17:46:13 -0700 Subject: [PATCH 2/2] Make dumps more fine-grained. --- .../examples-win/Text/TextExample.windows.tsx | 873 +- .../src/js/utils/RNTesterList.windows.js | 4 - .../test/TextComponentTest.test.ts | 106 +- .../TextComponentTest.test.ts.snap | 8536 ++++------------- 4 files changed, 2463 insertions(+), 7056 deletions(-) diff --git a/packages/@react-native-windows/tester/src/js/examples-win/Text/TextExample.windows.tsx b/packages/@react-native-windows/tester/src/js/examples-win/Text/TextExample.windows.tsx index 55081312fe3..a8b34d111fa 100644 --- a/packages/@react-native-windows/tester/src/js/examples-win/Text/TextExample.windows.tsx +++ b/packages/@react-native-windows/tester/src/js/examples-win/Text/TextExample.windows.tsx @@ -81,7 +81,7 @@ export class AttributeToggler extends React.Component< export class BackgroundColorDemo extends React.Component<{}> { public render() { return ( - + Outer pink Outer red nested @@ -181,9 +181,9 @@ export class TextExample extends React.Component< 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.'; return ( - - - + + + This text should be uppercased. @@ -253,238 +253,238 @@ export class TextExample extends React.Component< - - - - The text should wrap if it goes on multiple lines. See, this is - going to the next line. {lorumIpsum} - - - - - This text is indented by 10px padding on all sides. - - - - Sans-Serif - - Sans-Serif Bold - - Serif - - Serif Bold - - Monospace - - Monospace Bold (After 5.0) - - - - - - Roboto Regular - - Roboto Italic - - - Roboto Bold - - - Roboto Bold Italic - - - Roboto Light - - - Roboto Light Italic - - - Roboto Thin (After 4.2) - - - Roboto Thin Italic (After 4.2) - - - Roboto Condensed - - - Roboto Condensed Italic - - - Roboto Condensed Bold - - - Roboto Condensed Bold Italic - - - Roboto Medium (After 5.0) - - - Roboto Medium Italic (After 5.0) - - + + + + + The text should wrap if it goes on multiple lines. See, this is + going to the next line. {lorumIpsum} + + + + + This text is indented by 10px padding on all sides. + + + + Sans-Serif + + Sans-Serif Bold + + Serif + + Serif Bold + + Monospace + + Monospace Bold (After 5.0) + + + + + + Roboto Regular + + Roboto Italic + + + Roboto Bold + + + Roboto Bold Italic + + Roboto Light + + Roboto Light Italic + + + Roboto Thin (After 4.2) + + + Roboto Thin Italic (After 4.2) + + + Roboto Condensed + + + Roboto Condensed Italic + + + Roboto Condensed Bold + + + Roboto Condensed Bold Italic + + + Roboto Medium (After 5.0) + + + Roboto Medium Italic (After 5.0) + - - - - - NotoSerif Regular - - NotoSerif Bold Italic - - - NotoSerif Italic (Missing Font file) - - + + + + + + NotoSerif Regular + + NotoSerif Bold Italic + + + NotoSerif Italic (Missing Font file) + - + + - - Size 23 - Size 8 - - - Red color - Blue color - - - Move fast and be bold - Move fast and be bold - - - Move fast and be bold - Move fast and be bold - - - - Move fast and be bold - - - - - Solid underline - - - None textDecoration - - - Solid line-through - - - Both underline and line-through - - - Mixed text with{' '} - underline{' '} - and{' '} - - line-through - {' '} - text nodes - - - - console.log('1st')}> - (Normal text, - - (R)red - - (G)green - - (B)blue - - (C)cyan - - (M)magenta - - (Y)yellow - - (K)black - + + + Size 23 + + Size 8 + + + + Red color + + Blue color + + + Move fast and be bold + Move fast and be bold + + + Move fast and be bold + Move fast and be bold + + + + Move fast and be bold + + + + + Solid underline + + None textDecoration + + Solid line-through + + + Both underline and line-through + + + Mixed text with{' '} + underline and{' '} + + line-through + {' '} + text nodes + + + + console.log('1st')} testID={'text-outer-color'}> + (Normal text, + + (R)red + + (G)green + + (B)blue + + (C)cyan + + (M)magenta + + (Y)yellow + + (K)black + + console.log('2nd')}> + (and bold console.log('2nd')}> - (and bold + style={{fontStyle: 'italic', fontSize: 11, color: '#527fe4'}} + onPress={() => console.log('3rd')}> + (and tiny bold italic blue console.log('3rd')}> - (and tiny bold italic blue - console.log('4th')}> - (and tiny normal blue) - - ) + style={{fontWeight: 'normal', fontStyle: 'normal'}} + onPress={() => console.log('4th')}> + (and tiny normal blue) ) ) + ) + + console.log('1st')}> + (Serif console.log('1st')}> - (Serif + style={{fontStyle: 'italic', fontWeight: 'bold'}} + onPress={() => console.log('2nd')}> + (Serif Bold Italic console.log('2nd')}> - (Serif Bold Italic + style={{ + fontFamily: 'monospace', + fontStyle: 'normal', + fontWeight: 'normal', + }} + onPress={() => console.log('3rd')}> + (Monospace Normal console.log('3rd')}> - (Monospace Normal + style={{fontFamily: 'sans-serif', fontWeight: 'bold'}} + onPress={() => console.log('4th')}> + (Sans-Serif Bold console.log('4th')}> - (Sans-Serif Bold - console.log('5th')}> - (and Sans-Serif Normal) - - ) + style={{fontWeight: 'normal'}} + onPress={() => console.log('5th')}> + (and Sans-Serif Normal) ) @@ -492,11 +492,14 @@ export class TextExample extends React.Component< ) - - Entity Name - - - + ) + + + Entity Name + + + + auto (default) - english LTR أحب اللغة العربية auto (default) - arabic RTL @@ -511,37 +514,39 @@ export class TextExample extends React.Component< right right right right right right right right right right right right right - - + + + + + + + 星际争霸是世界上最好的游戏。 + + - - - 星际争霸是世界上最好的游戏。 - - - - - 星际争霸是世界上最好的游戏。 - - - - - 星际争霸是世界上最好的游戏。 - - - - - 星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。 - - + + 星际争霸是世界上最好的游戏。 + - - - - A {'generated'} {'string'} and some     spaces - - - + + + 星际争霸是世界上最好的游戏。 + + + + + 星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。 + + + + + + + A {'generated'} {'string'} and some     spaces + + + + Holisticly formulate inexpensive ideas before best-of-breed benefits. Continually expedite @@ -552,152 +557,157 @@ export class TextExample extends React.Component< benefits. Continually expedite magnetic potentialities rather than client-focused interfaces. - - - - letterSpacing = 0 - - letterSpacing = 2 - - - letterSpacing = 9 - - - - With size and background color - - - - letterSpacing = -1 - + + + + + letterSpacing = 0 + + letterSpacing = 2 + + + letterSpacing = 9 + + - [letterSpacing = 3] - - [Nested letterSpacing = 0] - - - [Nested letterSpacing = 6] - + With size and background color - - - - - - - + + letterSpacing = -1 + + + [letterSpacing = 3] + + [Nested letterSpacing = 0] + + + [Nested letterSpacing = 6] + + + + + + + + + + - - - + + + - - - Red background, - + + + Red background, + + {' '} + blue background, + {' '} - blue background, - + inherited blue background, + {' '} - inherited blue background, - - {' '} - nested green background. - + nested green background. - - Same alpha as background, - - Inherited alpha from background, - - Reapply alpha - + + + Same alpha as background, + + Inherited alpha from background, + + Reapply alpha - - - - - - - - Default containerBackgroundColor (inherited) + backgroundColor - wash - - - {"containerBackgroundColor: 'transparent' + backgroundColor wash"} - - - - 1 - - Maximum of one line no matter now much I write here. If I keep - writing it{"'"}ll just truncate after one line. {lorumIpsum} - + + + + + + + + + Default containerBackgroundColor (inherited) + backgroundColor wash + + + {"containerBackgroundColor: 'transparent' + backgroundColor wash"} + + + + 1 + + Maximum of one line no matter now much I write here. If I keep + writing it{"'"}ll just truncate after one line. {lorumIpsum} + - 2 - - Maximum of two lines no matter now much I write here. If I keep - writing it{"'"}ll just truncate after two lines. {lorumIpsum} - + 2 + + Maximum of two lines no matter now much I write here. If I keep + writing it{"'"}ll just truncate after two lines. {lorumIpsum} + - - (default) infinity - - - No maximum lines specified no matter now much I write here. If I - keep writing it{"'"}ll just keep going and going. {lorumIpsum} - - - - - This text is selectable if you click-and-hold, and will offer the - native Android selection menus. - - - - - This text will have a orange highlight on selection. - - - - - This text contains an inline image{' '} - {/* - .*/}{' '} - Neat, huh? - - - - - Demo text shadow - - - + + (default) infinity + + + No maximum lines specified no matter now much I write here. If I + keep writing it{"'"}ll just keep going and going. {lorumIpsum} + + + + + This text is selectable if you click-and-hold, and will offer the + native Android selection menus. + + + + + This text will have a orange highlight on selection. + + + + + This text contains an inline image{' '} + {/* + .*/} Neat, + huh? + + + + + Demo text shadow + + + + (default) tail @@ -723,65 +733,66 @@ export class TextExample extends React.Component< This very long text should be clipped and this will not be visible. {lorumIpsum} - - - - - Ey - Default - - - - Ey - - includeFontPadding: false - + + + + + + Ey + Default - - By default Android will put extra space above text to allow for - upper-case accents or other ascenders. With some fonts, this can - make text look slightly misaligned when centered vertically. - - - - - <> - - Sample bordered text with default styling. + + + Ey + includeFontPadding: false + + + + By default Android will put extra space above text to allow for + upper-case accents or other ascenders. With some fonts, this can + make text look slightly misaligned when centered vertically. + + - - Some more bordered text + a tad of CSS.{'\n'} - - 1st nested - border specifcied but ignored.{'\n'} - - 2nd Inside text! - + + + + Sample bordered text with default styling. + + + + Some more bordered text + a tad of CSS.{'\n'} + + 1st nested - border specifcied but ignored.{'\n'} + + 2nd Inside text! + - - This text is{' '} - - outlined{' '} - - and laid out within the normal text run, so will wrap etc as - normal text. + + This text is{' '} + + outlined{' '} - - - - + and laid out within the normal text run, so will wrap etc as + normal text. + + + + ); } } diff --git a/packages/@react-native-windows/tester/src/js/utils/RNTesterList.windows.js b/packages/@react-native-windows/tester/src/js/utils/RNTesterList.windows.js index 049425dff6b..1556e96c3e0 100644 --- a/packages/@react-native-windows/tester/src/js/utils/RNTesterList.windows.js +++ b/packages/@react-native-windows/tester/src/js/utils/RNTesterList.windows.js @@ -199,10 +199,6 @@ const ComponentExamples: Array = [ key: 'LegacyImageTest', module: require('../examples-win/LegacyTests/ImageTestPage'), }, - { - key: 'LegacyTextBackgroundColorTest', - module: require('../examples-win/LegacyTests/TextBackgroundColorTestPage'), - }, ]; const APIExamples: Array = [ diff --git a/packages/e2e-test-app/test/TextComponentTest.test.ts b/packages/e2e-test-app/test/TextComponentTest.test.ts index 0a8b29d55de..d68a58ab32c 100644 --- a/packages/e2e-test-app/test/TextComponentTest.test.ts +++ b/packages/e2e-test-app/test/TextComponentTest.test.ts @@ -11,9 +11,109 @@ beforeAll(async () => { await goToComponentExample('Text'); }); -describe('Text examples dump test', () => { - test('text_dump_test', async () => { - const dump = await dumpVisualTree('text-dump-test', { +describe('TextTest', () => { + test('Text transform', async () => { + const dump = await dumpVisualTree('text-transform'); + expect(dump).toMatchSnapshot(); + }); + + test('Text wrapping', async () => { + const dump = await dumpVisualTree('text-wrap'); + expect(dump).toMatchSnapshot(); + }); + + test('Text padding', async () => { + const dump = await dumpVisualTree('text-padding'); + expect(dump).toMatchSnapshot(); + }); + + test('Text font family', async () => { + const dump = await dumpVisualTree('text-font-family'); + expect(dump).toMatchSnapshot(); + }); + + test('Text size', async () => { + const dump = await dumpVisualTree('text-size'); + expect(dump).toMatchSnapshot(); + }); + + test('Text color', async () => { + const dump = await dumpVisualTree('text-color'); + expect(dump).toMatchSnapshot(); + }); + + test('Text decoration underline', async () => { + const dump = await dumpVisualTree('text-decoration-underline'); + expect(dump).toMatchSnapshot(); + }); + + test('Text decoration solid linethrough', async () => { + const dump = await dumpVisualTree('text-decoration-solid-linethru'); + expect(dump).toMatchSnapshot(); + }); + + test('Text color with children', async () => { + const dump = await dumpVisualTree('text-outer-color'); + expect(dump).toMatchSnapshot(); + }); + + test('Text alignment', async () => { + const dump = await dumpVisualTree('text-align'); + expect(dump).toMatchSnapshot(); + }); + + test('Text unicode characters', async () => { + const dump = await dumpVisualTree('text-unicode'); + expect(dump).toMatchSnapshot(); + }); + + test('Text line height', async () => { + const dump = await dumpVisualTree('text-line-height'); + expect(dump).toMatchSnapshot(); + }); + + test('Text letter spacing', async () => { + const dump = await dumpVisualTree('text-letter-spacing'); + expect(dump).toMatchSnapshot(); + }); + + test('Text force one line', async () => { + const dump = await dumpVisualTree('text-one-line'); + expect(dump).toMatchSnapshot(); + }); + + test('Text is selectable', async () => { + const dump = await dumpVisualTree('text-selectable'); + expect(dump).toMatchSnapshot(); + }); + + test('Text selection color', async () => { + const dump = await dumpVisualTree('text-selection-color'); + expect(dump).toMatchSnapshot(); + }); + + test('Text shadows', async () => { + const dump = await dumpVisualTree('text-shadow'); + expect(dump).toMatchSnapshot(); + }); + + test('Text ellipsize', async () => { + const dump = await dumpVisualTree('text-ellipsize'); + expect(dump).toMatchSnapshot(); + }); + + test('Text font padding', async () => { + const dump = await dumpVisualTree('text-font-padding'); + expect(dump).toMatchSnapshot(); + }); + + test('Text border', async () => { + const dump = await dumpVisualTree('text-border'); + expect(dump).toMatchSnapshot(); + }); + + test('Text background color', async () => { + const dump = await dumpVisualTree('text-background-color', { additionalProperties: ['TextHighlighters'], }); expect(dump).toMatchSnapshot(); diff --git a/packages/e2e-test-app/test/__snapshots__/TextComponentTest.test.ts.snap b/packages/e2e-test-app/test/__snapshots__/TextComponentTest.test.ts.snap index 17caa05fc93..6a2673fad46 100644 --- a/packages/e2e-test-app/test/__snapshots__/TextComponentTest.test.ts.snap +++ b/packages/e2e-test-app/test/__snapshots__/TextComponentTest.test.ts.snap @@ -1,50 +1,1744 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Text examples dump test text_dump_test 1`] = ` +exports[`TextTest Text alignment 1`] = ` Object { - "AutomationId": "text-dump-test", + "AutomationId": "text-align", "Background": null, "BorderBrush": "#00000000", "BorderThickness": "0,0,0,0", "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Height": 0, + "Height": 95, "HorizontalAlignment": "Stretch", - "Left": 0, + "Left": 10, "Margin": "0,0,0,0", - "Top": 0, + "Top": 10, "VerticalAlignment": "Stretch", "Visibility": "Visible", - "Width": 800, + "Width": 718, "XamlType": "Microsoft.ReactNative.ViewPanel", "children": Array [ Object { - "Background": "#FFF2F2F7", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "auto (default) - english LTR", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "أحب اللغة العربية auto (default) - arabic RTL", + "Top": 19, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "left left left left left left left left left left left left left left left", + "Top": 38, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "center center center center center center center center center center center", + "Top": 57, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "right right right right right right right right right right right right right", + "Top": 76, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], +} +`; + +exports[`TextTest Text background color 1`] = ` +Object { + "AutomationId": "text-background-color", + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 247, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFC0CB", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer pink", + "TextHighlighters": Array [], + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer red nested", + "TextHighlighters": Array [], + "Top": 19, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer nested white on blue", + "TextHighlighters": Array [ + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 20, + "StartIndex": 6, + }, + ], + }, + ], + "Top": 38, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFC0CB", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer pink nested red", + "TextHighlighters": Array [], + "Top": 57, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer on green nested white on inherit green", + "TextHighlighters": Array [ + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 14, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 14, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 29, + "StartIndex": 15, + }, + ], + }, + ], + "Top": 76, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFA500", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer orange on green nested white on blue", + "TextHighlighters": Array [ + Object { + "Background": "#FF008000", + "Foreground": "#FFFFA500", + "Ranges": Array [ + Object { + "Length": 21, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFA500", + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 21, + }, + ], + }, + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 20, + "StartIndex": 22, + }, + ], + }, + ], + "Top": 95, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFA500", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer orange nested white on blue", + "TextHighlighters": Array [ + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 20, + "StartIndex": 13, + }, + ], + }, + ], + "Top": 114, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFFA500", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "nested orange inherit on blue", + "TextHighlighters": Array [ + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFFA500", + "Ranges": Array [ + Object { + "Length": 29, + "StartIndex": 0, + }, + ], + }, + ], + "Top": 133, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer no_color START_NESTED green DEEPER_NESTED magenta on blue END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 18, + "StartIndex": 15, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 33, + }, + ], + }, + Object { + "Background": "#FF0000FF", + "Foreground": "#FFFF00FF", + "Ranges": Array [ + Object { + "Length": 29, + "StartIndex": 34, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 63, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": "#FFFFFFFF", + "Ranges": Array [ + Object { + "Length": 10, + "StartIndex": 64, + }, + ], + }, + ], + "Top": 152, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer no_color START_NESTED no_color DEEPER_NESTED blue END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FF0000FF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 18, + "StartIndex": 37, + }, + ], + }, + ], + "Top": 171, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer no_color START_NESTED green DEEPER_NESTED inherit green END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 19, + "StartIndex": 15, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 27, + "StartIndex": 34, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 61, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 10, + "StartIndex": 62, + }, + ], + }, + ], + "Top": 190, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer red START_NESTED inherit red DEEPER_NESTED inherit red END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 9, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 9, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 25, + "StartIndex": 10, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 25, + "StartIndex": 35, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 60, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 10, + "StartIndex": 61, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 71, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 11, + "StartIndex": 72, + }, + ], + }, + ], + "Top": 209, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Outer red START_NESTED green DEEPER_NESTED blue END_NESTED attributes.", + "TextHighlighters": Array [ + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 9, + "StartIndex": 0, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 9, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 18, + "StartIndex": 10, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 28, + }, + ], + }, + Object { + "Background": "#FF0000FF", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 18, + "StartIndex": 29, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 47, + }, + ], + }, + Object { + "Background": "#FF008000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 10, + "StartIndex": 48, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 1, + "StartIndex": 58, + }, + ], + }, + Object { + "Background": "#FFFF0000", + "Foreground": null, + "Ranges": Array [ + Object { + "Length": 11, + "StartIndex": 59, + }, + ], + }, + ], + "Top": 228, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], +} +`; + +exports[`TextTest Text border 1`] = ` +Object { + "AutomationId": "text-border", + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 395, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Background": null, + "BorderBrush": "#FF000000", + "BorderThickness": "2,2,2,2", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 32, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 400, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 28, + "HorizontalAlignment": "Stretch", + "Left": 2, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Sample bordered text with default styling.", + "Top": 2, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 400, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Background": null, + "BorderBrush": "#FF000000", + "BorderThickness": "2,2,2,2", + "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.Border", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#FF008000", + "BorderThickness": "3,3,3,3", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 144, + "HorizontalAlignment": "Stretch", + "Left": 100, + "Margin": "0,0,0,0", + "Top": 132, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 518, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 78, + "HorizontalAlignment": "Stretch", + "Left": 33, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Some more bordered text + a tad of CSS. +1st nested - border specifcied but ignored. +2nd Inside text!", + "Top": 33, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 452, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Background": null, + "BorderBrush": "#FF008000", + "BorderThickness": "3,3,3,3", + "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.Border", + }, + ], + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This text is outlined and laid out within the normal text run, so will wrap etc as normal text.", + "Top": 376, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], +} +`; + +exports[`TextTest Text color 1`] = ` +Object { + "AutomationId": "text-color", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FFFF0000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Red color", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text color with children 1`] = ` +Object { + "AutomationId": "text-outer-color", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "(Normal text,(R)red(G)green(B)blue(C)cyan(M)magenta(Y)yellow(K)black(and bold(and tiny bold italic blue(and tiny normal blue))))", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text decoration solid linethrough 1`] = ` +Object { + "AutomationId": "text-decoration-solid-linethru", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Solid line-through", + "Top": 48, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text decoration underline 1`] = ` +Object { + "AutomationId": "text-decoration-underline", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Solid underline", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text ellipsize 1`] = ` +Object { + "AutomationId": "text-ellipsize", + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 212, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": "(default) tail", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This very long text should be truncated with dots in the end. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "Top": 19, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "middle", + "Top": 58, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This very long text should be truncated with dots in the middle. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "Top": 77, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "head", + "Top": 116, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This very long text should be truncated with dots in the beginning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "Top": 135, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "clip", + "Top": 174, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This very long text should be clipped and this will not be visible. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "Top": 193, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], +} +`; + +exports[`TextTest Text font family 1`] = ` +Object { + "AutomationId": "text-font-family", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 17, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Sans-Serif Bold", + "Top": 27, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text font padding 1`] = ` +Object { + "AutomationId": "text-font-padding", + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 163, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": 163, + "HorizontalAlignment": "Stretch", + "Left": 110, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 119, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 144, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Ey", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 119, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 37, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Default", + "Top": 144, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 45, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 163, + "HorizontalAlignment": "Stretch", + "Left": 450, + "Margin": "0,0,0,0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 158, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 144, + "HorizontalAlignment": "Stretch", + "Left": 24, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Ey", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 119, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "includeFontPadding: false", + "Top": 144, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 158, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], +} +`; + +exports[`TextTest Text force one line 1`] = ` +Object { + "AutomationId": "text-one-line", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Maximum of one line no matter now much I write here. If I keep writing it'll just truncate after one line. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "Top": 29, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text is selectable 1`] = ` +Object { + "AutomationId": "text-selectable", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This text is selectable if you click-and-hold, and will offer the native Android selection menus.", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text letter spacing 1`] = ` +Object { + "AutomationId": "text-letter-spacing", + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 136, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": "letterSpacing = 0", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "letterSpacing = 2", + "Top": 24, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "letterSpacing = 9", + "Top": 48, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Background": null, "BorderBrush": "#00000000", "BorderThickness": "0,0,0,0", "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", - "Height": 0, + "Height": 21, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 67, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 16, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "With size and background color", + "Top": 5, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 169, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "letterSpacing = -1", + "Top": 93, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "[letterSpacing = 3][Nested letterSpacing = 0][Nested letterSpacing = 6]", + "Top": 117, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], +} +`; + +exports[`TextTest Text line height 1`] = ` +Object { + "AutomationId": "text-line-height", + "Background": null, + "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": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 70, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Holisticly formulate inexpensive ideas before best-of-breed benefits. Continually expedite magnetic potentialities rather than client-focused interfaces.", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 30, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Holisticly formulate inexpensive ideas before best-of-breed benefits. Continually expedite magnetic potentialities rather than client-focused interfaces.", + "Top": 70, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], +} +`; + +exports[`TextTest Text padding 1`] = ` +Object { + "AutomationId": "text-padding", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 39, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "10,10,10,10", + "Text": "This text is indented by 10px padding on all sides.", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text selection color 1`] = ` +Object { + "AutomationId": "text-selection-color", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This text will have a orange highlight on selection.", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text shadows 1`] = ` +Object { + "AutomationId": "text-shadow", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 27, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Demo text shadow", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text size 1`] = ` +Object { + "AutomationId": "text-size", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 31, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Size 23", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`; + +exports[`TextTest Text transform 1`] = ` +Object { + "AutomationId": "text-transform", + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 209, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": "THIS TEXT SHOULD BE UPPERCASED.", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "this text should be lowercased.", + "Top": 19, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "This Text Should Be CAPITALIZED.", + "Top": 38, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Mixed: UPPERCASE lowercase Capitalize Each Word", + "Top": 57, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Should be \\"ABC\\":ABC", + "Top": 76, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Should be \\"XyZ\\":XyZ", + "Top": 95, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Should be \\"xYz\\":xYz", + "Top": 114, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Click to toggle uppercase: Hello", + "Top": 133, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "Click to change raw text: HELLO WORLD", + "Top": 152, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "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", + "Foreground": "#FF000000", + "Height": 38, "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", - "Top": 0, + "Padding": "0,0,0,0", + "Top": 171, "VerticalAlignment": "Stretch", "Visibility": "Visible", - "Width": 800, - "XamlType": "Microsoft.ReactNative.ViewPanel", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewControl", "children": Array [ Object { - "Background": "#00FFFFFF", - "BorderBrush": "#00FFFFFF", + "Background": null, + "BorderBrush": null, "BorderThickness": "0,0,0,0", "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", "Foreground": "#FF000000", - "Height": 10, "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", @@ -52,6633 +1746,56 @@ Object { "Top": 0, "VerticalAlignment": "Stretch", "Visibility": "Visible", - "Width": 800, - "XamlType": "Windows.UI.Xaml.Controls.ScrollViewer", + "XamlType": "Windows.UI.Xaml.Controls.ContentPresenter", "children": Array [ Object { - "Background": null, - "BorderBrush": "#00FFFFFF", + "Background": "#00FFFFFF", + "BorderBrush": "#00000000", "BorderThickness": "0,0,0,0", "Clip": null, "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", + "Height": 38, "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", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", "children": Array [ Object { - "Background": "#00FFFFFF", - "BorderBrush": null, - "BorderThickness": "0,0,0,0", "Clip": null, - "CornerRadius": "0,0,0,0", "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, "HorizontalAlignment": "Stretch", "Left": 0, "Margin": "0,0,0,0", "Padding": "0,0,0,0", + "Text": "Click to toggle fast text on next line (should remain uppercase):", "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": 7102, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 291, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 30, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "textTransform", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 219, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "THIS TEXT SHOULD BE UPPERCASED.", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "this text should be lowercased.", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This Text Should Be CAPITALIZED.", - "TextHighlighters": Array [], - "Top": 48, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Mixed: UPPERCASE lowercase Capitalize Each Word", - "TextHighlighters": Array [], - "Top": 67, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Should be \\"ABC\\":ABC", - "TextHighlighters": Array [], - "Top": 86, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Should be \\"XyZ\\":XyZ", - "TextHighlighters": Array [], - "Top": 105, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Should be \\"xYz\\":xYz", - "TextHighlighters": Array [], - "Top": 124, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Click to toggle uppercase: Hello", - "TextHighlighters": Array [], - "Top": 143, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Click to change raw text: HELLO WORLD", - "TextHighlighters": Array [], - "Top": 162, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "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", - "Foreground": "#FF000000", - "Height": 38, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 181, - "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": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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 { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Click to toggle fast text on next line (should remain uppercase):", - "TextHighlighters": Array [], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "HOWDY", - "TextHighlighters": Array [], - "Top": 19, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 269, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 351, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Wrap", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 197, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 187, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "The text should wrap if it goes on multiple lines. See, this is going to the next line. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 121, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 650, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Padding", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 49, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 39, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "10,10,10,10", - "Text": "This text is indented by 10px padding on all sides.", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 184, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 801, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Font Family", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 112, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Sans-Serif", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Sans-Serif Bold", - "TextHighlighters": Array [], - "Top": 27, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Serif", - "TextHighlighters": Array [], - "Top": 44, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Serif Bold", - "TextHighlighters": Array [], - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Monospace", - "TextHighlighters": Array [], - "Top": 78, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Monospace Bold (After 5.0)", - "TextHighlighters": Array [], - "Top": 95, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 320, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 1015, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Android Material Design fonts", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 248, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "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": 238, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "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": 238, - "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": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Regular", - "TextHighlighters": Array [], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Italic", - "TextHighlighters": Array [], - "Top": 17, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Bold", - "TextHighlighters": Array [], - "Top": 34, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Bold Italic", - "TextHighlighters": Array [], - "Top": 51, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Light", - "TextHighlighters": Array [], - "Top": 68, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Light Italic", - "TextHighlighters": Array [], - "Top": 85, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Thin (After 4.2)", - "TextHighlighters": Array [], - "Top": 102, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Thin Italic (After 4.2)", - "TextHighlighters": Array [], - "Top": 119, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Condensed", - "TextHighlighters": Array [], - "Top": 136, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Condensed Italic", - "TextHighlighters": Array [], - "Top": 153, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Condensed Bold", - "TextHighlighters": Array [], - "Top": 170, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Condensed Bold Italic", - "TextHighlighters": Array [], - "Top": 187, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Medium (After 5.0)", - "TextHighlighters": Array [], - "Top": 204, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Roboto Medium Italic (After 5.0)", - "TextHighlighters": Array [], - "Top": 221, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 133, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 1365, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Custom Fonts", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 61, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "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": 51, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "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": 51, - "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": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "NotoSerif Regular", - "TextHighlighters": Array [], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "NotoSerif Bold Italic", - "TextHighlighters": Array [], - "Top": 17, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "NotoSerif Italic (Missing Font file)", - "TextHighlighters": Array [], - "Top": 34, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 124, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 1528, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Font Size", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 52, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 31, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Size 23", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 11, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Size 8", - "TextHighlighters": Array [], - "Top": 41, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 120, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 1682, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Color", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 48, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFF0000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Red color", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF0000FF", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Blue color", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 120, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 1832, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Font Weight", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 48, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Move fast and be bold", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Move fast and be bold", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 120, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 1982, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Font Style", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 48, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Move fast and be bold", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Move fast and be bold", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 101, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 2132, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Font Style and Weight", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 29, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Move fast and be bold", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 177, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 2263, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Text Decoration", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 105, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Solid underline", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "None textDecoration", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Solid line-through", - "TextHighlighters": Array [], - "Top": 48, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Both underline and line-through", - "TextHighlighters": Array [], - "Top": 67, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Mixed text with underline and line-through text nodes", - "TextHighlighters": Array [], - "Top": 86, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 153, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 2470, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Nested", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 81, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 38, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "(Normal text,(R)red(G)green(B)blue(C)cyan(M)magenta(Y)yellow(K)black(and bold(and tiny bold italic blue(and tiny normal blue))))", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 17, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "(Serif(Serif Bold Italic(Monospace Normal(Sans-Serif Bold(and Sans-Serif Normal)))))", - "TextHighlighters": Array [], - "Top": 48, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Entity Name", - "TextHighlighters": Array [], - "Top": 65, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 177, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 2653, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Text Align", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 105, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "auto (default) - english LTR", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "أحب اللغة العربية auto (default) - arabic RTL", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "left left left left left left left left left left left left left left left", - "TextHighlighters": Array [], - "Top": 48, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "center center center center center center center center center center center", - "TextHighlighters": Array [], - "Top": 67, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "right right right right right right right right right right right right right", - "TextHighlighters": Array [], - "Top": 86, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 177, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 2860, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Unicode", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 105, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "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": 95, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "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": "星际争霸是世界上最好的游戏。", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 14, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 192, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - 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": 19, - "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": "星际争霸是世界上最好的游戏。", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 14, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - 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": 38, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 263, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "星际争霸是世界上最好的游戏。", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 14, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 192, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 38, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Top": 57, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 38, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 56, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 101, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 3067, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Spaces", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 29, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "A generated string and some     spaces", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 182, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 3198, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Line Height", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 110, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 70, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Holisticly formulate inexpensive ideas before best-of-breed benefits. Continually expedite magnetic potentialities rather than client-focused interfaces.", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 30, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Holisticly formulate inexpensive ideas before best-of-breed benefits. Continually expedite magnetic potentialities rather than client-focused interfaces.", - "TextHighlighters": Array [], - "Top": 80, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 218, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 3410, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Letter Spacing", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 146, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "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": 136, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "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": "letterSpacing = 0", - "TextHighlighters": Array [], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "letterSpacing = 2", - "TextHighlighters": Array [], - "Top": 24, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "letterSpacing = 9", - "TextHighlighters": Array [], - "Top": 48, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 21, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Top": 67, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "With size and background color", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF00FF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 30, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 169, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "letterSpacing = -1", - "TextHighlighters": Array [], - "Top": 93, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "[letterSpacing = 3][Nested letterSpacing = 0][Nested letterSpacing = 6]", - "TextHighlighters": Array [ - Object { - "Background": "#FFDDDDDD", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 19, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FFBBBBBB", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 26, - "StartIndex": 19, - }, - ], - }, - Object { - "Background": "#FFEEEEEE", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 26, - "StartIndex": 45, - }, - ], - }, - ], - "Top": 117, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 101, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 3658, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Empty Text", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 29, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 160, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 3789, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Toggling Attributes", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 88, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "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": 78, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 20, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Tap the controls below to change attributes.", - "TextHighlighters": Array [], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 20, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "See how it will even work on this nested text", - "TextHighlighters": Array [], - "Top": 20, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Toggle Weight (with highlight onPress)", - "TextHighlighters": Array [], - "Top": 40, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Increase Size (suppressHighlighting true)", - "TextHighlighters": Array [], - "Top": 59, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 329, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 3979, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "backgroundColor new examples", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 257, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "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": 247, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFC0CB", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer pink", - "TextHighlighters": Array [], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer red nested", - "TextHighlighters": Array [], - "Top": 19, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer nested white on blue", - "TextHighlighters": Array [ - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 20, - "StartIndex": 6, - }, - ], - }, - ], - "Top": 38, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFC0CB", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer pink nested red", - "TextHighlighters": Array [], - "Top": 57, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer on green nested white on inherit green", - "TextHighlighters": Array [ - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 14, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 14, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 29, - "StartIndex": 15, - }, - ], - }, - ], - "Top": 76, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFA500", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer orange on green nested white on blue", - "TextHighlighters": Array [ - Object { - "Background": "#FF008000", - "Foreground": "#FFFFA500", - "Ranges": Array [ - Object { - "Length": 21, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFA500", - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 21, - }, - ], - }, - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 20, - "StartIndex": 22, - }, - ], - }, - ], - "Top": 95, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFA500", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer orange nested white on blue", - "TextHighlighters": Array [ - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 20, - "StartIndex": 13, - }, - ], - }, - ], - "Top": 114, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FFFFA500", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "nested orange inherit on blue", - "TextHighlighters": Array [ - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFFA500", - "Ranges": Array [ - Object { - "Length": 29, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 133, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer no_color START_NESTED green DEEPER_NESTED magenta on blue END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 15, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 33, - }, - ], - }, - Object { - "Background": "#FF0000FF", - "Foreground": "#FFFF00FF", - "Ranges": Array [ - Object { - "Length": 29, - "StartIndex": 34, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 63, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": "#FFFFFFFF", - "Ranges": Array [ - Object { - "Length": 10, - "StartIndex": 64, - }, - ], - }, - ], - "Top": 152, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer no_color START_NESTED no_color DEEPER_NESTED blue END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FF0000FF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 37, - }, - ], - }, - ], - "Top": 171, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer no_color START_NESTED green DEEPER_NESTED inherit green END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 19, - "StartIndex": 15, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 27, - "StartIndex": 34, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 61, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 10, - "StartIndex": 62, - }, - ], - }, - ], - "Top": 190, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer red START_NESTED inherit red DEEPER_NESTED inherit red END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 9, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 9, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 25, - "StartIndex": 10, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 25, - "StartIndex": 35, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 60, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 10, - "StartIndex": 61, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 71, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 11, - "StartIndex": 72, - }, - ], - }, - ], - "Top": 209, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Outer red START_NESTED green DEEPER_NESTED blue END_NESTED attributes.", - "TextHighlighters": Array [ - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 9, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 9, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 10, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 28, - }, - ], - }, - Object { - "Background": "#FF0000FF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 18, - "StartIndex": 29, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 47, - }, - ], - }, - Object { - "Background": "#FF008000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 10, - "StartIndex": 48, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 58, - }, - ], - }, - Object { - "Background": "#FFFF0000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 11, - "StartIndex": 59, - }, - ], - }, - ], - "Top": 228, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 120, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 4338, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "backgroundColor attribute", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 48, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Red background, blue background, inherited blue background, nested green background.", - "TextHighlighters": Array [ - Object { - "Background": "#FFFFAAAA", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 15, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#FFAAAAFF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 15, - }, - ], - }, - Object { - "Background": "#FFAAAAFF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 16, - "StartIndex": 16, - }, - ], - }, - Object { - "Background": "#FFAAAAFF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 32, - }, - ], - }, - Object { - "Background": "#FFAAAAFF", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 26, - "StartIndex": 33, - }, - ], - }, - Object { - "Background": "#FFAAFFAA", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 1, - "StartIndex": 59, - }, - ], - }, - Object { - "Background": "#FFAAFFAA", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 24, - "StartIndex": 60, - }, - ], - }, - ], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Same alpha as background,Inherited alpha from background,Reapply alpha", - "TextHighlighters": Array [ - Object { - "Background": "#4D646464", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 25, - "StartIndex": 0, - }, - ], - }, - Object { - "Background": "#4D646464", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 32, - "StartIndex": 25, - }, - ], - }, - Object { - "Background": "#4D646464", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 13, - "StartIndex": 57, - }, - ], - }, - ], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 205, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 4488, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "containerBackgroundColor attribute", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 133, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "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": 85, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Background": "#FFFFAAAA", - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 85, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 150, - "XamlType": "Microsoft.ReactNative.ViewPanel", - }, - Object { - "Background": "#FFAAAAFF", - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 85, - "HorizontalAlignment": "Stretch", - "Left": 150, - "Margin": "0,0,0,0", - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 150, - "XamlType": "Microsoft.ReactNative.ViewPanel", - }, - ], - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 15, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Default containerBackgroundColor (inherited) + backgroundColor wash", - "TextHighlighters": Array [ - Object { - "Background": "#4D646464", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 67, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 15, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 15, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "containerBackgroundColor: 'transparent' + backgroundColor wash", - "TextHighlighters": Array [ - Object { - "Background": "#00000000", - "Foreground": null, - "Ranges": Array [ - Object { - "Length": 62, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 44, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 423, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 4723, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "numberOfLines attribute", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 351, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "1", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Maximum of one line no matter now much I write here. If I keep writing it'll just truncate after one line. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "2", - "TextHighlighters": Array [], - "Top": 68, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 38, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Maximum of two lines no matter now much I write here. If I keep writing it'll just truncate after two lines. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", - "TextHighlighters": Array [], - "Top": 87, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "(default) infinity", - "TextHighlighters": Array [], - "Top": 145, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 187, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "No maximum lines specified no matter now much I write here. If I keep writing it'll just keep going and going. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", - "TextHighlighters": Array [], - "Top": 164, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 101, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 5176, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "selectable attribute", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 29, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This text is selectable if you click-and-hold, and will offer the native Android selection menus.", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 101, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 5307, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "selectionColor attribute", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 29, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This text will have a orange highlight on selection.", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 101, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 5438, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Inline images", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 29, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This text contains an inline image Neat, huh?", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 109, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 5569, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Text shadow", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 37, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 27, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Demo text shadow", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 294, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 5708, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Ellipsize mode", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 222, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "(default) tail", - "TextHighlighters": Array [], - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This very long text should be truncated with dots in the end. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "middle", - "TextHighlighters": Array [], - "Top": 68, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This very long text should be truncated with dots in the middle. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", - "TextHighlighters": Array [], - "Top": 87, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "head", - "TextHighlighters": Array [], - "Top": 126, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This very long text should be truncated with dots in the beginning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", - "TextHighlighters": Array [], - "Top": 145, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "clip", - "TextHighlighters": Array [], - "Top": 184, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This very long text should be clipped and this will not be visible. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", - "TextHighlighters": Array [], - "Top": 203, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 293, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 6032, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Include Font Padding", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 221, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "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": 163, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "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": 163, - "HorizontalAlignment": "Stretch", - "Left": 110, - "Margin": "0,0,0,0", - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 119, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 144, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Ey", - "TextHighlighters": Array [ - Object { - "Background": "#FFEEEEEE", - "Foreground": "#FF000000", - "Ranges": Array [ - Object { - "Length": 2, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 119, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 37, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Default", - "TextHighlighters": Array [], - "Top": 144, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 45, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 163, - "HorizontalAlignment": "Stretch", - "Left": 450, - "Margin": "0,0,0,0", - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 158, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 144, - "HorizontalAlignment": "Stretch", - "Left": 24, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Ey", - "TextHighlighters": Array [ - Object { - "Background": "#FFEEEEEE", - "Foreground": "#FF000000", - "Ranges": Array [ - Object { - "Length": 2, - "StartIndex": 0, - }, - ], - }, - ], - "Top": 0, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 119, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "includeFontPadding: false", - "TextHighlighters": Array [], - "Top": 144, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 158, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 38, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "By default Android will put extra space above text to allow for upper-case accents or other ascenders. With some fonts, this can make text look slightly misaligned when centered vertically.", - "TextHighlighters": Array [], - "Top": 183, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": "#FFFFFFFF", - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 477, - "HorizontalAlignment": "Stretch", - "Left": 20, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Top": 6355, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 760, - "XamlType": "Windows.UI.Xaml.Controls.Border", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#493C3C43", - "BorderThickness": "1,1,1,1", - "Clip": null, - "CornerRadius": "0,0,0,0", - "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": 50, - "HorizontalAlignment": "Stretch", - "Left": 1, - "Margin": "0,0,0,0", - "Top": 1, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 758, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 24, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Text With Border", - "TextHighlighters": Array [], - "Top": 5, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 16, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "", - "TextHighlighters": Array [], - "Top": 29, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 405, - "HorizontalAlignment": "Stretch", - "Left": 11, - "Margin": "0,0,0,0", - "Top": 61, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 738, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Background": null, - "BorderBrush": "#FF000000", - "BorderThickness": "2,2,2,2", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 32, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Top": 10, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 400, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 28, - "HorizontalAlignment": "Stretch", - "Left": 2, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Sample bordered text with default styling.", - "TextHighlighters": Array [], - "Top": 2, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 400, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Background": null, - "BorderBrush": "#FF000000", - "BorderThickness": "2,2,2,2", - "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.Border", - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#FF008000", - "BorderThickness": "3,3,3,3", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 144, - "HorizontalAlignment": "Stretch", - "Left": 110, - "Margin": "0,0,0,0", - "Top": 142, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 518, - "XamlType": "Microsoft.ReactNative.ViewPanel", - "children": Array [ - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 78, - "HorizontalAlignment": "Stretch", - "Left": 33, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "Some more bordered text + a tad of CSS. -1st nested - border specifcied but ignored. -2nd Inside text!", - "TextHighlighters": Array [], - "Top": 33, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 452, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - Object { - "Background": null, - "BorderBrush": "#FF008000", - "BorderThickness": "3,3,3,3", - "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.Border", - }, - ], - }, - Object { - "Clip": null, - "FlowDirection": "LeftToRight", - "Foreground": "#FF000000", - "Height": 19, - "HorizontalAlignment": "Stretch", - "Left": 10, - "Margin": "0,0,0,0", - "Padding": "0,0,0,0", - "Text": "This text is outlined and laid out within the normal text run, so will wrap etc as normal text.", - "TextHighlighters": Array [], - "Top": 386, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 718, - "XamlType": "Windows.UI.Xaml.Controls.TextBlock", - }, - ], - }, - ], - }, - ], - }, - Object { - "Background": null, - "BorderBrush": "#00000000", - "BorderThickness": "0,0,0,0", - "Clip": null, - "CornerRadius": "0,0,0,0", - "FlowDirection": "LeftToRight", - "Height": 270, - "HorizontalAlignment": "Stretch", - "Left": 0, - "Margin": "0,0,0,0", - "Top": 6832, - "VerticalAlignment": "Stretch", - "Visibility": "Visible", - "Width": 800, - "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", - }, - ], + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "HOWDY", + "Top": 19, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", }, ], }, @@ -6689,3 +1806,186 @@ Object { ], } `; + +exports[`TextTest Text unicode characters 1`] = ` +Object { + "AutomationId": "text-unicode", + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 95, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Top": 10, + "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": "星际争霸是世界上最好的游戏。", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 192, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + 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": 19, + "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": "星际争霸是世界上最好的游戏。", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + 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": 38, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 19, + "HorizontalAlignment": "Stretch", + "Left": 263, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "星际争霸是世界上最好的游戏。", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 192, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + Object { + "Background": null, + "BorderBrush": "#00000000", + "BorderThickness": "0,0,0,0", + "Clip": null, + "CornerRadius": "0,0,0,0", + "FlowDirection": "LeftToRight", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Top": 57, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Microsoft.ReactNative.ViewPanel", + "children": Array [ + Object { + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 38, + "HorizontalAlignment": "Stretch", + "Left": 0, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。星际争霸是世界上最好的游戏。", + "Top": 0, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", + }, + ], + }, + ], +} +`; + +exports[`TextTest Text wrapping 1`] = ` +Object { + "AutomationId": "text-wrap", + "Clip": null, + "FlowDirection": "LeftToRight", + "Foreground": "#FF000000", + "Height": 187, + "HorizontalAlignment": "Stretch", + "Left": 10, + "Margin": "0,0,0,0", + "Padding": "0,0,0,0", + "Text": "The text should wrap if it goes on multiple lines. See, this is going to the next line. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus felis eget augue condimentum suscipit. Suspendisse hendrerit, libero aliquet malesuada tempor, urna nibh consectetur tellus, vitae efficitur quam erat non mi. Maecenas vitae eros sit amet quam vestibulum porta sed sit amet tellus. Fusce quis lectus congue, fringilla arcu id, luctus urna. Cras sagittis ornare mauris sit amet dictum. Vestibulum feugiat laoreet fringilla. Vivamus ac diam vehicula felis venenatis sagittis vitae ultrices elit. Curabitur libero augue, laoreet quis orci vitae, congue euismod massa. Aenean nec odio sed urna vehicula fermentum non a magna. Quisque ut commodo neque, eget eleifend odio. Sed sit amet lacinia sem. Suspendisse in metus in purus scelerisque vestibulum. Nam metus dui, efficitur nec metus non, tincidunt pharetra sapien. Praesent id convallis metus, ut malesuada arcu. Quisque quam libero, pharetra eu tellus ac, aliquam fringilla erat. Quisque tempus in lorem ac suscipit.", + "Top": 10, + "VerticalAlignment": "Stretch", + "Visibility": "Visible", + "Width": 718, + "XamlType": "Windows.UI.Xaml.Controls.TextBlock", +} +`;