| - description: Initial State |
| command: Capture |
| result: |
| type: CoreDocument |
| width: 400 |
| height: 200 |
| operations: |
| - type: RootLayoutComponent |
| id: -2 |
| x: 0.0 |
| y: 0.0 |
| width: 400.0 |
| height: 200.0 |
| visibility: VISIBLE |
| list: |
| - type: FLOW |
| id: 10 |
| x: 0.0 |
| y: 0.0 |
| width: 400.0 |
| height: 200.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Variable, id: 0, value: !!float 'NaN'} |
| dimensionModifierType: FILL |
| - type: HeightModifierOperation |
| height: {type: Variable, id: 0, value: !!float 'NaN'} |
| dimensionModifierType: FILL |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 400.0, height: 200.0, |
| color: '0xffffffff', shapeType: RECTANGLE} |
| - type: BOX |
| id: 11 |
| x: 0.0 |
| y: 0.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xff00ff00', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| - type: BOX |
| id: 12 |
| x: 100.0 |
| y: 0.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xff0000ff', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| - type: BOX |
| id: 13 |
| x: 200.0 |
| y: 0.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xffff0000', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| - type: BOX |
| id: 14 |
| x: 300.0 |
| y: 0.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xffffff00', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| - type: BOX |
| id: 15 |
| x: 0.0 |
| y: 50.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xff00ffff', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| spacedBy: 0.0 |
| maxItemsInEachRow: 2147483647 |
| maxLines: 2147483647 |
| - description: Component Tree |
| command: Capture |
| result: |
| type: CoreDocument |
| width: 400 |
| height: 200 |
| operations: |
| - type: RootLayoutComponent |
| id: -2 |
| x: 0.0 |
| y: 0.0 |
| width: 400.0 |
| height: 200.0 |
| visibility: VISIBLE |
| list: |
| - type: FLOW |
| id: 10 |
| x: 0.0 |
| y: 0.0 |
| width: 400.0 |
| height: 200.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Variable, id: 0, value: !!float 'NaN'} |
| dimensionModifierType: FILL |
| - type: HeightModifierOperation |
| height: {type: Variable, id: 0, value: !!float 'NaN'} |
| dimensionModifierType: FILL |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 400.0, height: 200.0, |
| color: '0xffffffff', shapeType: RECTANGLE} |
| - type: BOX |
| id: 11 |
| x: 0.0 |
| y: 0.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xff00ff00', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| - type: BOX |
| id: 12 |
| x: 100.0 |
| y: 0.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xff0000ff', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| - type: BOX |
| id: 13 |
| x: 200.0 |
| y: 0.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xffff0000', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| - type: BOX |
| id: 14 |
| x: 300.0 |
| y: 0.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xffffff00', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| - type: BOX |
| id: 15 |
| x: 0.0 |
| y: 50.0 |
| width: 100.0 |
| height: 50.0 |
| visibility: VISIBLE |
| list: |
| - type: ComponentModifiers |
| modifiers: |
| - type: WidthModifierOperation |
| width: {type: Value, value: 100.0} |
| dimensionModifierType: EXACT |
| - type: HeightModifierOperation |
| height: {type: Value, value: 50.0} |
| dimensionModifierType: EXACT |
| - {type: BackgroundModifierOperation, x: 0.0, y: 0.0, width: 100.0, height: 50.0, |
| color: '0xff00ffff', shapeType: RECTANGLE} |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| paddingLeft: 0.0 |
| paddingRight: 0.0 |
| paddingTop: 0.0 |
| paddingBottom: 0.0 |
| verticalPositioning: TOP |
| horizontalPositioning: START |
| spacedBy: 0.0 |
| maxItemsInEachRow: 2147483647 |
| maxLines: 2147483647 |
