Surround some intrinsic sizing tests in non-relative container

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

gentest/fixtures/YGIntrinsicSizeTest.html

@@ -229,24 +229,28 @@
     </div>
 </div>
 
-<div data-disabled="true" id="fit_content_width" style="width: 90px; position: relative;">
-    <div style="flex-direction: row; width: fit-content; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 100px; height: 50px;">
-        </div>
-        <div style="width: 25px; height: 50px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 100px; height: 50px;">
+            </div>
+            <div style="width: 25px; height: 50px;">
+            </div>
         </div>
     </div>
 </div>
 
-<div data-disabled="true" id="stretch_width" style="width: 500px; position: relative;">
-    <div style="flex-direction: row; width: -webkit-fill-available; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 100px; height: 50px;">
-        </div>
-        <div style="width: 25px; height: 50px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 100px; height: 50px;">
+            </div>
+            <div style="width: 25px; height: 50px;">
+            </div>
         </div>
     </div>
 </div>
@@ -260,24 +264,28 @@
     </div>
 </div>
 
-<div data-disabled="true" id="fit_content_height" style="height: 90px; position: relative;">
-    <div style="height: fit-content; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 50px; height: 100px;">
-        </div>
-        <div style="width: 50px; height: 25px;">
+<div data-disabled="true" id="fit_content_height">
+    <div style="height: 90px; position: relative;">
+        <div style="height: fit-content; flex-wrap: wrap;">
+            <div style="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 50px; height: 100px;">
+            </div>
+            <div style="width: 50px; height: 25px;">
+            </div>
         </div>
     </div>
 </div>
 
-<div data-disabled="true" id="stretch_height" style="height: 500px; position: relative;">
-    <div style="height: -webkit-fill-available; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 50px; height: 100px;">
-        </div>
-        <div style="width: 50px; height: 25px;">
+<div data-disabled="true" id="stretch_height">
+    <div style="height: 500px; position: relative;">
+        <div style="height: -webkit-fill-available; flex-wrap: wrap;">
+            <div style="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 50px; height: 100px;">
+            </div>
+            <div style="width: 50px; height: 25px;">
+            </div>
         </div>
     </div>
 </div>
@@ -291,29 +299,34 @@
     </div>
 </div>
 
-<div data-disabled="true" id="fit_content_flex_basis_column" style="height: 90px; position: relative;">
-    <div style="flex-basis: fit-content; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 50px; height: 100px;">
-        </div>
-        <div style="width: 50px; height: 25px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 50px; height: 100px;">
+            </div>
+            <div style="width: 50px; height: 25px;">
+            </div>
         </div>
     </div>
 </div>
 
-<div data-disabled="true" id="stretch_flex_basis_column" style="height: 500px; position: relative;">
-    <div style="flex-basis: -webkit-fill-available; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 50px; height: 100px;">
-        </div>
-        <div style="width: 50px; height: 25px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 50px; height: 100px;">
+            </div>
+            <div style="width: 50px; height: 25px;">
+            </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>
     <div style="width: 100px; height: 500px;">
@@ -322,29 +335,34 @@
     </div>
 </div>
 
-<div data-disabled="true" id="fit_content_flex_basis_row" style="width: 90px; position: relative;">
-    <div style="flex-direction: row; flex-basis: fit-content; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 100px; height: 50px;">
-        </div>
-        <div style="width: 25px; height: 50px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 100px; height: 50px;">
+            </div>
+            <div style="width: 25px; height: 50px;">
+            </div>
         </div>
     </div>
 </div>
 
-<div data-disabled="true" id="stretch_flex_basis_row" style="width: 500px; position: relative;">
-    <div style="flex-direction: row; flex-basis: -webkit-fill-available; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 100px; height: 50px;">
-        </div>
-        <div style="width: 25px; height: 50px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 100px; height: 50px;">
+            </div>
+            <div style="width: 25px; height: 50px;">
+            </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>
     <div style="width: 100px; height: 50px;">
@@ -353,29 +371,34 @@
     </div>
 </div>
 
-<div data-disabled="true" id="fit_content_max_width" style="width: 90px; position: relative;">
-    <div style="flex-direction: row; max-width: fit-content; width: 110px; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 100px; height: 50px;">
-        </div>
-        <div style="width: 25px; height: 50px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 100px; height: 50px;">
+            </div>
+            <div style="width: 25px; height: 50px;">
+            </div>
         </div>
     </div>
 </div>
 
-<div data-disabled="true" id="stretch_max_width" style="width: 500px; position: relative;">
-    <div style="flex-direction: row; max-width: -webkit-fill-available; width: 600px; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 100px; height: 50px;">
-        </div>
-        <div style="width: 25px; height: 50px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 100px; height: 50px;">
+            </div>
+            <div style="width: 25px; height: 50px;">
+            </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>
     <div style="width: 100px; height: 50px;">
@@ -384,24 +407,28 @@
     </div>
 </div>
 
-<div data-disabled="true" id="fit_content_min_width" style="width: 90px; position: relative;">
-    <div style="flex-direction: row; min-width: fit-content; width: 90px; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 100px; height: 50px;">
-        </div>
-        <div style="width: 25px; height: 50px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 100px; height: 50px;">
+            </div>
+            <div style="width: 25px; height: 50px;">
+            </div>
         </div>
     </div>
 </div>
 
-<div data-disabled="true" id="stretch_min_width" style="width: 500px; position: relative;">
-    <div style="flex-direction: row; min-width: -webkit-fill-available; width: 400px; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 100px; height: 50px;">
-        </div>
-        <div style="width: 25px; height: 50px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 100px; height: 50px;">
+            </div>
+            <div style="width: 25px; height: 50px;">
+            </div>
         </div>
     </div>
 </div>
@@ -415,24 +442,28 @@
     </div>
 </div>
 
-<div data-disabled="true" id="fit_content_max_height" style="height: 90px; position: relative;">
-    <div style="max-height: fit-content; height: 110px; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 50px; height: 100px;">
-        </div>
-        <div style="width: 50px; height: 25px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 50px; height: 100px;">
+            </div>
+            <div style="width: 50px; height: 25px;">
+            </div>
         </div>
     </div>
 </div>
 
-<div data-disabled="true" id="stretch_max_height" style="height: 500px; position: relative;">
-    <div style="max-height: -webkit-fill-available; flex-wrap: wrap; height: 600px;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 50px; height: 100px;">
-        </div>
-        <div style="width: 50px; height: 25px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 50px; height: 100px;">
+            </div>
+            <div style="width: 50px; height: 25px;">
+            </div>
         </div>
     </div>
 </div>
@@ -446,24 +477,28 @@
     </div>
 </div>
 
-<div data-disabled="true" id="fit_content_min_height" style="height: 90px; position: relative;">
-    <div style="min-height: fit-content; height: 90px; flex-wrap: wrap;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 50px; height: 100px;">
-        </div>
-        <div style="width: 50px; height: 25px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 50px; height: 100px;">
+            </div>
+            <div style="width: 50px; height: 25px;">
+            </div>
         </div>
     </div>
 </div>
 
-<div data-disabled="true" id="stretch_min_height" style="height: 500px; position: relative;">
-    <div style="min-height: -webkit-fill-available; flex-wrap: wrap; height: 400px;">
-        <div style="width: 50px; height: 50px;">
-        </div>
-        <div style="width: 50px; height: 100px;">
-        </div>
-        <div style="width: 50px; height: 25px;">
+<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="width: 50px; height: 50px;">
+            </div>
+            <div style="width: 50px; height: 100px;">
+            </div>
+            <div style="width: 50px; height: 25px;">
+            </div>
         </div>
     </div>
 </div>