/** * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ // @generated by gentest/gentest.rb from gentest/fixtures/YGFlexWrapTest.html import {Yoga} from "../tools/globals"; import { Align, Direction, Display, Edge, Errata, ExperimentalFeature, FlexDirection, Gutter, Justify, MeasureMode, Overflow, PositionType, Unit, Wrap, } from 'yoga-layout'; test('wrap_column', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexWrap(Wrap.Wrap); root.setHeight(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(30); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(30); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(30); root.insertChild(root_child3, 3); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(60); expect(root.getComputedHeight()).toBe(100); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(30); expect(root_child1.getComputedLeft()).toBe(0); expect(root_child1.getComputedTop()).toBe(30); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(30); expect(root_child2.getComputedLeft()).toBe(0); expect(root_child2.getComputedTop()).toBe(60); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(30); expect(root_child3.getComputedTop()).toBe(0); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(30); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(60); expect(root.getComputedHeight()).toBe(100); expect(root_child0.getComputedLeft()).toBe(30); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(30); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(30); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(30); expect(root_child2.getComputedLeft()).toBe(30); expect(root_child2.getComputedTop()).toBe(60); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(0); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(30); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_row', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setFlexWrap(Wrap.Wrap); root.setWidth(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(30); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(30); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(30); root.insertChild(root_child3, 3); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(60); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(30); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(0); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(30); expect(root_child2.getComputedLeft()).toBe(60); expect(root_child2.getComputedTop()).toBe(0); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(30); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(30); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(60); expect(root_child0.getComputedLeft()).toBe(70); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(30); expect(root_child1.getComputedLeft()).toBe(40); expect(root_child1.getComputedTop()).toBe(0); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(30); expect(root_child2.getComputedLeft()).toBe(10); expect(root_child2.getComputedTop()).toBe(0); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(70); expect(root_child3.getComputedTop()).toBe(30); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(30); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_row_align_items_flex_end', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setAlignItems(Align.FlexEnd); root.setFlexWrap(Wrap.Wrap); root.setWidth(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(10); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(20); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(30); root.insertChild(root_child3, 3); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(60); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(20); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(10); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(60); expect(root_child2.getComputedTop()).toBe(0); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(30); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(30); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(60); expect(root_child0.getComputedLeft()).toBe(70); expect(root_child0.getComputedTop()).toBe(20); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(40); expect(root_child1.getComputedTop()).toBe(10); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(10); expect(root_child2.getComputedTop()).toBe(0); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(70); expect(root_child3.getComputedTop()).toBe(30); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(30); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_row_align_items_center', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setAlignItems(Align.Center); root.setFlexWrap(Wrap.Wrap); root.setWidth(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(10); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(20); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(30); root.insertChild(root_child3, 3); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(60); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(10); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(5); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(60); expect(root_child2.getComputedTop()).toBe(0); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(30); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(30); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(60); expect(root_child0.getComputedLeft()).toBe(70); expect(root_child0.getComputedTop()).toBe(10); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(40); expect(root_child1.getComputedTop()).toBe(5); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(10); expect(root_child2.getComputedTop()).toBe(0); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(70); expect(root_child3.getComputedTop()).toBe(30); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(30); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('flex_wrap_children_with_min_main_overriding_flex_basis', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setFlexWrap(Wrap.Wrap); root.setWidth(100); const root_child0 = Yoga.Node.create(config); root_child0.setFlexBasis(50); root_child0.setMinWidth(55); root_child0.setHeight(50); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setFlexBasis(50); root_child1.setMinWidth(55); root_child1.setHeight(50); root.insertChild(root_child1, 1); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(100); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(55); expect(root_child0.getComputedHeight()).toBe(50); expect(root_child1.getComputedLeft()).toBe(0); expect(root_child1.getComputedTop()).toBe(50); expect(root_child1.getComputedWidth()).toBe(55); expect(root_child1.getComputedHeight()).toBe(50); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(100); expect(root_child0.getComputedLeft()).toBe(45); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(55); expect(root_child0.getComputedHeight()).toBe(50); expect(root_child1.getComputedLeft()).toBe(45); expect(root_child1.getComputedTop()).toBe(50); expect(root_child1.getComputedWidth()).toBe(55); expect(root_child1.getComputedHeight()).toBe(50); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('flex_wrap_wrap_to_child_height', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); const root_child0 = Yoga.Node.create(config); root_child0.setFlexDirection(FlexDirection.Row); root_child0.setAlignItems(Align.FlexStart); root_child0.setFlexWrap(Wrap.Wrap); root.insertChild(root_child0, 0); const root_child0_child0 = Yoga.Node.create(config); root_child0_child0.setWidth(100); root_child0.insertChild(root_child0_child0, 0); const root_child0_child0_child0 = Yoga.Node.create(config); root_child0_child0_child0.setWidth(100); root_child0_child0_child0.setHeight(100); root_child0_child0.insertChild(root_child0_child0_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(100); root_child1.setHeight(100); root.insertChild(root_child1, 1); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(200); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(100); expect(root_child0.getComputedHeight()).toBe(100); expect(root_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(100); expect(root_child0_child0.getComputedHeight()).toBe(100); expect(root_child0_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0_child0.getComputedWidth()).toBe(100); expect(root_child0_child0_child0.getComputedHeight()).toBe(100); expect(root_child1.getComputedLeft()).toBe(0); expect(root_child1.getComputedTop()).toBe(100); expect(root_child1.getComputedWidth()).toBe(100); expect(root_child1.getComputedHeight()).toBe(100); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(200); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(100); expect(root_child0.getComputedHeight()).toBe(100); expect(root_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(100); expect(root_child0_child0.getComputedHeight()).toBe(100); expect(root_child0_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0_child0.getComputedWidth()).toBe(100); expect(root_child0_child0_child0.getComputedHeight()).toBe(100); expect(root_child1.getComputedLeft()).toBe(0); expect(root_child1.getComputedTop()).toBe(100); expect(root_child1.getComputedWidth()).toBe(100); expect(root_child1.getComputedHeight()).toBe(100); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('flex_wrap_align_stretch_fits_one_row', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setFlexWrap(Wrap.Wrap); root.setWidth(150); root.setHeight(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(50); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(50); root.insertChild(root_child1, 1); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(150); expect(root.getComputedHeight()).toBe(100); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(50); expect(root_child0.getComputedHeight()).toBe(0); expect(root_child1.getComputedLeft()).toBe(50); expect(root_child1.getComputedTop()).toBe(0); expect(root_child1.getComputedWidth()).toBe(50); expect(root_child1.getComputedHeight()).toBe(0); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(150); expect(root.getComputedHeight()).toBe(100); expect(root_child0.getComputedLeft()).toBe(100); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(50); expect(root_child0.getComputedHeight()).toBe(0); expect(root_child1.getComputedLeft()).toBe(50); expect(root_child1.getComputedTop()).toBe(0); expect(root_child1.getComputedWidth()).toBe(50); expect(root_child1.getComputedHeight()).toBe(0); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_reverse_row_align_content_flex_start', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setFlexWrap(Wrap.WrapReverse); root.setWidth(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(10); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(20); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(40); root.insertChild(root_child3, 3); const root_child4 = Yoga.Node.create(config); root_child4.setWidth(30); root_child4.setHeight(50); root.insertChild(root_child4, 4); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(80); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(70); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(60); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(60); expect(root_child2.getComputedTop()).toBe(50); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(30); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(80); expect(root_child0.getComputedLeft()).toBe(70); expect(root_child0.getComputedTop()).toBe(70); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(40); expect(root_child1.getComputedTop()).toBe(60); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(10); expect(root_child2.getComputedTop()).toBe(50); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(70); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(40); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_reverse_row_align_content_center', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setAlignContent(Align.Center); root.setFlexWrap(Wrap.WrapReverse); root.setWidth(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(10); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(20); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(40); root.insertChild(root_child3, 3); const root_child4 = Yoga.Node.create(config); root_child4.setWidth(30); root_child4.setHeight(50); root.insertChild(root_child4, 4); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(80); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(70); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(60); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(60); expect(root_child2.getComputedTop()).toBe(50); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(30); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(80); expect(root_child0.getComputedLeft()).toBe(70); expect(root_child0.getComputedTop()).toBe(70); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(40); expect(root_child1.getComputedTop()).toBe(60); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(10); expect(root_child2.getComputedTop()).toBe(50); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(70); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(40); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_reverse_row_single_line_different_size', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setFlexWrap(Wrap.WrapReverse); root.setWidth(300); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(10); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(20); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(40); root.insertChild(root_child3, 3); const root_child4 = Yoga.Node.create(config); root_child4.setWidth(30); root_child4.setHeight(50); root.insertChild(root_child4, 4); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(300); expect(root.getComputedHeight()).toBe(50); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(40); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(30); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(60); expect(root_child2.getComputedTop()).toBe(20); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(90); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(120); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(300); expect(root.getComputedHeight()).toBe(50); expect(root_child0.getComputedLeft()).toBe(270); expect(root_child0.getComputedTop()).toBe(40); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(240); expect(root_child1.getComputedTop()).toBe(30); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(210); expect(root_child2.getComputedTop()).toBe(20); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(180); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(150); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_reverse_row_align_content_stretch', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setAlignContent(Align.Stretch); root.setFlexWrap(Wrap.WrapReverse); root.setWidth(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(10); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(20); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(40); root.insertChild(root_child3, 3); const root_child4 = Yoga.Node.create(config); root_child4.setWidth(30); root_child4.setHeight(50); root.insertChild(root_child4, 4); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(80); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(70); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(60); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(60); expect(root_child2.getComputedTop()).toBe(50); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(30); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(80); expect(root_child0.getComputedLeft()).toBe(70); expect(root_child0.getComputedTop()).toBe(70); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(40); expect(root_child1.getComputedTop()).toBe(60); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(10); expect(root_child2.getComputedTop()).toBe(50); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(70); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(40); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_reverse_row_align_content_space_around', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setFlexDirection(FlexDirection.Row); root.setAlignContent(Align.SpaceAround); root.setFlexWrap(Wrap.WrapReverse); root.setWidth(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(10); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(20); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(40); root.insertChild(root_child3, 3); const root_child4 = Yoga.Node.create(config); root_child4.setWidth(30); root_child4.setHeight(50); root.insertChild(root_child4, 4); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(80); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(70); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(30); expect(root_child1.getComputedTop()).toBe(60); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(60); expect(root_child2.getComputedTop()).toBe(50); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(30); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(100); expect(root.getComputedHeight()).toBe(80); expect(root_child0.getComputedLeft()).toBe(70); expect(root_child0.getComputedTop()).toBe(70); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(40); expect(root_child1.getComputedTop()).toBe(60); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(10); expect(root_child2.getComputedTop()).toBe(50); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(70); expect(root_child3.getComputedTop()).toBe(10); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(40); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_reverse_column_fixed_size', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setAlignItems(Align.Center); root.setFlexWrap(Wrap.WrapReverse); root.setWidth(200); root.setHeight(100); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(30); root_child0.setHeight(10); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setWidth(30); root_child1.setHeight(20); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(30); root_child2.setHeight(30); root.insertChild(root_child2, 2); const root_child3 = Yoga.Node.create(config); root_child3.setWidth(30); root_child3.setHeight(40); root.insertChild(root_child3, 3); const root_child4 = Yoga.Node.create(config); root_child4.setWidth(30); root_child4.setHeight(50); root.insertChild(root_child4, 4); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(200); expect(root.getComputedHeight()).toBe(100); expect(root_child0.getComputedLeft()).toBe(170); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(170); expect(root_child1.getComputedTop()).toBe(10); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(170); expect(root_child2.getComputedTop()).toBe(30); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(170); expect(root_child3.getComputedTop()).toBe(60); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(140); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(200); expect(root.getComputedHeight()).toBe(100); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(30); expect(root_child0.getComputedHeight()).toBe(10); expect(root_child1.getComputedLeft()).toBe(0); expect(root_child1.getComputedTop()).toBe(10); expect(root_child1.getComputedWidth()).toBe(30); expect(root_child1.getComputedHeight()).toBe(20); expect(root_child2.getComputedLeft()).toBe(0); expect(root_child2.getComputedTop()).toBe(30); expect(root_child2.getComputedWidth()).toBe(30); expect(root_child2.getComputedHeight()).toBe(30); expect(root_child3.getComputedLeft()).toBe(0); expect(root_child3.getComputedTop()).toBe(60); expect(root_child3.getComputedWidth()).toBe(30); expect(root_child3.getComputedHeight()).toBe(40); expect(root_child4.getComputedLeft()).toBe(30); expect(root_child4.getComputedTop()).toBe(0); expect(root_child4.getComputedWidth()).toBe(30); expect(root_child4.getComputedHeight()).toBe(50); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrapped_row_within_align_items_center', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setAlignItems(Align.Center); root.setWidth(200); root.setHeight(200); const root_child0 = Yoga.Node.create(config); root_child0.setFlexDirection(FlexDirection.Row); root_child0.setFlexWrap(Wrap.Wrap); root.insertChild(root_child0, 0); const root_child0_child0 = Yoga.Node.create(config); root_child0_child0.setWidth(150); root_child0_child0.setHeight(80); root_child0.insertChild(root_child0_child0, 0); const root_child0_child1 = Yoga.Node.create(config); root_child0_child1.setWidth(80); root_child0_child1.setHeight(80); root_child0.insertChild(root_child0_child1, 1); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(200); expect(root.getComputedHeight()).toBe(200); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(200); expect(root_child0.getComputedHeight()).toBe(160); expect(root_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(150); expect(root_child0_child0.getComputedHeight()).toBe(80); expect(root_child0_child1.getComputedLeft()).toBe(0); expect(root_child0_child1.getComputedTop()).toBe(80); expect(root_child0_child1.getComputedWidth()).toBe(80); expect(root_child0_child1.getComputedHeight()).toBe(80); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(200); expect(root.getComputedHeight()).toBe(200); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(200); expect(root_child0.getComputedHeight()).toBe(160); expect(root_child0_child0.getComputedLeft()).toBe(50); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(150); expect(root_child0_child0.getComputedHeight()).toBe(80); expect(root_child0_child1.getComputedLeft()).toBe(120); expect(root_child0_child1.getComputedTop()).toBe(80); expect(root_child0_child1.getComputedWidth()).toBe(80); expect(root_child0_child1.getComputedHeight()).toBe(80); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrapped_row_within_align_items_flex_start', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setAlignItems(Align.FlexStart); root.setWidth(200); root.setHeight(200); const root_child0 = Yoga.Node.create(config); root_child0.setFlexDirection(FlexDirection.Row); root_child0.setFlexWrap(Wrap.Wrap); root.insertChild(root_child0, 0); const root_child0_child0 = Yoga.Node.create(config); root_child0_child0.setWidth(150); root_child0_child0.setHeight(80); root_child0.insertChild(root_child0_child0, 0); const root_child0_child1 = Yoga.Node.create(config); root_child0_child1.setWidth(80); root_child0_child1.setHeight(80); root_child0.insertChild(root_child0_child1, 1); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(200); expect(root.getComputedHeight()).toBe(200); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(200); expect(root_child0.getComputedHeight()).toBe(160); expect(root_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(150); expect(root_child0_child0.getComputedHeight()).toBe(80); expect(root_child0_child1.getComputedLeft()).toBe(0); expect(root_child0_child1.getComputedTop()).toBe(80); expect(root_child0_child1.getComputedWidth()).toBe(80); expect(root_child0_child1.getComputedHeight()).toBe(80); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(200); expect(root.getComputedHeight()).toBe(200); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(200); expect(root_child0.getComputedHeight()).toBe(160); expect(root_child0_child0.getComputedLeft()).toBe(50); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(150); expect(root_child0_child0.getComputedHeight()).toBe(80); expect(root_child0_child1.getComputedLeft()).toBe(120); expect(root_child0_child1.getComputedTop()).toBe(80); expect(root_child0_child1.getComputedWidth()).toBe(80); expect(root_child0_child1.getComputedHeight()).toBe(80); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrapped_row_within_align_items_flex_end', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setAlignItems(Align.FlexEnd); root.setWidth(200); root.setHeight(200); const root_child0 = Yoga.Node.create(config); root_child0.setFlexDirection(FlexDirection.Row); root_child0.setFlexWrap(Wrap.Wrap); root.insertChild(root_child0, 0); const root_child0_child0 = Yoga.Node.create(config); root_child0_child0.setWidth(150); root_child0_child0.setHeight(80); root_child0.insertChild(root_child0_child0, 0); const root_child0_child1 = Yoga.Node.create(config); root_child0_child1.setWidth(80); root_child0_child1.setHeight(80); root_child0.insertChild(root_child0_child1, 1); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(200); expect(root.getComputedHeight()).toBe(200); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(200); expect(root_child0.getComputedHeight()).toBe(160); expect(root_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(150); expect(root_child0_child0.getComputedHeight()).toBe(80); expect(root_child0_child1.getComputedLeft()).toBe(0); expect(root_child0_child1.getComputedTop()).toBe(80); expect(root_child0_child1.getComputedWidth()).toBe(80); expect(root_child0_child1.getComputedHeight()).toBe(80); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(200); expect(root.getComputedHeight()).toBe(200); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(200); expect(root_child0.getComputedHeight()).toBe(160); expect(root_child0_child0.getComputedLeft()).toBe(50); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(150); expect(root_child0_child0.getComputedHeight()).toBe(80); expect(root_child0_child1.getComputedLeft()).toBe(120); expect(root_child0_child1.getComputedTop()).toBe(80); expect(root_child0_child1.getComputedWidth()).toBe(80); expect(root_child0_child1.getComputedHeight()).toBe(80); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrapped_column_max_height', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setJustifyContent(Justify.Center); root.setAlignContent(Align.Center); root.setAlignItems(Align.Center); root.setFlexWrap(Wrap.Wrap); root.setWidth(700); root.setHeight(500); const root_child0 = Yoga.Node.create(config); root_child0.setWidth(100); root_child0.setHeight(500); root_child0.setMaxHeight(200); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setMargin(Edge.Left, 20); root_child1.setMargin(Edge.Top, 20); root_child1.setMargin(Edge.Right, 20); root_child1.setMargin(Edge.Bottom, 20); root_child1.setWidth(200); root_child1.setHeight(200); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(100); root_child2.setHeight(100); root.insertChild(root_child2, 2); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(700); expect(root.getComputedHeight()).toBe(500); expect(root_child0.getComputedLeft()).toBe(250); expect(root_child0.getComputedTop()).toBe(30); expect(root_child0.getComputedWidth()).toBe(100); expect(root_child0.getComputedHeight()).toBe(200); expect(root_child1.getComputedLeft()).toBe(200); expect(root_child1.getComputedTop()).toBe(250); expect(root_child1.getComputedWidth()).toBe(200); expect(root_child1.getComputedHeight()).toBe(200); expect(root_child2.getComputedLeft()).toBe(420); expect(root_child2.getComputedTop()).toBe(200); expect(root_child2.getComputedWidth()).toBe(100); expect(root_child2.getComputedHeight()).toBe(100); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(700); expect(root.getComputedHeight()).toBe(500); expect(root_child0.getComputedLeft()).toBe(350); expect(root_child0.getComputedTop()).toBe(30); expect(root_child0.getComputedWidth()).toBe(100); expect(root_child0.getComputedHeight()).toBe(200); expect(root_child1.getComputedLeft()).toBe(300); expect(root_child1.getComputedTop()).toBe(250); expect(root_child1.getComputedWidth()).toBe(200); expect(root_child1.getComputedHeight()).toBe(200); expect(root_child2.getComputedLeft()).toBe(180); expect(root_child2.getComputedTop()).toBe(200); expect(root_child2.getComputedWidth()).toBe(100); expect(root_child2.getComputedHeight()).toBe(100); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrapped_column_max_height_flex', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setJustifyContent(Justify.Center); root.setAlignContent(Align.Center); root.setAlignItems(Align.Center); root.setFlexWrap(Wrap.Wrap); root.setWidth(700); root.setHeight(500); const root_child0 = Yoga.Node.create(config); root_child0.setFlexGrow(1); root_child0.setFlexShrink(1); root_child0.setFlexBasis("0%"); root_child0.setWidth(100); root_child0.setHeight(500); root_child0.setMaxHeight(200); root.insertChild(root_child0, 0); const root_child1 = Yoga.Node.create(config); root_child1.setFlexGrow(1); root_child1.setFlexShrink(1); root_child1.setFlexBasis("0%"); root_child1.setMargin(Edge.Left, 20); root_child1.setMargin(Edge.Top, 20); root_child1.setMargin(Edge.Right, 20); root_child1.setMargin(Edge.Bottom, 20); root_child1.setWidth(200); root_child1.setHeight(200); root.insertChild(root_child1, 1); const root_child2 = Yoga.Node.create(config); root_child2.setWidth(100); root_child2.setHeight(100); root.insertChild(root_child2, 2); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(700); expect(root.getComputedHeight()).toBe(500); expect(root_child0.getComputedLeft()).toBe(300); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(100); expect(root_child0.getComputedHeight()).toBe(180); expect(root_child1.getComputedLeft()).toBe(250); expect(root_child1.getComputedTop()).toBe(200); expect(root_child1.getComputedWidth()).toBe(200); expect(root_child1.getComputedHeight()).toBe(180); expect(root_child2.getComputedLeft()).toBe(300); expect(root_child2.getComputedTop()).toBe(400); expect(root_child2.getComputedWidth()).toBe(100); expect(root_child2.getComputedHeight()).toBe(100); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(700); expect(root.getComputedHeight()).toBe(500); expect(root_child0.getComputedLeft()).toBe(300); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(100); expect(root_child0.getComputedHeight()).toBe(180); expect(root_child1.getComputedLeft()).toBe(250); expect(root_child1.getComputedTop()).toBe(200); expect(root_child1.getComputedWidth()).toBe(200); expect(root_child1.getComputedHeight()).toBe(180); expect(root_child2.getComputedLeft()).toBe(300); expect(root_child2.getComputedTop()).toBe(400); expect(root_child2.getComputedWidth()).toBe(100); expect(root_child2.getComputedHeight()).toBe(100); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_nodes_with_content_sizing_overflowing_margin', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setWidth(500); root.setHeight(500); const root_child0 = Yoga.Node.create(config); root_child0.setFlexDirection(FlexDirection.Row); root_child0.setFlexWrap(Wrap.Wrap); root_child0.setWidth(85); root.insertChild(root_child0, 0); const root_child0_child0 = Yoga.Node.create(config); root_child0.insertChild(root_child0_child0, 0); const root_child0_child0_child0 = Yoga.Node.create(config); root_child0_child0_child0.setWidth(40); root_child0_child0_child0.setHeight(40); root_child0_child0.insertChild(root_child0_child0_child0, 0); const root_child0_child1 = Yoga.Node.create(config); root_child0_child1.setMargin(Edge.Right, 10); root_child0.insertChild(root_child0_child1, 1); const root_child0_child1_child0 = Yoga.Node.create(config); root_child0_child1_child0.setWidth(40); root_child0_child1_child0.setHeight(40); root_child0_child1.insertChild(root_child0_child1_child0, 0); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(500); expect(root.getComputedHeight()).toBe(500); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(85); expect(root_child0.getComputedHeight()).toBe(80); expect(root_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(40); expect(root_child0_child0.getComputedHeight()).toBe(40); expect(root_child0_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0_child0.getComputedWidth()).toBe(40); expect(root_child0_child0_child0.getComputedHeight()).toBe(40); expect(root_child0_child1.getComputedLeft()).toBe(0); expect(root_child0_child1.getComputedTop()).toBe(40); expect(root_child0_child1.getComputedWidth()).toBe(40); expect(root_child0_child1.getComputedHeight()).toBe(40); expect(root_child0_child1_child0.getComputedLeft()).toBe(0); expect(root_child0_child1_child0.getComputedTop()).toBe(0); expect(root_child0_child1_child0.getComputedWidth()).toBe(40); expect(root_child0_child1_child0.getComputedHeight()).toBe(40); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(500); expect(root.getComputedHeight()).toBe(500); expect(root_child0.getComputedLeft()).toBe(415); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(85); expect(root_child0.getComputedHeight()).toBe(80); expect(root_child0_child0.getComputedLeft()).toBe(45); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(40); expect(root_child0_child0.getComputedHeight()).toBe(40); expect(root_child0_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0_child0.getComputedWidth()).toBe(40); expect(root_child0_child0_child0.getComputedHeight()).toBe(40); expect(root_child0_child1.getComputedLeft()).toBe(35); expect(root_child0_child1.getComputedTop()).toBe(40); expect(root_child0_child1.getComputedWidth()).toBe(40); expect(root_child0_child1.getComputedHeight()).toBe(40); expect(root_child0_child1_child0.getComputedLeft()).toBe(0); expect(root_child0_child1_child0.getComputedTop()).toBe(0); expect(root_child0_child1_child0.getComputedWidth()).toBe(40); expect(root_child0_child1_child0.getComputedHeight()).toBe(40); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } }); test('wrap_nodes_with_content_sizing_margin_cross', () => { const config = Yoga.Config.create(); let root; config.setExperimentalFeatureEnabled(ExperimentalFeature.AbsolutePercentageAgainstPaddingEdge, true); try { root = Yoga.Node.create(config); root.setWidth(500); root.setHeight(500); const root_child0 = Yoga.Node.create(config); root_child0.setFlexDirection(FlexDirection.Row); root_child0.setFlexWrap(Wrap.Wrap); root_child0.setWidth(70); root.insertChild(root_child0, 0); const root_child0_child0 = Yoga.Node.create(config); root_child0.insertChild(root_child0_child0, 0); const root_child0_child0_child0 = Yoga.Node.create(config); root_child0_child0_child0.setWidth(40); root_child0_child0_child0.setHeight(40); root_child0_child0.insertChild(root_child0_child0_child0, 0); const root_child0_child1 = Yoga.Node.create(config); root_child0_child1.setMargin(Edge.Top, 10); root_child0.insertChild(root_child0_child1, 1); const root_child0_child1_child0 = Yoga.Node.create(config); root_child0_child1_child0.setWidth(40); root_child0_child1_child0.setHeight(40); root_child0_child1.insertChild(root_child0_child1_child0, 0); root.calculateLayout(undefined, undefined, Direction.LTR); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(500); expect(root.getComputedHeight()).toBe(500); expect(root_child0.getComputedLeft()).toBe(0); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(70); expect(root_child0.getComputedHeight()).toBe(90); expect(root_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(40); expect(root_child0_child0.getComputedHeight()).toBe(40); expect(root_child0_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0_child0.getComputedWidth()).toBe(40); expect(root_child0_child0_child0.getComputedHeight()).toBe(40); expect(root_child0_child1.getComputedLeft()).toBe(0); expect(root_child0_child1.getComputedTop()).toBe(50); expect(root_child0_child1.getComputedWidth()).toBe(40); expect(root_child0_child1.getComputedHeight()).toBe(40); expect(root_child0_child1_child0.getComputedLeft()).toBe(0); expect(root_child0_child1_child0.getComputedTop()).toBe(0); expect(root_child0_child1_child0.getComputedWidth()).toBe(40); expect(root_child0_child1_child0.getComputedHeight()).toBe(40); root.calculateLayout(undefined, undefined, Direction.RTL); expect(root.getComputedLeft()).toBe(0); expect(root.getComputedTop()).toBe(0); expect(root.getComputedWidth()).toBe(500); expect(root.getComputedHeight()).toBe(500); expect(root_child0.getComputedLeft()).toBe(430); expect(root_child0.getComputedTop()).toBe(0); expect(root_child0.getComputedWidth()).toBe(70); expect(root_child0.getComputedHeight()).toBe(90); expect(root_child0_child0.getComputedLeft()).toBe(30); expect(root_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0.getComputedWidth()).toBe(40); expect(root_child0_child0.getComputedHeight()).toBe(40); expect(root_child0_child0_child0.getComputedLeft()).toBe(0); expect(root_child0_child0_child0.getComputedTop()).toBe(0); expect(root_child0_child0_child0.getComputedWidth()).toBe(40); expect(root_child0_child0_child0.getComputedHeight()).toBe(40); expect(root_child0_child1.getComputedLeft()).toBe(30); expect(root_child0_child1.getComputedTop()).toBe(50); expect(root_child0_child1.getComputedWidth()).toBe(40); expect(root_child0_child1.getComputedHeight()).toBe(40); expect(root_child0_child1_child0.getComputedLeft()).toBe(0); expect(root_child0_child1_child0.getComputedTop()).toBe(0); expect(root_child0_child1_child0.getComputedWidth()).toBe(40); expect(root_child0_child1_child0.getComputedHeight()).toBe(40); } finally { if (typeof root !== 'undefined') { root.freeRecursive(); } config.free(); } });