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

Surround some intrinsic sizing tests in non-relative container

Browse Source 
Summary: Some of these were specified as relative but that makes the `top` value of layout incorrect. Surrounding in a div which is absolute so they all layout in the top left.

Differential Revision: D66275587
This commit is contained in:
Joe Vilches
2024-11-20 17:41:11 -08:00
committed by Facebook GitHub Bot
parent 26b21ae23c
commit 8a901baab0
4 changed files with 2725 additions and 2015 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
gentest/fixtures/YGIntrinsicSizeTest.html
View File

@@ -229,7 +229,8 @@
</div> </div>
</div> </div>
<div data-disabled="true" id="fit_content_width" style="width: 90px; position: relative;"> <div data-disabled="true" id="fit_content_width">
<div style="width: 90px; position: relative;">
<div style="flex-direction: row; width: fit-content; flex-wrap: wrap;"> <div style="flex-direction: row; width: fit-content; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -239,8 +240,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="stretch_width" style="width: 500px; position: relative;"> <div data-disabled="true" id="stretch_width">
<div style="width: 500px; position: relative;">
<div style="flex-direction: row; width: -webkit-fill-available; flex-wrap: wrap;"> <div style="flex-direction: row; width: -webkit-fill-available; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -250,6 +253,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="max_content_height" style="height:max-content; flex-wrap: wrap;"> <div id="max_content_height" style="height:max-content; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
@@ -260,7 +264,8 @@
</div> </div>
</div> </div>
<div data-disabled="true" id="fit_content_height" style="height: 90px; position: relative;"> <div data-disabled="true" id="fit_content_height">
<div style="height: 90px; position: relative;">
<div style="height: fit-content; flex-wrap: wrap;"> <div style="height: fit-content; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -270,8 +275,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="stretch_height" style="height: 500px; position: relative;"> <div data-disabled="true" id="stretch_height">
<div style="height: 500px; position: relative;">
<div style="height: -webkit-fill-available; flex-wrap: wrap;"> <div style="height: -webkit-fill-available; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -281,6 +288,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="max_content_flex_basis_column" style="flex-basis: max-content; flex-wrap: wrap;"> <div id="max_content_flex_basis_column" style="flex-basis: max-content; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
@@ -291,7 +299,8 @@
</div> </div>
</div> </div>
<div data-disabled="true" id="fit_content_flex_basis_column" style="height: 90px; position: relative;"> <div data-disabled="true" id="fit_content_flex_basis_column">
<div style="height: 90px; position: relative;">
<div style="flex-basis: fit-content; flex-wrap: wrap;"> <div style="flex-basis: fit-content; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -301,8 +310,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="stretch_flex_basis_column" style="height: 500px; position: relative;"> <div data-disabled="true" id="stretch_flex_basis_column">
<div style="height: 500px; position: relative;">
<div style="flex-basis: -webkit-fill-available; flex-wrap: wrap;"> <div style="flex-basis: -webkit-fill-available; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -312,8 +323,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="max_content_flex_basis_row" style="flex-direction: row; flex-basis: max-content; flex-wrap: wrap;"> <div data-disabled="true" id="max_content_flex_basis_row"
style="flex-direction: row; flex-basis: max-content; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
<div style="width: 100px; height: 500px;"> <div style="width: 100px; height: 500px;">
@@ -322,7 +335,8 @@
</div> </div>
</div> </div>
<div data-disabled="true" id="fit_content_flex_basis_row" style="width: 90px; position: relative;"> <div data-disabled="true" id="fit_content_flex_basis_row">
<div style="width: 90px; position: relative;">
<div style="flex-direction: row; flex-basis: fit-content; flex-wrap: wrap;"> <div style="flex-direction: row; flex-basis: fit-content; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -332,8 +346,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="stretch_flex_basis_row" style="width: 500px; position: relative;"> <div data-disabled="true" id="stretch_flex_basis_row">
<div style="width: 500px; position: relative;">
<div style="flex-direction: row; flex-basis: -webkit-fill-available; flex-wrap: wrap;"> <div style="flex-direction: row; flex-basis: -webkit-fill-available; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -343,8 +359,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="max_content_max_width" style="flex-direction: row; max-width:max-content; width: 200px; flex-wrap: wrap;"> <div data-disabled="true" id="max_content_max_width"
style="flex-direction: row; max-width:max-content; width: 200px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
<div style="width: 100px; height: 50px;"> <div style="width: 100px; height: 50px;">
@@ -353,7 +371,8 @@
</div> </div>
</div> </div>
<div data-disabled="true" id="fit_content_max_width" style="width: 90px; position: relative;"> <div data-disabled="true" id="fit_content_max_width">
<div style="width: 90px; position: relative;">
<div style="flex-direction: row; max-width: fit-content; width: 110px; flex-wrap: wrap;"> <div style="flex-direction: row; max-width: fit-content; width: 110px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -363,8 +382,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="stretch_max_width" style="width: 500px; position: relative;"> <div data-disabled="true" id="stretch_max_width">
<div style="width: 500px; position: relative;">
<div style="flex-direction: row; max-width: -webkit-fill-available; width: 600px; flex-wrap: wrap;"> <div style="flex-direction: row; max-width: -webkit-fill-available; width: 600px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -374,8 +395,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="max_content_min_width" style="flex-direction: row; min-width:max-content; width: 100px; flex-wrap: wrap;"> <div data-disabled="true" id="max_content_min_width"
style="flex-direction: row; min-width:max-content; width: 100px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
<div style="width: 100px; height: 50px;"> <div style="width: 100px; height: 50px;">
@@ -384,7 +407,8 @@
</div> </div>
</div> </div>
<div data-disabled="true" id="fit_content_min_width" style="width: 90px; position: relative;"> <div data-disabled="true" id="fit_content_min_width">
<div style="width: 90px; position: relative;">
<div style="flex-direction: row; min-width: fit-content; width: 90px; flex-wrap: wrap;"> <div style="flex-direction: row; min-width: fit-content; width: 90px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -394,8 +418,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="stretch_min_width" style="width: 500px; position: relative;"> <div data-disabled="true" id="stretch_min_width">
<div style="width: 500px; position: relative;">
<div style="flex-direction: row; min-width: -webkit-fill-available; width: 400px; flex-wrap: wrap;"> <div style="flex-direction: row; min-width: -webkit-fill-available; width: 400px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -405,6 +431,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="max_content_max_height" style="max-height:max-content; height: 200px; flex-wrap: wrap;"> <div data-disabled="true" id="max_content_max_height" style="max-height:max-content; height: 200px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
@@ -415,7 +442,8 @@
</div> </div>
</div> </div>
<div data-disabled="true" id="fit_content_max_height" style="height: 90px; position: relative;"> <div data-disabled="true" id="fit_content_max_height">
<div style="height: 90px; position: relative;">
<div style="max-height: fit-content; height: 110px; flex-wrap: wrap;"> <div style="max-height: fit-content; height: 110px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -425,8 +453,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="stretch_max_height" style="height: 500px; position: relative;"> <div data-disabled="true" id="stretch_max_height">
<div style="height: 500px; position: relative;">
<div style="max-height: -webkit-fill-available; flex-wrap: wrap; height: 600px;"> <div style="max-height: -webkit-fill-available; flex-wrap: wrap; height: 600px;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -436,6 +466,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="max_content_min_height" style="min-height:max-content; height: 100px; flex-wrap: wrap;"> <div data-disabled="true" id="max_content_min_height" style="min-height:max-content; height: 100px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
@@ -446,7 +477,8 @@
</div> </div>
</div> </div>
<div data-disabled="true" id="fit_content_min_height" style="height: 90px; position: relative;"> <div data-disabled="true" id="fit_content_min_height">
<div style="height: 90px; position: relative;">
<div style="min-height: fit-content; height: 90px; flex-wrap: wrap;"> <div style="min-height: fit-content; height: 90px; flex-wrap: wrap;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -456,8 +488,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div data-disabled="true" id="stretch_min_height" style="height: 500px; position: relative;"> <div data-disabled="true" id="stretch_min_height">
<div style="height: 500px; position: relative;">
<div style="min-height: -webkit-fill-available; flex-wrap: wrap; height: 400px;"> <div style="min-height: -webkit-fill-available; flex-wrap: wrap; height: 400px;">
<div style="width: 50px; height: 50px;"> <div style="width: 50px; height: 50px;">
</div> </div>
@@ -467,3 +501,4 @@
</div> </div>
</div> </div>
</div> </div>
</div>

1491
java/tests/generated/com/facebook/yoga/YGIntrinsicSizeTest.java
View File

File diff suppressed because it is too large Load Diff

1492
javascript/tests/generated/YGIntrinsicSizeTest.test.ts
View File

File diff suppressed because it is too large Load Diff

1492
tests/generated/YGIntrinsicSizeTest.cpp
View File

File diff suppressed because it is too large Load Diff