Redo layout of 'stretch' aligned items for correct positioning of nested
items Fixes facebook/css-layout#83, facebook/css-layout#100, facebook/css-layout#127.
This commit is contained in:
@@ -8188,6 +8188,208 @@ public class LayoutEngineTest {
|
||||
|
||||
@Test
|
||||
public void testCase184()
|
||||
{
|
||||
TestCSSNode root_node = new TestCSSNode();
|
||||
{
|
||||
TestCSSNode node_0 = root_node;
|
||||
node_0.style.flexDirection = CSSFlexDirection.ROW;
|
||||
node_0.style.alignItems = CSSAlign.STRETCH;
|
||||
node_0.style.dimensions[DIMENSION_WIDTH] = 150;
|
||||
addChildren(node_0, 2);
|
||||
{
|
||||
TestCSSNode node_1;
|
||||
node_1 = node_0.getChildAt(0);
|
||||
node_1.style.flexDirection = CSSFlexDirection.ROW;
|
||||
node_1.setMargin(Spacing.LEFT, 10);
|
||||
node_1.setMargin(Spacing.TOP, 10);
|
||||
addChildren(node_1, 1);
|
||||
{
|
||||
TestCSSNode node_2;
|
||||
node_2 = node_1.getChildAt(0);
|
||||
node_2.style.flexDirection = CSSFlexDirection.ROW;
|
||||
addChildren(node_2, 1);
|
||||
{
|
||||
TestCSSNode node_3;
|
||||
node_3 = node_2.getChildAt(0);
|
||||
node_3.style.alignSelf = CSSAlign.CENTER;
|
||||
}
|
||||
}
|
||||
node_1 = node_0.getChildAt(1);
|
||||
node_1.style.dimensions[DIMENSION_HEIGHT] = 150;
|
||||
}
|
||||
}
|
||||
|
||||
TestCSSNode root_layout = new TestCSSNode();
|
||||
{
|
||||
TestCSSNode node_0 = root_layout;
|
||||
node_0.layout.position[POSITION_TOP] = 0;
|
||||
node_0.layout.position[POSITION_LEFT] = 0;
|
||||
node_0.layout.dimensions[DIMENSION_WIDTH] = 150;
|
||||
node_0.layout.dimensions[DIMENSION_HEIGHT] = 150;
|
||||
addChildren(node_0, 2);
|
||||
{
|
||||
TestCSSNode node_1;
|
||||
node_1 = node_0.getChildAt(0);
|
||||
node_1.layout.position[POSITION_TOP] = 10;
|
||||
node_1.layout.position[POSITION_LEFT] = 10;
|
||||
node_1.layout.dimensions[DIMENSION_WIDTH] = 0;
|
||||
node_1.layout.dimensions[DIMENSION_HEIGHT] = 140;
|
||||
addChildren(node_1, 1);
|
||||
{
|
||||
TestCSSNode node_2;
|
||||
node_2 = node_1.getChildAt(0);
|
||||
node_2.layout.position[POSITION_TOP] = 0;
|
||||
node_2.layout.position[POSITION_LEFT] = 0;
|
||||
node_2.layout.dimensions[DIMENSION_WIDTH] = 0;
|
||||
node_2.layout.dimensions[DIMENSION_HEIGHT] = 140;
|
||||
addChildren(node_2, 1);
|
||||
{
|
||||
TestCSSNode node_3;
|
||||
node_3 = node_2.getChildAt(0);
|
||||
node_3.layout.position[POSITION_TOP] = 70;
|
||||
node_3.layout.position[POSITION_LEFT] = 0;
|
||||
node_3.layout.dimensions[DIMENSION_WIDTH] = 0;
|
||||
node_3.layout.dimensions[DIMENSION_HEIGHT] = 0;
|
||||
}
|
||||
}
|
||||
node_1 = node_0.getChildAt(1);
|
||||
node_1.layout.position[POSITION_TOP] = 0;
|
||||
node_1.layout.position[POSITION_LEFT] = 10;
|
||||
node_1.layout.dimensions[DIMENSION_WIDTH] = 0;
|
||||
node_1.layout.dimensions[DIMENSION_HEIGHT] = 150;
|
||||
}
|
||||
}
|
||||
|
||||
test("should layout content of an item which is stretched late", root_node, root_layout);
|
||||
}
|
||||
|
||||
@Test
|
||||
public void testCase185()
|
||||
{
|
||||
TestCSSNode root_node = new TestCSSNode();
|
||||
{
|
||||
TestCSSNode node_0 = root_node;
|
||||
addChildren(node_0, 2);
|
||||
{
|
||||
TestCSSNode node_1;
|
||||
node_1 = node_0.getChildAt(0);
|
||||
addChildren(node_1, 1);
|
||||
{
|
||||
TestCSSNode node_2;
|
||||
node_2 = node_1.getChildAt(0);
|
||||
node_2.style.dimensions[DIMENSION_WIDTH] = 200;
|
||||
node_2.style.dimensions[DIMENSION_HEIGHT] = 200;
|
||||
}
|
||||
node_1 = node_0.getChildAt(1);
|
||||
node_1.setMargin(Spacing.LEFT, 10);
|
||||
node_1.setMargin(Spacing.TOP, 10);
|
||||
addChildren(node_1, 1);
|
||||
{
|
||||
TestCSSNode node_2;
|
||||
node_2 = node_1.getChildAt(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
TestCSSNode root_layout = new TestCSSNode();
|
||||
{
|
||||
TestCSSNode node_0 = root_layout;
|
||||
node_0.layout.position[POSITION_TOP] = 0;
|
||||
node_0.layout.position[POSITION_LEFT] = 0;
|
||||
node_0.layout.dimensions[DIMENSION_WIDTH] = 200;
|
||||
node_0.layout.dimensions[DIMENSION_HEIGHT] = 210;
|
||||
addChildren(node_0, 2);
|
||||
{
|
||||
TestCSSNode node_1;
|
||||
node_1 = node_0.getChildAt(0);
|
||||
node_1.layout.position[POSITION_TOP] = 0;
|
||||
node_1.layout.position[POSITION_LEFT] = 0;
|
||||
node_1.layout.dimensions[DIMENSION_WIDTH] = 200;
|
||||
node_1.layout.dimensions[DIMENSION_HEIGHT] = 200;
|
||||
addChildren(node_1, 1);
|
||||
{
|
||||
TestCSSNode node_2;
|
||||
node_2 = node_1.getChildAt(0);
|
||||
node_2.layout.position[POSITION_TOP] = 0;
|
||||
node_2.layout.position[POSITION_LEFT] = 0;
|
||||
node_2.layout.dimensions[DIMENSION_WIDTH] = 200;
|
||||
node_2.layout.dimensions[DIMENSION_HEIGHT] = 200;
|
||||
}
|
||||
node_1 = node_0.getChildAt(1);
|
||||
node_1.layout.position[POSITION_TOP] = 210;
|
||||
node_1.layout.position[POSITION_LEFT] = 10;
|
||||
node_1.layout.dimensions[DIMENSION_WIDTH] = 190;
|
||||
node_1.layout.dimensions[DIMENSION_HEIGHT] = 0;
|
||||
addChildren(node_1, 1);
|
||||
{
|
||||
TestCSSNode node_2;
|
||||
node_2 = node_1.getChildAt(0);
|
||||
node_2.layout.position[POSITION_TOP] = 0;
|
||||
node_2.layout.position[POSITION_LEFT] = 0;
|
||||
node_2.layout.dimensions[DIMENSION_WIDTH] = 190;
|
||||
node_2.layout.dimensions[DIMENSION_HEIGHT] = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
test("should layout items whose positioning is determined by sibling tree branches", root_node, root_layout);
|
||||
}
|
||||
|
||||
@Test
|
||||
public void testCase186()
|
||||
{
|
||||
TestCSSNode root_node = new TestCSSNode();
|
||||
{
|
||||
TestCSSNode node_0 = root_node;
|
||||
node_0.style.flexDirection = CSSFlexDirection.ROW;
|
||||
addChildren(node_0, 3);
|
||||
{
|
||||
TestCSSNode node_1;
|
||||
node_1 = node_0.getChildAt(0);
|
||||
node_1.style.alignSelf = CSSAlign.FLEX_START;
|
||||
node_1.setMargin(Spacing.LEFT, 10);
|
||||
node_1.setMargin(Spacing.TOP, 10);
|
||||
node_1 = node_0.getChildAt(1);
|
||||
node_1.style.alignSelf = CSSAlign.STRETCH;
|
||||
node_1.style.dimensions[DIMENSION_WIDTH] = 1;
|
||||
node_1 = node_0.getChildAt(2);
|
||||
node_1.style.dimensions[DIMENSION_HEIGHT] = 150;
|
||||
}
|
||||
}
|
||||
|
||||
TestCSSNode root_layout = new TestCSSNode();
|
||||
{
|
||||
TestCSSNode node_0 = root_layout;
|
||||
node_0.layout.position[POSITION_TOP] = 0;
|
||||
node_0.layout.position[POSITION_LEFT] = 0;
|
||||
node_0.layout.dimensions[DIMENSION_WIDTH] = 11;
|
||||
node_0.layout.dimensions[DIMENSION_HEIGHT] = 150;
|
||||
addChildren(node_0, 3);
|
||||
{
|
||||
TestCSSNode node_1;
|
||||
node_1 = node_0.getChildAt(0);
|
||||
node_1.layout.position[POSITION_TOP] = 10;
|
||||
node_1.layout.position[POSITION_LEFT] = 10;
|
||||
node_1.layout.dimensions[DIMENSION_WIDTH] = 0;
|
||||
node_1.layout.dimensions[DIMENSION_HEIGHT] = 0;
|
||||
node_1 = node_0.getChildAt(1);
|
||||
node_1.layout.position[POSITION_TOP] = 0;
|
||||
node_1.layout.position[POSITION_LEFT] = 10;
|
||||
node_1.layout.dimensions[DIMENSION_WIDTH] = 1;
|
||||
node_1.layout.dimensions[DIMENSION_HEIGHT] = 150;
|
||||
node_1 = node_0.getChildAt(2);
|
||||
node_1.layout.position[POSITION_TOP] = 0;
|
||||
node_1.layout.position[POSITION_LEFT] = 11;
|
||||
node_1.layout.dimensions[DIMENSION_WIDTH] = 0;
|
||||
node_1.layout.dimensions[DIMENSION_HEIGHT] = 150;
|
||||
}
|
||||
}
|
||||
|
||||
test("should layout child whose cross axis is undefined and whose alignSelf is stretch", root_node, root_layout);
|
||||
}
|
||||
|
||||
@Test
|
||||
public void testCase187()
|
||||
{
|
||||
TestCSSNode root_node = new TestCSSNode();
|
||||
{
|
||||
|
Reference in New Issue
Block a user