a253c6fbb7
Summary: If there is a single child which is flex grow and flex shrink then instead of measuring and then shrinking we can just set the flex basis to zero as we know the final result will be that the child take up all remaining space. This is a re-land of D4147298. I have updated the diff to check explicitly for exact measure mode to also handle at_most case correctly. Reviewed By: gkassabli Differential Revision: D4153133 fbshipit-source-id: 2333150a83857cc30078cc8d52761cbd00652830
461 lines
17 KiB
C#
461 lines
17 KiB
C#
/**
|
|
* Copyright (c) 2014-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
/**
|
|
* @Generated by gentest/gentest.sh with the following input
|
|
*
|
|
<div id="flex_basis_flex_grow_column" style="width: 100px; height: 100px;">
|
|
<div style="flex-basis: 50px; flex-grow: 1;"></div>
|
|
<div style="flex-grow: 1;"></div>
|
|
</div>
|
|
|
|
<div id="flex_basis_flex_grow_row" style="width: 100px; height: 100px; flex-direction: row;">
|
|
<div style="flex-basis: 50px; flex-grow: 1;"></div>
|
|
<div style="flex-grow: 1;"></div>
|
|
</div>
|
|
|
|
<div id="flex_basis_flex_shrink_column" style="width: 100px; height: 100px;">
|
|
<div style="flex-basis: 100px; flex-shrink: 1;"></div>
|
|
<div style="flex-basis: 50px;"></div>
|
|
</div>
|
|
|
|
<div id="flex_basis_flex_shrink_row" style="width: 100px; height: 100px; flex-direction: row;">
|
|
<div style="flex-basis: 100px; flex-shrink: 1;"></div>
|
|
<div style="flex-basis: 50px;"></div>
|
|
</div>
|
|
|
|
<div id="flex_shrink_to_zero" style="height: 75px;">
|
|
<div style="width: 50px; height: 50px; flex-shrink:0;"></div>
|
|
<div style="width: 50px; height: 50px; flex-shrink:1;"></div>
|
|
<div style="width: 50px; height: 50px; flex-shrink:0;"></div>
|
|
</div>
|
|
|
|
<div id="flex_basis_overrides_main_size" style="height: 100px; width: 100px;">
|
|
<div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
</div>
|
|
|
|
<div id="flex_grow_shrink_at_most" style="height: 100px; width: 100px;">
|
|
<div>
|
|
<div style="flex-grow:1; flex-shrink:1;"></div>
|
|
</div>
|
|
</div>
|
|
*
|
|
*/
|
|
|
|
using System;
|
|
using NUnit.Framework;
|
|
|
|
namespace Facebook.CSSLayout
|
|
{
|
|
[TestFixture]
|
|
public class CSSLayoutFlexTest
|
|
{
|
|
[Test]
|
|
public void Test_flex_basis_flex_grow_column()
|
|
{
|
|
CSSNode root = new CSSNode();
|
|
root.StyleWidth = 100;
|
|
root.StyleHeight = 100;
|
|
|
|
CSSNode root_child0 = new CSSNode();
|
|
root_child0.FlexGrow = 1;
|
|
root_child0.FlexBasis = 50;
|
|
root.Insert(0, root_child0);
|
|
|
|
CSSNode root_child1 = new CSSNode();
|
|
root_child1.FlexGrow = 1;
|
|
root.Insert(1, root_child1);
|
|
root.StyleDirection = CSSDirection.LeftToRight;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0.LayoutWidth);
|
|
Assert.AreEqual(75, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(75, root_child1.LayoutY);
|
|
Assert.AreEqual(100, root_child1.LayoutWidth);
|
|
Assert.AreEqual(25, root_child1.LayoutHeight);
|
|
|
|
root.StyleDirection = CSSDirection.RightToLeft;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0.LayoutWidth);
|
|
Assert.AreEqual(75, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(75, root_child1.LayoutY);
|
|
Assert.AreEqual(100, root_child1.LayoutWidth);
|
|
Assert.AreEqual(25, root_child1.LayoutHeight);
|
|
}
|
|
|
|
[Test]
|
|
public void Test_flex_basis_flex_grow_row()
|
|
{
|
|
CSSNode root = new CSSNode();
|
|
root.FlexDirection = CSSFlexDirection.Row;
|
|
root.StyleWidth = 100;
|
|
root.StyleHeight = 100;
|
|
|
|
CSSNode root_child0 = new CSSNode();
|
|
root_child0.FlexGrow = 1;
|
|
root_child0.FlexBasis = 50;
|
|
root.Insert(0, root_child0);
|
|
|
|
CSSNode root_child1 = new CSSNode();
|
|
root_child1.FlexGrow = 1;
|
|
root.Insert(1, root_child1);
|
|
root.StyleDirection = CSSDirection.LeftToRight;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(75, root_child0.LayoutWidth);
|
|
Assert.AreEqual(100, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(75, root_child1.LayoutX);
|
|
Assert.AreEqual(0, root_child1.LayoutY);
|
|
Assert.AreEqual(25, root_child1.LayoutWidth);
|
|
Assert.AreEqual(100, root_child1.LayoutHeight);
|
|
|
|
root.StyleDirection = CSSDirection.RightToLeft;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(25, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(75, root_child0.LayoutWidth);
|
|
Assert.AreEqual(100, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(0, root_child1.LayoutY);
|
|
Assert.AreEqual(25, root_child1.LayoutWidth);
|
|
Assert.AreEqual(100, root_child1.LayoutHeight);
|
|
}
|
|
|
|
[Test]
|
|
public void Test_flex_basis_flex_shrink_column()
|
|
{
|
|
CSSNode root = new CSSNode();
|
|
root.StyleWidth = 100;
|
|
root.StyleHeight = 100;
|
|
|
|
CSSNode root_child0 = new CSSNode();
|
|
root_child0.FlexShrink = 1;
|
|
root_child0.FlexBasis = 100;
|
|
root.Insert(0, root_child0);
|
|
|
|
CSSNode root_child1 = new CSSNode();
|
|
root_child1.FlexBasis = 50;
|
|
root.Insert(1, root_child1);
|
|
root.StyleDirection = CSSDirection.LeftToRight;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0.LayoutWidth);
|
|
Assert.AreEqual(50, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(50, root_child1.LayoutY);
|
|
Assert.AreEqual(100, root_child1.LayoutWidth);
|
|
Assert.AreEqual(50, root_child1.LayoutHeight);
|
|
|
|
root.StyleDirection = CSSDirection.RightToLeft;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0.LayoutWidth);
|
|
Assert.AreEqual(50, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(50, root_child1.LayoutY);
|
|
Assert.AreEqual(100, root_child1.LayoutWidth);
|
|
Assert.AreEqual(50, root_child1.LayoutHeight);
|
|
}
|
|
|
|
[Test]
|
|
public void Test_flex_basis_flex_shrink_row()
|
|
{
|
|
CSSNode root = new CSSNode();
|
|
root.FlexDirection = CSSFlexDirection.Row;
|
|
root.StyleWidth = 100;
|
|
root.StyleHeight = 100;
|
|
|
|
CSSNode root_child0 = new CSSNode();
|
|
root_child0.FlexShrink = 1;
|
|
root_child0.FlexBasis = 100;
|
|
root.Insert(0, root_child0);
|
|
|
|
CSSNode root_child1 = new CSSNode();
|
|
root_child1.FlexBasis = 50;
|
|
root.Insert(1, root_child1);
|
|
root.StyleDirection = CSSDirection.LeftToRight;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(50, root_child0.LayoutWidth);
|
|
Assert.AreEqual(100, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(50, root_child1.LayoutX);
|
|
Assert.AreEqual(0, root_child1.LayoutY);
|
|
Assert.AreEqual(50, root_child1.LayoutWidth);
|
|
Assert.AreEqual(100, root_child1.LayoutHeight);
|
|
|
|
root.StyleDirection = CSSDirection.RightToLeft;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(50, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(50, root_child0.LayoutWidth);
|
|
Assert.AreEqual(100, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(0, root_child1.LayoutY);
|
|
Assert.AreEqual(50, root_child1.LayoutWidth);
|
|
Assert.AreEqual(100, root_child1.LayoutHeight);
|
|
}
|
|
|
|
[Test]
|
|
public void Test_flex_shrink_to_zero()
|
|
{
|
|
CSSNode root = new CSSNode();
|
|
root.StyleHeight = 75;
|
|
|
|
CSSNode root_child0 = new CSSNode();
|
|
root_child0.StyleWidth = 50;
|
|
root_child0.StyleHeight = 50;
|
|
root.Insert(0, root_child0);
|
|
|
|
CSSNode root_child1 = new CSSNode();
|
|
root_child1.FlexShrink = 1;
|
|
root_child1.StyleWidth = 50;
|
|
root_child1.StyleHeight = 50;
|
|
root.Insert(1, root_child1);
|
|
|
|
CSSNode root_child2 = new CSSNode();
|
|
root_child2.StyleWidth = 50;
|
|
root_child2.StyleHeight = 50;
|
|
root.Insert(2, root_child2);
|
|
root.StyleDirection = CSSDirection.LeftToRight;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(50, root.LayoutWidth);
|
|
Assert.AreEqual(75, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(50, root_child0.LayoutWidth);
|
|
Assert.AreEqual(50, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(50, root_child1.LayoutY);
|
|
Assert.AreEqual(50, root_child1.LayoutWidth);
|
|
Assert.AreEqual(0, root_child1.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child2.LayoutX);
|
|
Assert.AreEqual(50, root_child2.LayoutY);
|
|
Assert.AreEqual(50, root_child2.LayoutWidth);
|
|
Assert.AreEqual(50, root_child2.LayoutHeight);
|
|
|
|
root.StyleDirection = CSSDirection.RightToLeft;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(50, root.LayoutWidth);
|
|
Assert.AreEqual(75, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(50, root_child0.LayoutWidth);
|
|
Assert.AreEqual(50, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(50, root_child1.LayoutY);
|
|
Assert.AreEqual(50, root_child1.LayoutWidth);
|
|
Assert.AreEqual(0, root_child1.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child2.LayoutX);
|
|
Assert.AreEqual(50, root_child2.LayoutY);
|
|
Assert.AreEqual(50, root_child2.LayoutWidth);
|
|
Assert.AreEqual(50, root_child2.LayoutHeight);
|
|
}
|
|
|
|
[Test]
|
|
public void Test_flex_basis_overrides_main_size()
|
|
{
|
|
CSSNode root = new CSSNode();
|
|
root.StyleWidth = 100;
|
|
root.StyleHeight = 100;
|
|
|
|
CSSNode root_child0 = new CSSNode();
|
|
root_child0.FlexGrow = 1;
|
|
root_child0.FlexBasis = 50;
|
|
root_child0.StyleHeight = 20;
|
|
root.Insert(0, root_child0);
|
|
|
|
CSSNode root_child1 = new CSSNode();
|
|
root_child1.FlexGrow = 1;
|
|
root_child1.StyleHeight = 10;
|
|
root.Insert(1, root_child1);
|
|
|
|
CSSNode root_child2 = new CSSNode();
|
|
root_child2.FlexGrow = 1;
|
|
root_child2.StyleHeight = 10;
|
|
root.Insert(2, root_child2);
|
|
root.StyleDirection = CSSDirection.LeftToRight;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0.LayoutWidth);
|
|
Assert.AreEqual(60, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(60, root_child1.LayoutY);
|
|
Assert.AreEqual(100, root_child1.LayoutWidth);
|
|
Assert.AreEqual(20, root_child1.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child2.LayoutX);
|
|
Assert.AreEqual(80, root_child2.LayoutY);
|
|
Assert.AreEqual(100, root_child2.LayoutWidth);
|
|
Assert.AreEqual(20, root_child2.LayoutHeight);
|
|
|
|
root.StyleDirection = CSSDirection.RightToLeft;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0.LayoutWidth);
|
|
Assert.AreEqual(60, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child1.LayoutX);
|
|
Assert.AreEqual(60, root_child1.LayoutY);
|
|
Assert.AreEqual(100, root_child1.LayoutWidth);
|
|
Assert.AreEqual(20, root_child1.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child2.LayoutX);
|
|
Assert.AreEqual(80, root_child2.LayoutY);
|
|
Assert.AreEqual(100, root_child2.LayoutWidth);
|
|
Assert.AreEqual(20, root_child2.LayoutHeight);
|
|
}
|
|
|
|
[Test]
|
|
public void Test_flex_grow_shrink_at_most()
|
|
{
|
|
CSSNode root = new CSSNode();
|
|
root.StyleWidth = 100;
|
|
root.StyleHeight = 100;
|
|
|
|
CSSNode root_child0 = new CSSNode();
|
|
root.Insert(0, root_child0);
|
|
|
|
CSSNode root_child0_child0 = new CSSNode();
|
|
root_child0_child0.FlexGrow = 1;
|
|
root_child0_child0.FlexShrink = 1;
|
|
root_child0.Insert(0, root_child0_child0);
|
|
root.StyleDirection = CSSDirection.LeftToRight;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0.LayoutWidth);
|
|
Assert.AreEqual(0, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0_child0.LayoutWidth);
|
|
Assert.AreEqual(0, root_child0_child0.LayoutHeight);
|
|
|
|
root.StyleDirection = CSSDirection.RightToLeft;
|
|
root.CalculateLayout();
|
|
|
|
Assert.AreEqual(0, root.LayoutX);
|
|
Assert.AreEqual(0, root.LayoutY);
|
|
Assert.AreEqual(100, root.LayoutWidth);
|
|
Assert.AreEqual(100, root.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0.LayoutWidth);
|
|
Assert.AreEqual(0, root_child0.LayoutHeight);
|
|
|
|
Assert.AreEqual(0, root_child0_child0.LayoutX);
|
|
Assert.AreEqual(0, root_child0_child0.LayoutY);
|
|
Assert.AreEqual(100, root_child0_child0.LayoutWidth);
|
|
Assert.AreEqual(0, root_child0_child0.LayoutHeight);
|
|
}
|
|
|
|
}
|
|
}
|