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

flexDirection: 'row'

Browse Source
This commit is contained in:
Christopher Chedeau
2014-03-31 11:09:33 -07:00
parent f9a5eafb1c
commit 4652d27b97
2 changed files with 43 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
spec/LayoutSpec.js
View File

@@ -24,17 +24,18 @@ var iframe = null;
function computeDOMLayout(node) {
var body = iframe.contentDocument.body;
function transferPx(div, node, name) {
function transfer(div, node, name, ext) {
if (name in node.style) {
div.style[name] = node.style[name] + 'px';
div.style[name] = node.style[name] + (ext || '');
}
}
function renderNode(parent, node) {
var div = document.createElement('div');
transferPx(div, node, 'width');
transferPx(div, node, 'height');
transferPx(div, node, 'margin');
transfer(div, node, 'width', 'px');
transfer(div, node, 'height', 'px');
transfer(div, node, 'margin', 'px');
transfer(div, node, 'flexDirection');
parent.appendChild(div);
(node.children || []).forEach(function(child) {
renderNode(div, child);
@@ -161,5 +162,21 @@ describe('Layout', function() {
]
});
});
it('should layout node with row flex direction', function() {
testLayout({
style: {width: 1000, height: 1000, flexDirection: 'row'},
children: [
{style: {width: 100, height: 200}},
{style: {width: 300, height: 150}}
]
}, {
width: 1000, height: 1000, top: 0, left: 0,
children: [
{width: 100, height: 200, top: 0, left: 0},
{width: 300, height: 150, top: 0, left: 100}
]
});
});
});