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

setup automated testing for padding

Browse Source
This commit is contained in:
Christopher Chedeau
2014-04-15 18:04:11 -07:00
parent 930c4dc700
commit 9db106a71c
2 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
spec/LayoutSpec.js
View File

@@ -34,15 +34,20 @@ function computeDOMLayout(node) {
}
}
function transferSpacing(div, node, type) {
transfer(div, node, type, 'px');
transfer(div, node, type + 'Left', 'px');
transfer(div, node, type + 'Top', 'px');
transfer(div, node, type + 'Bottom', 'px');
transfer(div, node, type + 'Right', 'px');
}
function renderNode(parent, node) {
var div = document.createElement('div');
transfer(div, node, 'width', 'px');
transfer(div, node, 'height', 'px');
transfer(div, node, 'margin', 'px');
transfer(div, node, 'marginLeft', 'px');
transfer(div, node, 'marginTop', 'px');
transfer(div, node, 'marginBottom', 'px');
transfer(div, node, 'marginRight', 'px');
transferSpacing(div, node, 'margin');
transferSpacing(div, node, 'padding');
transfer(div, node, 'flexDirection');
transfer(div, node, 'flex');
transfer(div, node, 'justifyContent');
@@ -496,15 +501,19 @@ describe('Layout', function() {
node.children.push(generateRandomNode());
}
}
function randSpacing(node, chance, type, min, max) {
randMinMax(node, chance, type, min, max);
randMinMax(node, chance, type + 'Left', min, max);
randMinMax(node, chance, type + 'Top', min, max);
randMinMax(node, chance, type + 'Right', min, max);
randMinMax(node, chance, type + 'Bottom', min, max);
}
function generateRandomNode() {
var node = {style: {}};
randMinMax(node, 0.1, 'width', 0, 1000);
randMinMax(node, 0.1, 'height', 0, 1000);
randMinMax(node, 0.1, 'margin', 0, 20);
randMinMax(node, 0.1, 'marginLeft', 0, 20);
randMinMax(node, 0.1, 'marginTop', 0, 20);
randMinMax(node, 0.1, 'marginRight', 0, 20);
randMinMax(node, 0.1, 'marginBottom', 0, 20);
randSpacing(node, 0.1, 'margin', 0, 20);
randSpacing(node, 0.1, 'padding', 0, 20);
randEnum(node, 0.1, 'flexDirection', ['row', 'column']);
randEnum(node, 0.1, 'justifyContent', ['flex-start', 'center', 'flex-end', 'space-between', 'space-around']);
randEnum(node, 0.1, 'alignItems', ['flex-start', 'center', 'flex-end', 'stretch']);

16
src/Layout.js
View File

@@ -24,24 +24,32 @@ function computeLayout(node) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
function getMargin(location, node) {
var key = 'margin' + capitalizeFirst(location);
function getSpacing(type, location, node) {
var key = type + capitalizeFirst(location);
if (key in node.style) {
return node.style[key];
}
key = 'margin' + capitalizeFirst(axis[location]);
key = type + capitalizeFirst(axis[location]);
if (key in node.style) {
return node.style[key];
}
if ('margin' in node.style) {
if (type in node.style) {
return node.style.margin;
}
return 0;
}
function getMargin(location, node) {
return getSpacing('margin', location, node);
}
function getPadding(location, node) {
return getSpacing('padding', location, node);
}
function getJustifyContent(node) {
if ('justifyContent' in node.style) {
return node.style.justifyContent;