DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Redo layout of 'stretch' aligned items for correct positioning of nested

Browse Source 
items

Fixes facebook/css-layout#83, facebook/css-layout#100,
facebook/css-layout#127.
This commit is contained in:
Alex Bogomazov
2015-10-15 01:30:33 +03:00
parent dd8e5cd65d
commit 425345aa8d
15 changed files with 847 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/__tests__/Layout-test.js
View File

@@ -2401,6 +2401,64 @@ describe('Layout', function() {
]}
);
});
// https://github.com/facebook/css-layout/issues/127
it('should layout content of an item which is stretched late', function() {
testLayout(
{style: {flexDirection: 'row', alignItems: 'stretch', width: 150}, children: [
{style: {flexDirection: 'row', marginTop: 10, marginLeft: 10}, children: [
{style: {flexDirection: 'row'}, children: [
{style: {alignSelf: 'center'}}
]}
]},
{style: { height: 150}}
]},
{width: 150, height: 150, top: 0, left: 0, children: [
{width: 0, height: 140, top: 10, left: 10, children: [
{width: 0, height: 140, top: 0, left: 0, children: [
{width: 0, height: 0, top: 70, left: 0}
]}
]},
{width: 0, height: 150, top: 0, left: 10}
]}
);
});
it('should layout items whose positioning is determined by sibling tree branches', function() {
testLayout(
{style: {}, children: [
{style: {}, children: [
{style: {width: 200, height: 200}}
]},
{style: {marginTop: 10, marginLeft: 10}, children: [
{style: {}}
]}
]},
{width: 200, height: 210, top: 0, left: 0, children: [
{width: 200, height: 200, top: 0, left: 0, children: [
{width: 200, height: 200, top: 0, left: 0}
]},
{width: 190, height: 0, top: 210, left: 10, children: [
{width: 190, height: 0, top: 0, left: 0}
]}
]}
);
});
it('should layout child whose cross axis is undefined and whose alignSelf is stretch', function() {
testLayout(
{style: {flexDirection: 'row'}, children: [
{style: {marginTop: 10, marginLeft: 10, alignSelf: 'flex-start'}},
{style: {width: 1, alignSelf: 'stretch'}},
{style: {height: 150}}
]},
{width: 11, height: 150, top: 0, left: 0, children: [
{width: 0, height: 0, top: 10, left: 10},
{width: 1, height: 150, top: 0, left: 10},
{width: 0, height: 150, top: 0, left: 11}
]}
);
});
});
describe('Layout alignContent', function() {