2016-10-23 10:27:32 -07:00
|
|
|
/**
|
|
|
|
* 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="absolute_layout_width_height_start_top" style="width: 100px; height: 100px;">
|
|
|
|
<div style="width:10px; height: 10px; position: absolute; start: 10px; top: 10px;"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="absolute_layout_width_height_end_bottom" style="width: 100px; height: 100px;">
|
|
|
|
<div style="width:10px; height: 10px; position: absolute; end: 10px; bottom: 10px;"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="absolute_layout_start_top_end_bottom" style="width: 100px; height: 100px;">
|
|
|
|
<div style="position: absolute; start: 10px; top: 10px; end: 10px; bottom: 10px;"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="absolute_layout_width_height_start_top_end_bottom" style="width: 100px; height: 100px;">
|
|
|
|
<div style="width:10px; height: 10px; position: absolute; start: 10px; top: 10px; end: 10px; bottom: 10px;"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent" style="height: 50px; width: 50px; overflow: hidden; flex-direction: row;">
|
2016-11-09 09:10:54 -08:00
|
|
|
<div style="position: absolute; start: 0px; top: 0px;">
|
2016-10-23 10:27:32 -07:00
|
|
|
<div style="width: 100px; height: 100px;"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-11-09 11:45:18 -08:00
|
|
|
|
|
|
|
<div id="absolute_layout_within_border" style="height:100px; width:100px; border-width: 10px; margin: 10px; padding: 10px;">
|
|
|
|
<div style="position: absolute; width: 50px; height: 50px; left: 0px; top: 0px;"></div>
|
|
|
|
<div style="position: absolute; width: 50px; height: 50px; right: 0px; bottom: 0px;"></div>
|
|
|
|
</div>
|
2016-10-23 10:27:32 -07:00
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
package com.facebook.csslayout;
|
|
|
|
|
|
|
|
import org.junit.Test;
|
|
|
|
|
|
|
|
import static org.junit.Assert.assertEquals;
|
|
|
|
|
|
|
|
public class CSSLayoutAbsolutePositionTest {
|
|
|
|
@Test
|
|
|
|
public void test_absolute_layout_width_height_start_top() {
|
|
|
|
final CSSNode root = new CSSNode();
|
|
|
|
root.setStyleWidth(100);
|
|
|
|
root.setStyleHeight(100);
|
|
|
|
|
|
|
|
final CSSNode root_child0 = new CSSNode();
|
|
|
|
root_child0.setPositionType(CSSPositionType.ABSOLUTE);
|
|
|
|
root_child0.setPosition(Spacing.START, 10);
|
|
|
|
root_child0.setPosition(Spacing.TOP, 10);
|
|
|
|
root_child0.setStyleWidth(10);
|
|
|
|
root_child0.setStyleHeight(10);
|
|
|
|
root.addChildAt(root_child0, 0);
|
|
|
|
root.setDirection(CSSDirection.LTR);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(10, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
root.setDirection(CSSDirection.RTL);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(80, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
}
|
|
|
|
|
|
|
|
@Test
|
|
|
|
public void test_absolute_layout_width_height_end_bottom() {
|
|
|
|
final CSSNode root = new CSSNode();
|
|
|
|
root.setStyleWidth(100);
|
|
|
|
root.setStyleHeight(100);
|
|
|
|
|
|
|
|
final CSSNode root_child0 = new CSSNode();
|
|
|
|
root_child0.setPositionType(CSSPositionType.ABSOLUTE);
|
|
|
|
root_child0.setPosition(Spacing.END, 10);
|
|
|
|
root_child0.setPosition(Spacing.BOTTOM, 10);
|
|
|
|
root_child0.setStyleWidth(10);
|
|
|
|
root_child0.setStyleHeight(10);
|
|
|
|
root.addChildAt(root_child0, 0);
|
|
|
|
root.setDirection(CSSDirection.LTR);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(80, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(80, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
root.setDirection(CSSDirection.RTL);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(10, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(80, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
}
|
|
|
|
|
|
|
|
@Test
|
|
|
|
public void test_absolute_layout_start_top_end_bottom() {
|
|
|
|
final CSSNode root = new CSSNode();
|
|
|
|
root.setStyleWidth(100);
|
|
|
|
root.setStyleHeight(100);
|
|
|
|
|
|
|
|
final CSSNode root_child0 = new CSSNode();
|
|
|
|
root_child0.setPositionType(CSSPositionType.ABSOLUTE);
|
|
|
|
root_child0.setPosition(Spacing.START, 10);
|
|
|
|
root_child0.setPosition(Spacing.TOP, 10);
|
|
|
|
root_child0.setPosition(Spacing.END, 10);
|
|
|
|
root_child0.setPosition(Spacing.BOTTOM, 10);
|
|
|
|
root.addChildAt(root_child0, 0);
|
|
|
|
root.setDirection(CSSDirection.LTR);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(10, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(80, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(80, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
root.setDirection(CSSDirection.RTL);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(10, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(80, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(80, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
}
|
|
|
|
|
|
|
|
@Test
|
|
|
|
public void test_absolute_layout_width_height_start_top_end_bottom() {
|
|
|
|
final CSSNode root = new CSSNode();
|
|
|
|
root.setStyleWidth(100);
|
|
|
|
root.setStyleHeight(100);
|
|
|
|
|
|
|
|
final CSSNode root_child0 = new CSSNode();
|
|
|
|
root_child0.setPositionType(CSSPositionType.ABSOLUTE);
|
|
|
|
root_child0.setPosition(Spacing.START, 10);
|
|
|
|
root_child0.setPosition(Spacing.TOP, 10);
|
|
|
|
root_child0.setPosition(Spacing.END, 10);
|
|
|
|
root_child0.setPosition(Spacing.BOTTOM, 10);
|
|
|
|
root_child0.setStyleWidth(10);
|
|
|
|
root_child0.setStyleHeight(10);
|
|
|
|
root.addChildAt(root_child0, 0);
|
|
|
|
root.setDirection(CSSDirection.LTR);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(10, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
root.setDirection(CSSDirection.RTL);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(80, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
}
|
|
|
|
|
|
|
|
@Test
|
|
|
|
public void test_do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent() {
|
|
|
|
final CSSNode root = new CSSNode();
|
|
|
|
root.setFlexDirection(CSSFlexDirection.ROW);
|
|
|
|
root.setOverflow(CSSOverflow.HIDDEN);
|
|
|
|
root.setStyleWidth(50);
|
|
|
|
root.setStyleHeight(50);
|
|
|
|
|
|
|
|
final CSSNode root_child0 = new CSSNode();
|
|
|
|
root_child0.setPositionType(CSSPositionType.ABSOLUTE);
|
2016-11-09 09:10:54 -08:00
|
|
|
root_child0.setPosition(Spacing.START, 0);
|
|
|
|
root_child0.setPosition(Spacing.TOP, 0);
|
2016-10-23 10:27:32 -07:00
|
|
|
root.addChildAt(root_child0, 0);
|
|
|
|
|
|
|
|
final CSSNode root_child0_child0 = new CSSNode();
|
|
|
|
root_child0_child0.setStyleWidth(100);
|
|
|
|
root_child0_child0.setStyleHeight(100);
|
|
|
|
root_child0.addChildAt(root_child0_child0, 0);
|
|
|
|
root.setDirection(CSSDirection.LTR);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(50, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(50, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(0, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(0, root_child0_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root_child0_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root_child0_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root_child0_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
root.setDirection(CSSDirection.RTL);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(0, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(50, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(50, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(-50, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(0, root_child0_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(0, root_child0_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root_child0_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root_child0_child0.getLayoutHeight(), 0.0f);
|
|
|
|
}
|
|
|
|
|
2016-11-09 11:45:18 -08:00
|
|
|
@Test
|
|
|
|
public void test_absolute_layout_within_border() {
|
|
|
|
final CSSNode root = new CSSNode();
|
|
|
|
root.setMargin(Spacing.LEFT, 10);
|
|
|
|
root.setMargin(Spacing.TOP, 10);
|
|
|
|
root.setMargin(Spacing.RIGHT, 10);
|
|
|
|
root.setMargin(Spacing.BOTTOM, 10);
|
|
|
|
root.setPadding(Spacing.LEFT, 10);
|
|
|
|
root.setPadding(Spacing.TOP, 10);
|
|
|
|
root.setPadding(Spacing.RIGHT, 10);
|
|
|
|
root.setPadding(Spacing.BOTTOM, 10);
|
|
|
|
root.setBorder(Spacing.LEFT, 10);
|
|
|
|
root.setBorder(Spacing.TOP, 10);
|
|
|
|
root.setBorder(Spacing.RIGHT, 10);
|
|
|
|
root.setBorder(Spacing.BOTTOM, 10);
|
|
|
|
root.setStyleWidth(100);
|
|
|
|
root.setStyleHeight(100);
|
|
|
|
|
|
|
|
final CSSNode root_child0 = new CSSNode();
|
|
|
|
root_child0.setPositionType(CSSPositionType.ABSOLUTE);
|
|
|
|
root_child0.setPosition(Spacing.LEFT, 0);
|
|
|
|
root_child0.setPosition(Spacing.TOP, 0);
|
|
|
|
root_child0.setStyleWidth(50);
|
|
|
|
root_child0.setStyleHeight(50);
|
|
|
|
root.addChildAt(root_child0, 0);
|
|
|
|
|
|
|
|
final CSSNode root_child1 = new CSSNode();
|
|
|
|
root_child1.setPositionType(CSSPositionType.ABSOLUTE);
|
|
|
|
root_child1.setPosition(Spacing.RIGHT, 0);
|
|
|
|
root_child1.setPosition(Spacing.BOTTOM, 0);
|
|
|
|
root_child1.setStyleWidth(50);
|
|
|
|
root_child1.setStyleHeight(50);
|
|
|
|
root.addChildAt(root_child1, 1);
|
|
|
|
root.setDirection(CSSDirection.LTR);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(10, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(10, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(50, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(50, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(40, root_child1.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(40, root_child1.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(50, root_child1.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(50, root_child1.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
root.setDirection(CSSDirection.RTL);
|
|
|
|
root.calculateLayout(null);
|
|
|
|
|
|
|
|
assertEquals(10, root.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(100, root.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(10, root_child0.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(10, root_child0.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(50, root_child0.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(50, root_child0.getLayoutHeight(), 0.0f);
|
|
|
|
|
|
|
|
assertEquals(40, root_child1.getLayoutX(), 0.0f);
|
|
|
|
assertEquals(40, root_child1.getLayoutY(), 0.0f);
|
|
|
|
assertEquals(50, root_child1.getLayoutWidth(), 0.0f);
|
|
|
|
assertEquals(50, root_child1.getLayoutHeight(), 0.0f);
|
|
|
|
}
|
|
|
|
|
2016-10-23 10:27:32 -07:00
|
|
|
}
|