react-nitro-yoga 0.0.0-stage → 0.0.1-alpha.7

package/yoga/javascript/tests/generated/YGDisplayTest.test.ts

@@ -0,0 +1,962 @@
+/**
+ * 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 SignedSource<<cdd07b11024b5511191854b786ed35c9>>
+ * generated by gentest/src/GentestDriver.ts from gentest/fixtures/YGDisplayTest.html
+ */
+
+import { intrinsicSizeMeasureFunc } from '../tools/utils.ts'
+import Yoga from 'yoga-layout';
+import {
+  Align,
+  BoxSizing,
+  Direction,
+  Display,
+  Edge,
+  Errata,
+  ExperimentalFeature,
+  FlexDirection,
+  Gutter,
+  Justify,
+  MeasureMode,
+  Overflow,
+  PositionType,
+  Unit,
+  Wrap,
+} from 'yoga-layout';
+
+test('display_none', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setFlexGrow(1);
+  root.insertChild(root_child0, 0);
+
+  const root_child1 = Yoga.Node.create(config);
+  root_child1.setFlexGrow(1);
+  root_child1.setDisplay(Display.None);
+  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(100);
+  expect(root_child0.getComputedHeight()).toBe(100);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  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_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  expect(root_child1.getComputedHeight()).toBe(0);
+});
+test('display_none_fixed_size', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setFlexGrow(1);
+  root.insertChild(root_child0, 0);
+
+  const root_child1 = Yoga.Node.create(config);
+  root_child1.setWidth(20);
+  root_child1.setHeight(20);
+  root_child1.setDisplay(Display.None);
+  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(100);
+  expect(root_child0.getComputedHeight()).toBe(100);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  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_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  expect(root_child1.getComputedHeight()).toBe(0);
+});
+test('display_none_with_margin', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setWidth(20);
+  root_child0.setHeight(20);
+  root_child0.setDisplay(Display.None);
+  root_child0.setMargin(Edge.All, 10);
+  root.insertChild(root_child0, 0);
+
+  const root_child1 = Yoga.Node.create(config);
+  root_child1.setFlexGrow(1);
+  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(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  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(100);
+
+  expect(root_child0.getComputedLeft()).toBe(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(100);
+  expect(root_child1.getComputedHeight()).toBe(100);
+});
+test('display_none_with_child', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setFlexGrow(1);
+  root_child0.setFlexShrink(1);
+  root_child0.setFlexBasis("0%");
+  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.setDisplay(Display.None);
+  root.insertChild(root_child1, 1);
+
+  const root_child1_child0 = Yoga.Node.create(config);
+  root_child1_child0.setFlexGrow(1);
+  root_child1_child0.setFlexShrink(1);
+  root_child1_child0.setFlexBasis("0%");
+  root_child1_child0.setWidth(20);
+  root_child1.insertChild(root_child1_child0, 0);
+
+  const root_child2 = Yoga.Node.create(config);
+  root_child2.setFlexGrow(1);
+  root_child2.setFlexShrink(1);
+  root_child2.setFlexBasis("0%");
+  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(100);
+  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(100);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  expect(root_child1.getComputedHeight()).toBe(0);
+
+  expect(root_child1_child0.getComputedLeft()).toBe(0);
+  expect(root_child1_child0.getComputedTop()).toBe(0);
+  expect(root_child1_child0.getComputedWidth()).toBe(0);
+  expect(root_child1_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child2.getComputedLeft()).toBe(50);
+  expect(root_child2.getComputedTop()).toBe(0);
+  expect(root_child2.getComputedWidth()).toBe(50);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  expect(root_child0.getComputedLeft()).toBe(50);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(50);
+  expect(root_child0.getComputedHeight()).toBe(100);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  expect(root_child1.getComputedHeight()).toBe(0);
+
+  expect(root_child1_child0.getComputedLeft()).toBe(0);
+  expect(root_child1_child0.getComputedTop()).toBe(0);
+  expect(root_child1_child0.getComputedWidth()).toBe(0);
+  expect(root_child1_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child2.getComputedLeft()).toBe(0);
+  expect(root_child2.getComputedTop()).toBe(0);
+  expect(root_child2.getComputedWidth()).toBe(50);
+  expect(root_child2.getComputedHeight()).toBe(100);
+});
+test('display_none_with_position', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setFlexGrow(1);
+  root.insertChild(root_child0, 0);
+
+  const root_child1 = Yoga.Node.create(config);
+  root_child1.setFlexGrow(1);
+  root_child1.setDisplay(Display.None);
+  root_child1.setPosition(Edge.Top, 10);
+  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(100);
+  expect(root_child0.getComputedHeight()).toBe(100);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  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_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  expect(root_child1.getComputedHeight()).toBe(0);
+});
+test('display_none_with_position_absolute', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setDisplay(Display.None);
+  root_child0.setPositionType(PositionType.Absolute);
+  root_child0.setWidth(100);
+  root_child0.setHeight(100);
+  root.insertChild(root_child0, 0);
+  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(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  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(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+});
+test('display_contents', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setDisplay(Display.Contents);
+  root.insertChild(root_child0, 0);
+
+  const root_child0_child0 = Yoga.Node.create(config);
+  root_child0_child0.setFlexGrow(1);
+  root_child0_child0.setFlexShrink(1);
+  root_child0_child0.setFlexBasis("0%");
+  root_child0_child0.setHeight(10);
+  root_child0.insertChild(root_child0_child0, 0);
+
+  const root_child0_child1 = Yoga.Node.create(config);
+  root_child0_child1.setFlexGrow(1);
+  root_child0_child1.setFlexShrink(1);
+  root_child0_child1.setFlexBasis("0%");
+  root_child0_child1.setHeight(20);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  expect(root_child0.getComputedLeft()).toBe(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(0);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(50);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+
+  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(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(50);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(0);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+});
+test('display_contents_fixed_size', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setDisplay(Display.Contents);
+  root_child0.setWidth(50);
+  root_child0.setHeight(50);
+  root.insertChild(root_child0, 0);
+
+  const root_child0_child0 = Yoga.Node.create(config);
+  root_child0_child0.setFlexGrow(1);
+  root_child0_child0.setFlexShrink(1);
+  root_child0_child0.setFlexBasis("0%");
+  root_child0_child0.setHeight(10);
+  root_child0.insertChild(root_child0_child0, 0);
+
+  const root_child0_child1 = Yoga.Node.create(config);
+  root_child0_child1.setFlexGrow(1);
+  root_child0_child1.setFlexShrink(1);
+  root_child0_child1.setFlexBasis("0%");
+  root_child0_child1.setHeight(20);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  expect(root_child0.getComputedLeft()).toBe(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(0);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(50);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+
+  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(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(50);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(0);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+});
+test('display_contents_with_margin', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setWidth(20);
+  root_child0.setHeight(20);
+  root_child0.setDisplay(Display.Contents);
+  root_child0.setMargin(Edge.All, 10);
+  root.insertChild(root_child0, 0);
+
+  const root_child1 = Yoga.Node.create(config);
+  root_child1.setFlexGrow(1);
+  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(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  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(100);
+
+  expect(root_child0.getComputedLeft()).toBe(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(100);
+  expect(root_child1.getComputedHeight()).toBe(100);
+});
+test('display_contents_with_padding', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setDisplay(Display.Contents);
+  root_child0.setPadding(Edge.All, 10);
+  root.insertChild(root_child0, 0);
+
+  const root_child0_child0 = Yoga.Node.create(config);
+  root_child0_child0.setFlexGrow(1);
+  root_child0_child0.setFlexShrink(1);
+  root_child0_child0.setFlexBasis("0%");
+  root_child0_child0.setHeight(10);
+  root_child0.insertChild(root_child0_child0, 0);
+
+  const root_child0_child1 = Yoga.Node.create(config);
+  root_child0_child1.setFlexGrow(1);
+  root_child0_child1.setFlexShrink(1);
+  root_child0_child1.setFlexBasis("0%");
+  root_child0_child1.setHeight(20);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  expect(root_child0.getComputedLeft()).toBe(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(0);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(50);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+
+  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(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(50);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(0);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+});
+test('display_contents_with_position', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setDisplay(Display.Contents);
+  root_child0.setPosition(Edge.Top, 10);
+  root.insertChild(root_child0, 0);
+
+  const root_child0_child0 = Yoga.Node.create(config);
+  root_child0_child0.setFlexGrow(1);
+  root_child0_child0.setFlexShrink(1);
+  root_child0_child0.setFlexBasis("0%");
+  root_child0_child0.setHeight(10);
+  root_child0.insertChild(root_child0_child0, 0);
+
+  const root_child0_child1 = Yoga.Node.create(config);
+  root_child0_child1.setFlexGrow(1);
+  root_child0_child1.setFlexShrink(1);
+  root_child0_child1.setFlexBasis("0%");
+  root_child0_child1.setHeight(20);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  expect(root_child0.getComputedLeft()).toBe(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(0);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(50);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+
+  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(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(50);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(0);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+});
+test('display_contents_with_position_absolute', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setDisplay(Display.Contents);
+  root_child0.setPositionType(PositionType.Absolute);
+  root_child0.setWidth(50);
+  root_child0.setHeight(50);
+  root.insertChild(root_child0, 0);
+
+  const root_child0_child0 = Yoga.Node.create(config);
+  root_child0_child0.setFlexGrow(1);
+  root_child0_child0.setFlexShrink(1);
+  root_child0_child0.setFlexBasis("0%");
+  root_child0_child0.setHeight(10);
+  root_child0.insertChild(root_child0_child0, 0);
+
+  const root_child0_child1 = Yoga.Node.create(config);
+  root_child0_child1.setFlexGrow(1);
+  root_child0_child1.setFlexShrink(1);
+  root_child0_child1.setFlexBasis("0%");
+  root_child0_child1.setHeight(20);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  expect(root_child0.getComputedLeft()).toBe(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(0);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(50);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+
+  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(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(50);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child1.getComputedLeft()).toBe(0);
+  expect(root_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child1.getComputedHeight()).toBe(20);
+});
+test('display_contents_nested', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setDisplay(Display.Contents);
+  root.insertChild(root_child0, 0);
+
+  const root_child0_child0 = Yoga.Node.create(config);
+  root_child0_child0.setDisplay(Display.Contents);
+  root_child0.insertChild(root_child0_child0, 0);
+
+  const root_child0_child0_child0 = Yoga.Node.create(config);
+  root_child0_child0_child0.setFlexGrow(1);
+  root_child0_child0_child0.setFlexShrink(1);
+  root_child0_child0_child0.setFlexBasis("0%");
+  root_child0_child0_child0.setHeight(10);
+  root_child0_child0.insertChild(root_child0_child0_child0, 0);
+
+  const root_child0_child0_child1 = Yoga.Node.create(config);
+  root_child0_child0_child1.setFlexGrow(1);
+  root_child0_child0_child1.setFlexShrink(1);
+  root_child0_child0_child1.setFlexBasis("0%");
+  root_child0_child0_child1.setHeight(20);
+  root_child0_child0.insertChild(root_child0_child0_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(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(0);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(0);
+  expect(root_child0_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0_child0.getComputedLeft()).toBe(0);
+  expect(root_child0_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child0_child1.getComputedLeft()).toBe(50);
+  expect(root_child0_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child0_child1.getComputedHeight()).toBe(20);
+
+  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(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(0);
+  expect(root_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0.getComputedLeft()).toBe(0);
+  expect(root_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0.getComputedWidth()).toBe(0);
+  expect(root_child0_child0.getComputedHeight()).toBe(0);
+
+  expect(root_child0_child0_child0.getComputedLeft()).toBe(50);
+  expect(root_child0_child0_child0.getComputedTop()).toBe(0);
+  expect(root_child0_child0_child0.getComputedWidth()).toBe(50);
+  expect(root_child0_child0_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child0_child0_child1.getComputedLeft()).toBe(0);
+  expect(root_child0_child0_child1.getComputedTop()).toBe(0);
+  expect(root_child0_child0_child1.getComputedWidth()).toBe(50);
+  expect(root_child0_child0_child1.getComputedHeight()).toBe(20);
+});
+test('display_contents_with_siblings', () => {
+  const config = Yoga.Config.create();
+
+  const root = Yoga.Node.create(config);
+  root.setPositionType(PositionType.Absolute);
+  root.setWidth(100);
+  root.setHeight(100);
+  root.setFlexDirection(FlexDirection.Row);
+
+  const root_child0 = Yoga.Node.create(config);
+  root_child0.setFlexGrow(1);
+  root_child0.setFlexShrink(1);
+  root_child0.setFlexBasis("0%");
+  root_child0.setHeight(30);
+  root.insertChild(root_child0, 0);
+
+  const root_child1 = Yoga.Node.create(config);
+  root_child1.setDisplay(Display.Contents);
+  root.insertChild(root_child1, 1);
+
+  const root_child1_child0 = Yoga.Node.create(config);
+  root_child1_child0.setFlexGrow(1);
+  root_child1_child0.setFlexShrink(1);
+  root_child1_child0.setFlexBasis("0%");
+  root_child1_child0.setHeight(10);
+  root_child1.insertChild(root_child1_child0, 0);
+
+  const root_child1_child1 = Yoga.Node.create(config);
+  root_child1_child1.setFlexGrow(1);
+  root_child1_child1.setFlexShrink(1);
+  root_child1_child1.setFlexBasis("0%");
+  root_child1_child1.setHeight(20);
+  root_child1.insertChild(root_child1_child1, 1);
+
+  const root_child2 = Yoga.Node.create(config);
+  root_child2.setFlexGrow(1);
+  root_child2.setFlexShrink(1);
+  root_child2.setFlexBasis("0%");
+  root_child2.setHeight(30);
+  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(100);
+  expect(root.getComputedHeight()).toBe(100);
+
+  expect(root_child0.getComputedLeft()).toBe(0);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(25);
+  expect(root_child0.getComputedHeight()).toBe(30);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  expect(root_child1.getComputedHeight()).toBe(0);
+
+  expect(root_child1_child0.getComputedLeft()).toBe(25);
+  expect(root_child1_child0.getComputedTop()).toBe(0);
+  expect(root_child1_child0.getComputedWidth()).toBe(25);
+  expect(root_child1_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child1_child1.getComputedLeft()).toBe(50);
+  expect(root_child1_child1.getComputedTop()).toBe(0);
+  expect(root_child1_child1.getComputedWidth()).toBe(25);
+  expect(root_child1_child1.getComputedHeight()).toBe(20);
+
+  expect(root_child2.getComputedLeft()).toBe(75);
+  expect(root_child2.getComputedTop()).toBe(0);
+  expect(root_child2.getComputedWidth()).toBe(25);
+  expect(root_child2.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(100);
+
+  expect(root_child0.getComputedLeft()).toBe(75);
+  expect(root_child0.getComputedTop()).toBe(0);
+  expect(root_child0.getComputedWidth()).toBe(25);
+  expect(root_child0.getComputedHeight()).toBe(30);
+
+  expect(root_child1.getComputedLeft()).toBe(0);
+  expect(root_child1.getComputedTop()).toBe(0);
+  expect(root_child1.getComputedWidth()).toBe(0);
+  expect(root_child1.getComputedHeight()).toBe(0);
+
+  expect(root_child1_child0.getComputedLeft()).toBe(50);
+  expect(root_child1_child0.getComputedTop()).toBe(0);
+  expect(root_child1_child0.getComputedWidth()).toBe(25);
+  expect(root_child1_child0.getComputedHeight()).toBe(10);
+
+  expect(root_child1_child1.getComputedLeft()).toBe(25);
+  expect(root_child1_child1.getComputedTop()).toBe(0);
+  expect(root_child1_child1.getComputedWidth()).toBe(25);
+  expect(root_child1_child1.getComputedHeight()).toBe(20);
+
+  expect(root_child2.getComputedLeft()).toBe(0);
+  expect(root_child2.getComputedTop()).toBe(0);
+  expect(root_child2.getComputedWidth()).toBe(25);
+  expect(root_child2.getComputedHeight()).toBe(30);
+});