Make generated test input more copy pastable
Summary: previously when copying in a test inout into an editor the user of gentest needed to remove the ` * ` prefix. This was annoying so this diff fixes that by removing that from gentest. Reviewed By: lucasr Differential Revision: D3862943 fbshipit-source-id: 06bd3ee3fa3f85cc44b6ea1d67cf3e91ed368791
This commit is contained in:
committed by
Facebook Github Bot 0
parent
64fffcb8f3
commit
8fcb265830
@@ -36,17 +36,17 @@ function printTest(rootNode, layoutTree) {
|
|||||||
}).map(function(line) {
|
}).map(function(line) {
|
||||||
var result;
|
var result;
|
||||||
if (line.indexOf('</div') == 0) {
|
if (line.indexOf('</div') == 0) {
|
||||||
result = ' * ' + ' '.repeat(indentation - 1) + line;
|
result = ' '.repeat(indentation - 1) + line;
|
||||||
} else {
|
} else {
|
||||||
result = ' * ' + ' '.repeat(indentation) + line;
|
result = ' '.repeat(indentation) + line;
|
||||||
}
|
}
|
||||||
|
|
||||||
indentation += (line.match(/<div/g) || []).length;
|
indentation += (line.match(/<div/g) || []).length;
|
||||||
indentation -= (line.match(/<\/div/g) || []).length;
|
indentation -= (line.match(/<\/div/g) || []).length;
|
||||||
return result;
|
return result;
|
||||||
}).reduce(function(curr, prev) {
|
}).reduce(function(curr, prev) {
|
||||||
if (prev.indexOf(' * <div') == 0) {
|
if (prev.indexOf('<div') == 0) {
|
||||||
prev = ' * \n' + prev;
|
prev = '\n' + prev;
|
||||||
}
|
}
|
||||||
return curr + '\n' + prev;
|
return curr + '\n' + prev;
|
||||||
}));
|
}));
|
||||||
|
@@ -10,27 +10,27 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="absolute_layout_width_height_left_top" style="width: 100px; height: 100px;">
|
<div id="absolute_layout_width_height_left_top" style="width: 100px; height: 100px;">
|
||||||
* <div style="width:10px; height: 10px; position: absolute; left: 10px; top: 10px;"></div>
|
<div style="width:10px; height: 10px; position: absolute; left: 10px; top: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="absolute_layout_width_height_right_bottom" style="width: 100px; height: 100px;">
|
<div id="absolute_layout_width_height_right_bottom" style="width: 100px; height: 100px;">
|
||||||
* <div style="width:10px; height: 10px; position: absolute; right: 10px; bottom: 10px;"></div>
|
<div style="width:10px; height: 10px; position: absolute; right: 10px; bottom: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="absolute_layout_left_top_right_bottom" style="width: 100px; height: 100px;">
|
<div id="absolute_layout_left_top_right_bottom" style="width: 100px; height: 100px;">
|
||||||
* <div style="position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px;"></div>
|
<div style="position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="absolute_layout_width_height_left_top_right_bottom" style="width: 100px; height: 100px;">
|
<div id="absolute_layout_width_height_left_top_right_bottom" style="width: 100px; height: 100px;">
|
||||||
* <div style="width:10px; height: 10px; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px;"></div>
|
<div style="width:10px; height: 10px; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px;"></div>
|
||||||
* </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;">
|
<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;">
|
||||||
* <div style="position: absolute; left: 0; top: 0;">
|
<div style="position: absolute; left: 0; top: 0;">
|
||||||
* <div style="width: 100px; height: 100px;"></div>
|
<div style="width: 100px; height: 100px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,37 +10,37 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="align_content_flex_start" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: flex-start;">
|
<div id="align_content_flex_start" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: flex-start;">
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_content_flex_end" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: flex-end;">
|
<div id="align_content_flex_end" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: flex-end;">
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_content_center" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: center;">
|
<div id="align_content_center" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: center;">
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* <div style="width: 50px; height: 10px;"></div>
|
<div style="width: 50px; height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_content_stretch" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: stretch;">
|
<div id="align_content_stretch" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: stretch;">
|
||||||
* <div style="width: 50px;"></div>
|
<div style="width: 50px;"></div>
|
||||||
* <div style="width: 50px;"></div>
|
<div style="width: 50px;"></div>
|
||||||
* <div style="width: 50px;"></div>
|
<div style="width: 50px;"></div>
|
||||||
* <div style="width: 50px;"></div>
|
<div style="width: 50px;"></div>
|
||||||
* <div style="width: 50px;"></div>
|
<div style="width: 50px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,21 +10,21 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="align_items_stretch" style="width: 100px; height: 100px;">
|
<div id="align_items_stretch" style="width: 100px; height: 100px;">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_items_center" style="width: 100px; height: 100px; align-items: center;">
|
<div id="align_items_center" style="width: 100px; height: 100px; align-items: center;">
|
||||||
* <div style="height: 10px; width: 10px;"></div>
|
<div style="height: 10px; width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_items_flex_start" style="width: 100px; height: 100px; align-items: flex-start;">
|
<div id="align_items_flex_start" style="width: 100px; height: 100px; align-items: flex-start;">
|
||||||
* <div style="height: 10px; width: 10px;"></div>
|
<div style="height: 10px; width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_items_flex_end" style="width: 100px; height: 100px; align-items: flex-end;">
|
<div id="align_items_flex_end" style="width: 100px; height: 100px; align-items: flex-end;">
|
||||||
* <div style="height: 10px; width: 10px;"></div>
|
<div style="height: 10px; width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,21 +10,21 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="align_self_center" style="width:100px; height: 100px;">
|
<div id="align_self_center" style="width:100px; height: 100px;">
|
||||||
* <div style="height: 10px; width: 10px; align-self: center;"></div>
|
<div style="height: 10px; width: 10px; align-self: center;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_self_flex_end" style="width:100px; height: 100px;">
|
<div id="align_self_flex_end" style="width:100px; height: 100px;">
|
||||||
* <div style="height: 10px; width: 10px; align-self: flex-end;"></div>
|
<div style="height: 10px; width: 10px; align-self: flex-end;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_self_flex_start" style="width:100px; height: 100px;">
|
<div id="align_self_flex_start" style="width:100px; height: 100px;">
|
||||||
* <div style="height: 10px; width: 10px; align-self: flex-start;"></div>
|
<div style="height: 10px; width: 10px; align-self: flex-start;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="align_self_flex_end_override_flex_start" style="width:100px; height: 100px; align-items: flex-start;">
|
<div id="align_self_flex_end_override_flex_start" style="width:100px; height: 100px; align-items: flex-start;">
|
||||||
* <div style="height: 10px; width: 10px; align-self: flex-end;"></div>
|
<div style="height: 10px; width: 10px; align-self: flex-end;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,20 +10,24 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="border_no_size" style="border-width: 10px;">
|
<div id="border_no_size" style="border-width: 10px;">
|
||||||
* </div>
|
</div>
|
||||||
* <div id="border_container_match_child" style="border-width: 10px;">
|
|
||||||
* <div style="width: 10px; height: 10px;"></div>
|
<div id="border_container_match_child" style="border-width: 10px;">
|
||||||
* </div>
|
<div style="width: 10px; height: 10px;"></div>
|
||||||
* <div id="border_flex_child" style="width: 100px; height: 100px; border-width: 10px;">
|
</div>
|
||||||
* <div style="width: 10px; flex-grow:1"></div>
|
|
||||||
* </div>
|
<div id="border_flex_child" style="width: 100px; height: 100px; border-width: 10px;">
|
||||||
* <div id="border_stretch_child" style="width: 100px; height: 100px; border-width: 10px;">
|
<div style="width: 10px; flex-grow:1"></div>
|
||||||
* <div style="height: 10px;"></div>
|
</div>
|
||||||
* </div>
|
|
||||||
* <div id="border_center_child" style="width: 100px; height: 100px; border-left-width: 10px; border-top-width: 10; border-right-width: 20px; border-bottom-width: 20px; align-items: center; justify-content: center;">
|
<div id="border_stretch_child" style="width: 100px; height: 100px; border-width: 10px;">
|
||||||
* <div style="height: 10px; width: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
|
|
||||||
|
<div id="border_center_child" style="width: 100px; height: 100px; border-left-width: 10px; border-top-width: 10; border-right-width: 20px; border-bottom-width: 20px; align-items: center; justify-content: center;">
|
||||||
|
<div style="height: 10px; width: 10px;"></div>
|
||||||
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,41 +10,41 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="flex_direction_column_no_height" style="width: 100px">
|
<div id="flex_direction_column_no_height" style="width: 100px">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_direction_row_no_width" style="height: 100px; flex-direction: row;">
|
<div id="flex_direction_row_no_width" style="height: 100px; flex-direction: row;">
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_direction_column" style="height: 100px; width: 100px;">
|
<div id="flex_direction_column" style="height: 100px; width: 100px;">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_direction_row" style="height: 100px; width: 100px; flex-direction: row;">
|
<div id="flex_direction_row" style="height: 100px; width: 100px; flex-direction: row;">
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_direction_column_reverse" style="height: 100px; width: 100px; flex-direction: column-reverse;">
|
<div id="flex_direction_column_reverse" style="height: 100px; width: 100px; flex-direction: column-reverse;">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_direction_row_reverse" style="height: 100px; width: 100px; flex-direction: row-reverse;">
|
<div id="flex_direction_row_reverse" style="height: 100px; width: 100px; flex-direction: row-reverse;">
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,30 +10,30 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="flex_basis_flex_grow_column" style="width: 100px; height: 100px;">
|
<div id="flex_basis_flex_grow_column" style="width: 100px; height: 100px;">
|
||||||
* <div style="flex-basis: 50px; flex-grow: 1;"></div>
|
<div style="flex-basis: 50px; flex-grow: 1;"></div>
|
||||||
* <div style="flex-grow: 1;"></div>
|
<div style="flex-grow: 1;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_basis_flex_grow_row" style="width: 100px; height: 100px; flex-direction: row;">
|
<div id="flex_basis_flex_grow_row" style="width: 100px; height: 100px; flex-direction: row;">
|
||||||
* <div style="flex-basis: 50px; flex-grow: 1;"></div>
|
<div style="flex-basis: 50px; flex-grow: 1;"></div>
|
||||||
* <div style="flex-grow: 1;"></div>
|
<div style="flex-grow: 1;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_basis_flex_shrink_column" style="width: 100px; height: 100px;">
|
<div id="flex_basis_flex_shrink_column" style="width: 100px; height: 100px;">
|
||||||
* <div style="flex-basis: 100px; flex-shrink: 1;"></div>
|
<div style="flex-basis: 100px; flex-shrink: 1;"></div>
|
||||||
* <div style="flex-basis: 50px;"></div>
|
<div style="flex-basis: 50px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_basis_flex_shrink_row" style="width: 100px; height: 100px; flex-direction: row;">
|
<div id="flex_basis_flex_shrink_row" style="width: 100px; height: 100px; flex-direction: row;">
|
||||||
* <div style="flex-basis: 100px; flex-shrink: 1;"></div>
|
<div style="flex-basis: 100px; flex-shrink: 1;"></div>
|
||||||
* <div style="flex-basis: 50px;"></div>
|
<div style="flex-basis: 50px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="flex_basis_flex_grow_undefined_main" style="width: 100px;">
|
<div id="flex_basis_flex_grow_undefined_main" style="width: 100px;">
|
||||||
* <div style="flex-basis: 100px; flex-grow: 1;"></div>
|
<div style="flex-basis: 100px; flex-grow: 1;"></div>
|
||||||
* <div style="flex-basis: 50px;"></div>
|
<div style="flex-basis: 50px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,19 +10,19 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="wrap_column" style="height: 100px; flex-wrap: wrap">
|
<div id="wrap_column" style="height: 100px; flex-wrap: wrap">
|
||||||
* <div style="height: 30px; width: 30px;"></div>
|
<div style="height: 30px; width: 30px;"></div>
|
||||||
* <div style="height: 30px; width: 30px;"></div>
|
<div style="height: 30px; width: 30px;"></div>
|
||||||
* <div style="height: 30px; width: 30px;"></div>
|
<div style="height: 30px; width: 30px;"></div>
|
||||||
* <div style="height: 30px; width: 30px;"></div>
|
<div style="height: 30px; width: 30px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="wrap_row" style="width: 100px; flex-direction: row; flex-wrap: wrap">
|
<div id="wrap_row" style="width: 100px; flex-direction: row; flex-wrap: wrap">
|
||||||
* <div style="height: 30px; width: 30px;"></div>
|
<div style="height: 30px; width: 30px;"></div>
|
||||||
* <div style="height: 30px; width: 30px;"></div>
|
<div style="height: 30px; width: 30px;"></div>
|
||||||
* <div style="height: 30px; width: 30px;"></div>
|
<div style="height: 30px; width: 30px;"></div>
|
||||||
* <div style="height: 30px; width: 30px;"></div>
|
<div style="height: 30px; width: 30px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,65 +10,65 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="justify_content_row_flex_start" style="width: 102px; height: 102px; flex-direction: row; justify-content: flex-start;">
|
<div id="justify_content_row_flex_start" style="width: 102px; height: 102px; flex-direction: row; justify-content: flex-start;">
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_row_flex_end" style="width: 102px; height: 102px; flex-direction: row; justify-content: flex-end;">
|
<div id="justify_content_row_flex_end" style="width: 102px; height: 102px; flex-direction: row; justify-content: flex-end;">
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_row_center" style="width: 102px; height: 102px; flex-direction: row; justify-content: center;">
|
<div id="justify_content_row_center" style="width: 102px; height: 102px; flex-direction: row; justify-content: center;">
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_row_space_between" style="width: 102px; height: 102px; flex-direction: row; justify-content: space-between;">
|
<div id="justify_content_row_space_between" style="width: 102px; height: 102px; flex-direction: row; justify-content: space-between;">
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_row_space_around" style="width: 102px; height: 102px; flex-direction: row; justify-content: space-around;">
|
<div id="justify_content_row_space_around" style="width: 102px; height: 102px; flex-direction: row; justify-content: space-around;">
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* <div style="width: 10px;"></div>
|
<div style="width: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_column_flex_start" style="width: 102px; height: 102px; justify-content: flex-start;">
|
<div id="justify_content_column_flex_start" style="width: 102px; height: 102px; justify-content: flex-start;">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="heigth: 10px;"></div>
|
<div style="heigth: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_column_flex_end" style="width: 102px; height: 102px; justify-content: flex-end;">
|
<div id="justify_content_column_flex_end" style="width: 102px; height: 102px; justify-content: flex-end;">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_column_center" style="width: 102px; height: 102px; justify-content: center;">
|
<div id="justify_content_column_center" style="width: 102px; height: 102px; justify-content: center;">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_column_space_between" style="width: 102px; height: 102px; justify-content: space-between;">
|
<div id="justify_content_column_space_between" style="width: 102px; height: 102px; justify-content: space-between;">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="justify_content_column_space_around" style="width: 102px; height: 102px; justify-content: space-around;">
|
<div id="justify_content_column_space_around" style="width: 102px; height: 102px; justify-content: space-around;">
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* <div style="height: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,38 +10,47 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="margin_left" style="width: 100px; height: 100px; flex-direction: row;">
|
<div id="margin_left" style="width: 100px; height: 100px; flex-direction: row;">
|
||||||
* <div style="width: 10px; margin-left: 10px;"></div>
|
<div style="width: 10px; margin-left: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
* <div id="margin_top" style="width: 100px; height: 100px;">
|
|
||||||
* <div style="height: 10px; margin-top: 10px;"></div>
|
<div id="margin_top" style="width: 100px; height: 100px;">
|
||||||
* </div>
|
<div style="height: 10px; margin-top: 10px;"></div>
|
||||||
* <div id="margin_right" style="width: 100px; height: 100px; flex-direction: row; justify-content: flex-end;">
|
</div>
|
||||||
* <div style="width: 10px; margin-right: 10px;"></div>
|
|
||||||
* </div>
|
<div id="margin_right" style="width: 100px; height: 100px; flex-direction: row; justify-content: flex-end;">
|
||||||
* <div id="margin_bottom" style="width: 100px; height: 100px; justify-content: flex-end;">
|
<div style="width: 10px; margin-right: 10px;"></div>
|
||||||
* <div style="height: 10px; margin-bottom: 10px;"></div>
|
</div>
|
||||||
* </div>
|
|
||||||
* <div id="margin_and_flex_row" style="width: 100px; height: 100px; flex-direction: row;">
|
<div id="margin_bottom" style="width: 100px; height: 100px; justify-content: flex-end;">
|
||||||
* <div style="margin-left: 10px; margin-right; 10px; flex-grow: 1;"></div>
|
<div style="height: 10px; margin-bottom: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
* <div id="margin_and_flex_column" style="width: 100px; height: 100px;">
|
|
||||||
* <div style="margin-top: 10px; margin-bottom; 10px; flex-grow: 1;"></div>
|
<div id="margin_and_flex_row" style="width: 100px; height: 100px; flex-direction: row;">
|
||||||
* </div>
|
<div style="margin-left: 10px; margin-right; 10px; flex-grow: 1;"></div>
|
||||||
* <div id="margin_and_stretch_row" style="width: 100px; height: 100px; flex-direction: row;">
|
</div>
|
||||||
* <div style="margin-top: 10px; margin-bottom; 10px; flex-grow: 1;"></div>
|
|
||||||
* </div>
|
<div id="margin_and_flex_column" style="width: 100px; height: 100px;">
|
||||||
* <div id="margin_and_stretch_column" style="width: 100px; height: 100px;">
|
<div style="margin-top: 10px; margin-bottom; 10px; flex-grow: 1;"></div>
|
||||||
* <div style="margin-left: 10px; margin-right; 10px; flex-grow: 1;"></div>
|
</div>
|
||||||
* </div>
|
|
||||||
* <div id="margin_with_sibling_row" style="width: 100px; height: 100px; flex-direction: row;">
|
<div id="margin_and_stretch_row" style="width: 100px; height: 100px; flex-direction: row;">
|
||||||
* <div style="margin-right; 10px; flex-grow: 1;"></div>
|
<div style="margin-top: 10px; margin-bottom; 10px; flex-grow: 1;"></div>
|
||||||
* <div style="flex-grow: 1;"></div>
|
</div>
|
||||||
* </div>
|
|
||||||
* <div id="margin_with_sibling_column" style="width: 100px; height: 100px;">
|
<div id="margin_and_stretch_column" style="width: 100px; height: 100px;">
|
||||||
* <div style="margin-bottom; 10px; flex-grow: 1;"></div>
|
<div style="margin-left: 10px; margin-right; 10px; flex-grow: 1;"></div>
|
||||||
* <div style="flex-grow: 1;"></div>
|
</div>
|
||||||
* </div>
|
|
||||||
|
<div id="margin_with_sibling_row" style="width: 100px; height: 100px; flex-direction: row;">
|
||||||
|
<div style="margin-right; 10px; flex-grow: 1;"></div>
|
||||||
|
<div style="flex-grow: 1;"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="margin_with_sibling_column" style="width: 100px; height: 100px;">
|
||||||
|
<div style="margin-bottom; 10px; flex-grow: 1;"></div>
|
||||||
|
<div style="flex-grow: 1;"></div>
|
||||||
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,23 +10,23 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="max_width" style="width: 100px; height: 100px;">
|
<div id="max_width" style="width: 100px; height: 100px;">
|
||||||
* <div style="height: 10px; max-width: 50px;"></div>
|
<div style="height: 10px; max-width: 50px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="max_height" style="width: 100px; height: 100px; flex-direction: row;">
|
<div id="max_height" style="width: 100px; height: 100px; flex-direction: row;">
|
||||||
* <div style="width: 10px; max-height: 50px;"></div>
|
<div style="width: 10px; max-height: 50px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="min_height" style="width: 100px; height: 100px;">
|
<div id="min_height" style="width: 100px; height: 100px;">
|
||||||
* <div style="flex-grow: 1; min-height: 60px;"></div>
|
<div style="flex-grow: 1; min-height: 60px;"></div>
|
||||||
* <div style="flex-grow: 1;"></div>
|
<div style="flex-grow: 1;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
|
||||||
* <div id="min_width" style="width: 100px; height: 100px; flex-direction: row">
|
<div id="min_width" style="width: 100px; height: 100px; flex-direction: row">
|
||||||
* <div style="flex-grow: 1; min-width: 60px;"></div>
|
<div style="flex-grow: 1; min-width: 60px;"></div>
|
||||||
* <div style="flex-grow: 1;"></div>
|
<div style="flex-grow: 1;"></div>
|
||||||
* </div>
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@@ -10,20 +10,24 @@
|
|||||||
/**
|
/**
|
||||||
* @Generated by gentest/gentest.sh with the following input
|
* @Generated by gentest/gentest.sh with the following input
|
||||||
*
|
*
|
||||||
* <div id="padding_no_size" style="padding: 10px;">
|
<div id="padding_no_size" style="padding: 10px;">
|
||||||
* </div>
|
</div>
|
||||||
* <div id="padding_container_match_child" style="padding: 10px;">
|
|
||||||
* <div style="width: 10px; height: 10px;"></div>
|
<div id="padding_container_match_child" style="padding: 10px;">
|
||||||
* </div>
|
<div style="width: 10px; height: 10px;"></div>
|
||||||
* <div id="padding_flex_child" style="width: 100px; height: 100px; padding: 10px;">
|
</div>
|
||||||
* <div style="width: 10px; flex-grow:1"></div>
|
|
||||||
* </div>
|
<div id="padding_flex_child" style="width: 100px; height: 100px; padding: 10px;">
|
||||||
* <div id="padding_stretch_child" style="width: 100px; height: 100px; padding: 10px;">
|
<div style="width: 10px; flex-grow:1"></div>
|
||||||
* <div style="height: 10px;"></div>
|
</div>
|
||||||
* </div>
|
|
||||||
* <div id="padding_center_child" style="width: 100px; height: 100px; padding-left: 10px; padding-top: 10; padding-right: 20px; padding-bottom: 20px; align-items: center; justify-content: center;">
|
<div id="padding_stretch_child" style="width: 100px; height: 100px; padding: 10px;">
|
||||||
* <div style="height: 10px; width: 10px;"></div>
|
<div style="height: 10px;"></div>
|
||||||
* </div>
|
</div>
|
||||||
|
|
||||||
|
<div id="padding_center_child" style="width: 100px; height: 100px; padding-left: 10px; padding-top: 10; padding-right: 20px; padding-bottom: 20px; align-items: center; justify-content: center;">
|
||||||
|
<div style="height: 10px; width: 10px;"></div>
|
||||||
|
</div>
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user