added basic java, csharp and javascript tests for reference baseline feature
Summary: @public We added a functionality using which child node can tell parent node to use it as a reference baseline. Added some tests for java, csharp, javascript language bindings. Reviewed By: davidaurelio Differential Revision: D12997442 fbshipit-source-id: 4717167d2b3862bf2af87b663bda82f9c1eae33e
This commit is contained in:
Sidharth Guglani
committed by
Facebook Github Bot
Facebook Github Bot
parent
4e2011c381
commit
63570613d3
104
csharp/tests/Facebook.Yoga/YGAlignBaselineTest.cs
Normal file
104
csharp/tests/Facebook.Yoga/YGAlignBaselineTest.cs
Normal file
@@ -0,0 +1,104 @@
|
|||||||
|
/**
|
||||||
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||||
|
*
|
||||||
|
* This source code is licensed under the MIT license found in the
|
||||||
|
* LICENSE file in the root directory of this source tree.
|
||||||
|
*/
|
||||||
|
|
||||||
|
using System;
|
||||||
|
using NUnit.Framework;
|
||||||
|
|
||||||
|
namespace Facebook.Yoga
|
||||||
|
{
|
||||||
|
[TestFixture]
|
||||||
|
public class YGAlignBaselineTest
|
||||||
|
{
|
||||||
|
[Test]
|
||||||
|
public void Test_align_baseline_parent_using_child_in_column_as_reference()
|
||||||
|
{
|
||||||
|
YogaConfig config = new YogaConfig();
|
||||||
|
YogaNode root = createYGNode(config, YogaFlexDirection.Row, 1000, 1000, true);
|
||||||
|
|
||||||
|
YogaNode root_child0 = createYGNode(config, YogaFlexDirection.Column, 500, 600, false);
|
||||||
|
root.Insert(0, root_child0);
|
||||||
|
|
||||||
|
YogaNode root_child1 = createYGNode(config, YogaFlexDirection.Column, 500, 800, false);
|
||||||
|
root.Insert(1, root_child1);
|
||||||
|
|
||||||
|
YogaNode root_child1_child0 = createYGNode(config, YogaFlexDirection.Column, 500, 300, false);
|
||||||
|
root_child1.Insert(0, root_child1_child0);
|
||||||
|
|
||||||
|
YogaNode root_child1_child1 = createYGNode(config, YogaFlexDirection.Column, 500, 400, false);
|
||||||
|
root_child1_child1.SetBaselineFunction((_, width, height) => {
|
||||||
|
return height / 2;
|
||||||
|
});
|
||||||
|
root_child1_child1.IsReferenceBaseline = true;
|
||||||
|
root_child1.Insert(1, root_child1_child1);
|
||||||
|
|
||||||
|
root.CalculateLayout();
|
||||||
|
|
||||||
|
Assert.AreEqual(0f, root_child0.LayoutX);
|
||||||
|
Assert.AreEqual(0f, root_child0.LayoutY);
|
||||||
|
|
||||||
|
Assert.AreEqual(500f, root_child1.LayoutX);
|
||||||
|
Assert.AreEqual(100f, root_child1.LayoutY);
|
||||||
|
|
||||||
|
Assert.AreEqual(0f, root_child1_child0.LayoutX);
|
||||||
|
Assert.AreEqual(0f, root_child1_child0.LayoutY);
|
||||||
|
|
||||||
|
Assert.AreEqual(0f, root_child1_child1.LayoutX);
|
||||||
|
Assert.AreEqual(300f, root_child1_child1.LayoutY);
|
||||||
|
}
|
||||||
|
|
||||||
|
[Test]
|
||||||
|
public void Test_align_baseline_parent_using_child_in_row_as_reference()
|
||||||
|
{
|
||||||
|
YogaConfig config = new YogaConfig();
|
||||||
|
|
||||||
|
YogaNode root = createYGNode(config, YogaFlexDirection.Row, 1000, 1000, true);
|
||||||
|
|
||||||
|
YogaNode root_child0 = createYGNode(config, YogaFlexDirection.Column, 500, 600, false);
|
||||||
|
root.Insert(0, root_child0);
|
||||||
|
|
||||||
|
YogaNode root_child1 = createYGNode(config, YogaFlexDirection.Row, 500, 800, true);
|
||||||
|
root.Insert(1, root_child1);
|
||||||
|
|
||||||
|
YogaNode root_child1_child0 = createYGNode(config, YogaFlexDirection.Row, 500, 500, false);
|
||||||
|
root_child1.Insert(0, root_child1_child0);
|
||||||
|
|
||||||
|
YogaNode root_child1_child1 = createYGNode(config, YogaFlexDirection.Row, 500, 400, false);
|
||||||
|
root_child1_child1.SetBaselineFunction((_, width, height) => {
|
||||||
|
return height / 2;
|
||||||
|
});
|
||||||
|
root_child1_child1.IsReferenceBaseline = true;
|
||||||
|
root_child1.Insert(1, root_child1_child1);
|
||||||
|
|
||||||
|
root.StyleDirection = YogaDirection.LTR;
|
||||||
|
|
||||||
|
root.CalculateLayout();
|
||||||
|
|
||||||
|
Assert.AreEqual(0f, root_child0.LayoutX);
|
||||||
|
Assert.AreEqual(0f, root_child0.LayoutY);
|
||||||
|
|
||||||
|
Assert.AreEqual(500f, root_child1.LayoutX);
|
||||||
|
Assert.AreEqual(100f, root_child1.LayoutY);
|
||||||
|
|
||||||
|
Assert.AreEqual(0f, root_child1_child0.LayoutX);
|
||||||
|
Assert.AreEqual(0f, root_child1_child0.LayoutY);
|
||||||
|
|
||||||
|
Assert.AreEqual(500f, root_child1_child1.LayoutX);
|
||||||
|
Assert.AreEqual(300f, root_child1_child1.LayoutY);
|
||||||
|
}
|
||||||
|
|
||||||
|
private YogaNode createYGNode(YogaConfig config, YogaFlexDirection flexDirection, int width, int height, bool alignBaseline) {
|
||||||
|
YogaNode node = new YogaNode(config);
|
||||||
|
node.FlexDirection = flexDirection;
|
||||||
|
node.Width = width;
|
||||||
|
node.Height = height;
|
||||||
|
if (alignBaseline) {
|
||||||
|
node.AlignItems = YogaAlign.Baseline;
|
||||||
|
}
|
||||||
|
return node;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
122
java/tests/com/facebook/yoga/YGAlignBaselineTest.java
Normal file
122
java/tests/com/facebook/yoga/YGAlignBaselineTest.java
Normal file
@@ -0,0 +1,122 @@
|
|||||||
|
/**
|
||||||
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||||
|
*
|
||||||
|
* This source code is licensed under the MIT license found in the
|
||||||
|
* LICENSE file in the root directory of this source tree.
|
||||||
|
*/
|
||||||
|
package com.facebook.yoga;
|
||||||
|
|
||||||
|
import static org.junit.Assert.assertEquals;
|
||||||
|
|
||||||
|
import org.junit.Test;
|
||||||
|
import org.junit.runner.RunWith;
|
||||||
|
import org.junit.runners.Parameterized;
|
||||||
|
|
||||||
|
@RunWith(Parameterized.class)
|
||||||
|
public class YGAlignBaselineTest {
|
||||||
|
@Parameterized.Parameters(name = "{0}")
|
||||||
|
public static Iterable<TestParametrization.NodeFactory> nodeFactories() {
|
||||||
|
return TestParametrization.nodeFactories();
|
||||||
|
}
|
||||||
|
|
||||||
|
@Parameterized.Parameter public TestParametrization.NodeFactory mNodeFactory;
|
||||||
|
|
||||||
|
private YogaBaselineFunction getBaselineFunc() {
|
||||||
|
return new YogaBaselineFunction() {
|
||||||
|
@Override
|
||||||
|
public float baseline(YogaNode node, float width, float height) {
|
||||||
|
return height / 2;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
public void test_align_baseline_parent_using_child_in_column_as_reference() {
|
||||||
|
YogaConfig config = new YogaConfig();
|
||||||
|
|
||||||
|
final YogaNode root = createYGNode(config, YogaFlexDirection.ROW, 1000f, 1000f, true);
|
||||||
|
|
||||||
|
final YogaNode root_child0 = createYGNode(config, YogaFlexDirection.COLUMN, 500f, 600f, false);
|
||||||
|
root.addChildAt(root_child0, 0);
|
||||||
|
|
||||||
|
final YogaNode root_child1 = createYGNode(config, YogaFlexDirection.COLUMN, 500f, 800f, false);
|
||||||
|
root.addChildAt(root_child1, 1);
|
||||||
|
|
||||||
|
final YogaNode root_child1_child0 =
|
||||||
|
createYGNode(config, YogaFlexDirection.COLUMN, 500f, 300f, false);
|
||||||
|
root_child1.addChildAt(root_child1_child0, 0);
|
||||||
|
|
||||||
|
final YogaNode root_child1_child1 =
|
||||||
|
createYGNode(config, YogaFlexDirection.COLUMN, 500f, 400f, false);
|
||||||
|
root_child1_child1.setBaselineFunction(getBaselineFunc());
|
||||||
|
root_child1_child1.setIsReferenceBaseline(true);
|
||||||
|
root_child1.addChildAt(root_child1_child1, 1);
|
||||||
|
|
||||||
|
root.calculateLayout(YogaConstants.UNDEFINED, YogaConstants.UNDEFINED);
|
||||||
|
|
||||||
|
assertEquals(0f, root_child0.getLayoutX(), 0.0f);
|
||||||
|
assertEquals(0f, root_child0.getLayoutY(), 0.0f);
|
||||||
|
|
||||||
|
assertEquals(500f, root_child1.getLayoutX(), 0.0f);
|
||||||
|
assertEquals(100f, root_child1.getLayoutY(), 0.0f);
|
||||||
|
|
||||||
|
assertEquals(0f, root_child1_child0.getLayoutX(), 0.0f);
|
||||||
|
assertEquals(0f, root_child1_child0.getLayoutY(), 0.0f);
|
||||||
|
|
||||||
|
assertEquals(0f, root_child1_child1.getLayoutX(), 0.0f);
|
||||||
|
assertEquals(300f, root_child1_child1.getLayoutY(), 0.0f);
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
public void test_align_baseline_parent_using_child_in_row_as_reference() {
|
||||||
|
YogaConfig config = new YogaConfig();
|
||||||
|
|
||||||
|
final YogaNode root = createYGNode(config, YogaFlexDirection.ROW, 1000f, 1000f, true);
|
||||||
|
|
||||||
|
final YogaNode root_child0 = createYGNode(config, YogaFlexDirection.COLUMN, 500f, 600f, false);
|
||||||
|
root.addChildAt(root_child0, 0);
|
||||||
|
|
||||||
|
final YogaNode root_child1 = createYGNode(config, YogaFlexDirection.ROW, 500f, 800f, true);
|
||||||
|
root.addChildAt(root_child1, 1);
|
||||||
|
|
||||||
|
final YogaNode root_child1_child0 =
|
||||||
|
createYGNode(config, YogaFlexDirection.COLUMN, 500f, 500f, false);
|
||||||
|
root_child1.addChildAt(root_child1_child0, 0);
|
||||||
|
|
||||||
|
final YogaNode root_child1_child1 =
|
||||||
|
createYGNode(config, YogaFlexDirection.COLUMN, 500f, 400f, false);
|
||||||
|
root_child1_child1.setBaselineFunction(getBaselineFunc());
|
||||||
|
root_child1_child1.setIsReferenceBaseline(true);
|
||||||
|
root_child1.addChildAt(root_child1_child1, 1);
|
||||||
|
|
||||||
|
root.calculateLayout(YogaConstants.UNDEFINED, YogaConstants.UNDEFINED);
|
||||||
|
|
||||||
|
assertEquals(0f, root_child0.getLayoutX(), 0.0f);
|
||||||
|
assertEquals(0f, root_child0.getLayoutY(), 0.0f);
|
||||||
|
|
||||||
|
assertEquals(500f, root_child1.getLayoutX(), 0.0f);
|
||||||
|
assertEquals(100f, root_child1.getLayoutY(), 0.0f);
|
||||||
|
|
||||||
|
assertEquals(0f, root_child1_child0.getLayoutX(), 0.0f);
|
||||||
|
assertEquals(0f, root_child1_child0.getLayoutY(), 0.0f);
|
||||||
|
|
||||||
|
assertEquals(500f, root_child1_child1.getLayoutX(), 0.0f);
|
||||||
|
assertEquals(300f, root_child1_child1.getLayoutY(), 0.0f);
|
||||||
|
}
|
||||||
|
|
||||||
|
private YogaNode createYGNode(
|
||||||
|
YogaConfig config,
|
||||||
|
YogaFlexDirection flexDirection,
|
||||||
|
float width,
|
||||||
|
float height,
|
||||||
|
boolean alignBaseline) {
|
||||||
|
YogaNode node = mNodeFactory.create(config);
|
||||||
|
node.setFlexDirection(flexDirection);
|
||||||
|
node.setWidth(width);
|
||||||
|
node.setHeight(height);
|
||||||
|
if (alignBaseline) {
|
||||||
|
node.setAlignItems(YogaAlign.BASELINE);
|
||||||
|
}
|
||||||
|
return node;
|
||||||
|
}
|
||||||
|
}
|
||||||
156
javascript/tests/Facebook.Yoga/YGAlignBaselineTest.js
Normal file
156
javascript/tests/Facebook.Yoga/YGAlignBaselineTest.js
Normal file
@@ -0,0 +1,156 @@
|
|||||||
|
/**
|
||||||
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||||
|
*
|
||||||
|
* This source code is licensed under the MIT license found in the
|
||||||
|
* LICENSE file in the root directory of this source tree.
|
||||||
|
*/
|
||||||
|
|
||||||
|
var Yoga = Yoga || require("../../sources/entry-" + process.env.TEST_ENTRY);
|
||||||
|
|
||||||
|
it("align_baseline_parent_using_child_in_column_as_reference", function () {
|
||||||
|
var config = Yoga.Config.create();
|
||||||
|
|
||||||
|
try {
|
||||||
|
var root = Yoga.Node.create(config);
|
||||||
|
root.setFlexDirection(Yoga.FLEX_DIRECTION_ROW);
|
||||||
|
root.setWidth(1000);
|
||||||
|
root.setHeight(1000);
|
||||||
|
root.setAlignItems(Yoga.ALIGN_BASELINE);
|
||||||
|
|
||||||
|
var root_child0 = Yoga.Node.create(config);
|
||||||
|
root_child0.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN);
|
||||||
|
root_child0.setWidth(500);
|
||||||
|
root_child0.setHeight(600);
|
||||||
|
root.insertChild(root_child0, 0);
|
||||||
|
|
||||||
|
var root_child1 = Yoga.Node.create(config);
|
||||||
|
root_child1.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN);
|
||||||
|
root_child1.setWidth(500);
|
||||||
|
root_child1.setHeight(800);
|
||||||
|
root.insertChild(root_child1, 1);
|
||||||
|
|
||||||
|
var root_child1_child0 = Yoga.Node.create(config);
|
||||||
|
root_child1_child0.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN);
|
||||||
|
root_child1_child0.setWidth(500);
|
||||||
|
root_child1_child0.setHeight(300);
|
||||||
|
root_child1.insertChild(root_child1_child0, 0);
|
||||||
|
|
||||||
|
var root_child1_child1 = Yoga.Node.create(config);
|
||||||
|
root_child1_child1.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN);
|
||||||
|
root_child1_child1.setWidth(500);
|
||||||
|
root_child1_child1.setHeight(400);
|
||||||
|
root_child1_child1.setIsReferenceBaseline(true);
|
||||||
|
root_child1.insertChild(root_child1_child1, 1);
|
||||||
|
|
||||||
|
root.calculateLayout(Yoga.UNDEFINED, Yoga.UNDEFINED, Yoga.DIRECTION_LTR);
|
||||||
|
|
||||||
|
console.assert(0 === root_child0.getComputedLeft(),
|
||||||
|
"0 === root_child0.getComputedLeft() (" +
|
||||||
|
root_child0.getComputedLeft() + ")");
|
||||||
|
console.assert(100 === root_child0.getComputedTop(),
|
||||||
|
"100 === root_child0.getComputedTop() (" +
|
||||||
|
root_child0.getComputedTop() + ")");
|
||||||
|
|
||||||
|
console.assert(500 === root_child1.getComputedLeft(),
|
||||||
|
"500 === root_child1.getComputedLeft() (" +
|
||||||
|
root_child1.getComputedLeft() + ")");
|
||||||
|
console.assert(0 === root_child1.getComputedTop(),
|
||||||
|
"0 === root_child1.getComputedTop() (" +
|
||||||
|
root_child1.getComputedTop() + ")");
|
||||||
|
|
||||||
|
console.assert(0 === root_child1_child0.getComputedLeft(),
|
||||||
|
"0 === root_child1_child0.getComputedLeft() (" +
|
||||||
|
root_child1_child0.getComputedLeft() + ")");
|
||||||
|
console.assert(0 === root_child1_child0.getComputedTop(),
|
||||||
|
"0 === root_child1_child0.getComputedTop() (" +
|
||||||
|
root_child1_child0.getComputedTop() + ")");
|
||||||
|
|
||||||
|
console.assert(0 === root_child1_child1.getComputedLeft(),
|
||||||
|
"0 === root_child1_child1.getComputedLeft() (" +
|
||||||
|
root_child1_child1.getComputedLeft() + ")");
|
||||||
|
console.assert(300 === root_child1_child1.getComputedTop(),
|
||||||
|
"300 === root_child1_child1.getComputedTop() (" +
|
||||||
|
root_child1_child1.getComputedTop() + ")");
|
||||||
|
|
||||||
|
} finally {
|
||||||
|
if (typeof root !== "undefined") {
|
||||||
|
root.freeRecursive();
|
||||||
|
}
|
||||||
|
|
||||||
|
config.free();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
it("align_baseline_parent_using_child_in_row_as_reference", function () {
|
||||||
|
var config = Yoga.Config.create();
|
||||||
|
|
||||||
|
try {
|
||||||
|
var root = Yoga.Node.create(config);
|
||||||
|
root.setFlexDirection(Yoga.FLEX_DIRECTION_ROW);
|
||||||
|
root.setWidth(1000);
|
||||||
|
root.setHeight(1000);
|
||||||
|
root.setAlignItems(Yoga.ALIGN_BASELINE);
|
||||||
|
|
||||||
|
var root_child0 = Yoga.Node.create(config);
|
||||||
|
root_child0.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN);
|
||||||
|
root_child0.setWidth(500);
|
||||||
|
root_child0.setHeight(600);
|
||||||
|
root.insertChild(root_child0, 0);
|
||||||
|
|
||||||
|
var root_child1 = Yoga.Node.create(config);
|
||||||
|
root_child1.setFlexDirection(Yoga.FLEX_DIRECTION_ROW);
|
||||||
|
root_child1.setWidth(500);
|
||||||
|
root_child1.setHeight(800);
|
||||||
|
root.insertChild(root_child1, 1);
|
||||||
|
|
||||||
|
var root_child1_child0 = Yoga.Node.create(config);
|
||||||
|
root_child1_child0.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN);
|
||||||
|
root_child1_child0.setWidth(500);
|
||||||
|
root_child1_child0.setHeight(500);
|
||||||
|
root_child1.insertChild(root_child1_child0, 0);
|
||||||
|
|
||||||
|
var root_child1_child1 = Yoga.Node.create(config);
|
||||||
|
root_child1_child1.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN);
|
||||||
|
root_child1_child1.setWidth(500);
|
||||||
|
root_child1_child1.setHeight(400);
|
||||||
|
root_child1_child1.setIsReferenceBaseline(true);
|
||||||
|
root_child1.insertChild(root_child1_child1, 1);
|
||||||
|
|
||||||
|
root.calculateLayout(Yoga.UNDEFINED, Yoga.UNDEFINED, Yoga.DIRECTION_LTR);
|
||||||
|
|
||||||
|
console.assert(0 === root_child0.getComputedLeft(),
|
||||||
|
"0 === root_child0.getComputedLeft() (" +
|
||||||
|
root_child0.getComputedLeft() + ")");
|
||||||
|
console.assert(0 === root_child0.getComputedTop(),
|
||||||
|
"0 === root_child0.getComputedTop() (" +
|
||||||
|
root_child0.getComputedTop() + ")");
|
||||||
|
|
||||||
|
console.assert(500 === root_child1.getComputedLeft(),
|
||||||
|
"500 === root_child1.getComputedLeft() (" +
|
||||||
|
root_child1.getComputedLeft() + ")");
|
||||||
|
console.assert(200 === root_child1.getComputedTop(),
|
||||||
|
"200 === root_child1.getComputedTop() (" +
|
||||||
|
root_child1.getComputedTop() + ")");
|
||||||
|
|
||||||
|
console.assert(0 === root_child1_child0.getComputedLeft(),
|
||||||
|
"0 === root_child1_child0.getComputedLeft() (" +
|
||||||
|
root_child1_child0.getComputedLeft() + ")");
|
||||||
|
console.assert(0 === root_child1_child0.getComputedTop(),
|
||||||
|
"0 === root_child1_child0.getComputedTop() (" +
|
||||||
|
root_child1_child0.getComputedTop() + ")");
|
||||||
|
|
||||||
|
console.assert(500 === root_child1_child1.getComputedLeft(),
|
||||||
|
"500 === root_child1_child1.getComputedLeft() (" +
|
||||||
|
root_child1_child1.getComputedLeft() + ")");
|
||||||
|
console.assert(0 === root_child1_child1.getComputedTop(),
|
||||||
|
"0 === root_child1_child1.getComputedTop() (" +
|
||||||
|
root_child1_child1.getComputedTop() + ")");
|
||||||
|
|
||||||
|
} finally {
|
||||||
|
if (typeof root !== "undefined") {
|
||||||
|
root.freeRecursive();
|
||||||
|
}
|
||||||
|
|
||||||
|
config.free();
|
||||||
|
}
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user