404 lines
15 KiB
C#
404 lines
15 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>
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
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);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|