Skip to content

Commit 031e49e

Browse files
intergalacticspacehighwayintergalacticspacehighway
committed
justify content testcases
1 parent 0cb3bf1 commit 031e49e

122 files changed

Lines changed: 16220 additions & 19 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎gentest/fixtures/grid/grid_fr_span_2_proportion.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
2+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_fr_span_2_proportion.html -->
3+
4+
<div id="grid_fr_span_2_proportion" style="display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: 40px 40px;">
5+
<div style="width: 60px; grid-column-start: span 2;"></div>
6+
<div></div>
7+
<div></div>
8+
</div>

‎gentest/fixtures/grid/grid_fr_span_2_proportion_sub_1_sum.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_fr_span_2_proportion_sub_1_sum.html -->
2+
3+
<div id="grid_fr_span_2_proportion_sub_1_sum" style="display: grid; grid-template-columns: 0.2fr 0.3fr; grid-template-rows: 40px 40px;">
4+
<div style="width: 60px; grid-column-start: span 2;"></div>
5+
<div></div>
6+
<div></div>
7+
</div>

‎gentest/fixtures/grid/grid_fr_span_2_proportion_with_non_spanned_track.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_fr_span_2_proportion_with_non_spanned_track.html -->
2+
<!-- Test fails because of some default yoga styling. TODO: fix it -->
3+
<!--
4+
<div id="grid_fr_span_2_proportion_with_non_spanned_track" style="display: grid; grid-template-columns: 1fr 2fr 3fr; grid-template-rows: 40px 40px;">
5+
<div style="width: 60px; grid-column: span 2;"></div>
6+
<div></div>
7+
<div></div>
8+
<div></div>
9+
<div></div>
10+
</div> -->

‎gentest/fixtures/grid/grid_fr_span_2_proportion_zero_sum.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_fr_span_2_proportion_zero_sum.html#L12 -->
2+
3+
<div id="grid_fr_span_2_proportion_zero_sum" style="display: grid; grid-template-columns: 0fr 0fr; grid-template-rows: 40px 40px;">
4+
<div style="width: 60px; grid-column: span 2;"></div>
5+
<div></div>
6+
<div></div>
7+
</div>

‎gentest/fixtures/grid/grid_fr_span_2_proportion_zero_sum_with_non_spanned_track.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_fr_span_2_proportion_zero_sum_with_non_spanned_track.html -->
2+
3+
<div id="grid_fr_span_2_proportion_zero_sum_with_non_spanned_track" style="display: grid; grid-template-columns: 0fr 0fr 0fr; grid-template-rows: 40px 40px;">
4+
<div style="width: 60px; grid-column: span 2;"></div>
5+
<div></div>
6+
<div></div>
7+
<div></div>
8+
<div></div>
9+
</div>

‎gentest/fixtures/grid/grid_gap.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_gap.html -->
2+
3+
<div id="grid_gap" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; gap: 40px 40px;">
4+
<div></div>
5+
<div></div>
6+
<div></div>
7+
<div></div>
8+
<div></div>
9+
<div></div>
10+
<div></div>
11+
<div></div>
12+
<div></div>
13+
</div>

‎gentest/fixtures/grid/grid_hidden.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_hidden.html -->
2+
3+
<div id="grid_hidden" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px;">
4+
<div></div>
5+
<div style="display: none;"></div>
6+
<div></div>
7+
<div></div>
8+
<div style="display: none;"></div>
9+
<div></div>
10+
<div style="display: none;"></div>
11+
<div></div>
12+
<div></div>
13+
</div>

‎gentest/fixtures/grid/grid_justify_content_center.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_justify_content_center.html -->
2+
3+
<div id="grid_justify_content_center" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: center;">
4+
<div></div>
5+
<div></div>
6+
<div></div>
7+
<div></div>
8+
<div></div>
9+
<div></div>
10+
<div></div>
11+
<div></div>
12+
<div></div>
13+
</div>

‎gentest/fixtures/grid/grid_justify_content_center_negative_space_gap.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_justify_content_center_negative_space_gap.html -->
2+
3+
<div id="grid_justify_content_center_negative_space_gap" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
4+
<div id="grid_justify_content_center_negative_space_gap_inner" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 20px 20px 20px; justify-content: center; align-content: center; gap: 10px;">
5+
<div></div>
6+
<div></div>
7+
<div></div>
8+
<div></div>
9+
<div></div>
10+
<div></div>
11+
<div></div>
12+
<div></div>
13+
<div></div>
14+
</div>
15+
</div>

‎gentest/fixtures/grid/grid_justify_content_center_with_padding_border.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!-- https://github.com/DioxusLabs/taffy/blob/3cc24a253541875779d524c4c86b9d1bc8660ddf/test_fixtures/grid/grid_justify_content_center_with_padding_border.html -->
2+
3+
<div id="grid_justify_content_center_with_padding_border" style="height: 200px; width: 200px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 40px 40px 40px; justify-content: center; padding: 10px 20px 30px 40px; border-width: 2px 4px 6px 8px;">
4+
<div></div>
5+
<div></div>
6+
<div></div>
7+
<div></div>
8+
<div></div>
9+
<div></div>
10+
<div></div>
11+
<div></div>
12+
<div></div>
13+
</div>

0 commit comments

Comments
 (0)