Fix alignment of abspos child of flexbox with flipped direction (#34426)test

The containing block for the static position of an absolutely positioned
element in flex layout is established by the flex container. However, if
the flex container has static position, the actual containing block will
be established by another ancestor.

If the flex container and the containing block have different directions,
the static position needs especial handling when aligning the abspos.
We were already trying to do so with the `flip_anchor` flag, but there
were bugs.

Signed-off-by: Oriol Brufau <obrufau@igalia.com>

2 files changed, 24 insertions, 354 deletions

diff --git a/tests/wpt/meta/css/css-flexbox/abspos/position-absolute-012.html.ini b/tests/wpt/meta/css/css-flexbox/abspos/position-absolute-012.html.ini
index 45e84962258..deea35b6568 100644
--- a/tests/wpt/meta/css/css-flexbox/abspos/position-absolute-012.html.ini
+++ b/tests/wpt/meta/css/css-flexbox/abspos/position-absolute-012.html.ini
@@ -8,12 +8,6 @@
   [.flexbox 37]
     expected: FAIL
 
-  [.flexbox 30]
-    expected: FAIL
-
-  [.flexbox 32]
-    expected: FAIL
-
   [.flexbox 33]
     expected: FAIL
 
@@ -32,24 +26,9 @@
   [.flexbox 85]
     expected: FAIL
 
-  [.flexbox 86]
-    expected: FAIL
-
-  [.flexbox 16]
-    expected: FAIL
-
-  [.flexbox 14]
-    expected: FAIL
-
-  [.flexbox 13]
-    expected: FAIL
-
   [.flexbox 96]
     expected: FAIL
 
-  [.flexbox 94]
-    expected: FAIL
-
   [.flexbox 93]
     expected: FAIL
 
@@ -74,9 +53,6 @@
   [.flexbox 69]
     expected: FAIL
 
-  [.flexbox 70]
-    expected: FAIL
-
   [.flexbox 72]
     expected: FAIL
 
@@ -89,9 +65,6 @@
   [.flexbox 77]
     expected: FAIL
 
-  [.flexbox 78]
-    expected: FAIL
-
   [.flexbox 45]
     expected: FAIL
 
@@ -107,15 +80,6 @@
   [.flexbox 49]
     expected: FAIL
 
-  [.flexbox 5]
-    expected: FAIL
-
-  [.flexbox 6]
-    expected: FAIL
-
-  [.flexbox 8]
-    expected: FAIL
-
   [.flexbox 59]
     expected: FAIL
 
@@ -131,30 +95,6 @@
   [.flexbox 57]
     expected: FAIL
 
-  [.flexbox 29]
-    expected: FAIL
-
-  [.flexbox 24]
-    expected: FAIL
-
-  [.flexbox 22]
-    expected: FAIL
-
-  [.flexbox 21]
-    expected: FAIL
-
-  [.flexbox 7]
-    expected: FAIL
-
-  [.flexbox 15]
-    expected: FAIL
-
-  [.flexbox 23]
-    expected: FAIL
-
-  [.flexbox 31]
-    expected: FAIL
-
   [.flexbox 34]
     expected: FAIL
 
@@ -179,16 +119,16 @@
   [.flexbox 64]
     expected: FAIL
 
-  [.flexbox 71]
+  [.flexbox 39]
     expected: FAIL
 
-  [.flexbox 79]
+  [.flexbox 47]
     expected: FAIL
 
-  [.flexbox 87]
+  [.flexbox 55]
     expected: FAIL
 
-  [.flexbox 95]
+  [.flexbox 63]
     expected: FAIL
 
   [.flexbox 38]
diff --git a/tests/wpt/meta/css/css-flexbox/abspos/position-absolute-013.html.ini b/tests/wpt/meta/css/css-flexbox/abspos/position-absolute-013.html.ini
index d7090e0818d..d0946a3bee8 100644
--- a/tests/wpt/meta/css/css-flexbox/abspos/position-absolute-013.html.ini
+++ b/tests/wpt/meta/css/css-flexbox/abspos/position-absolute-013.html.ini
@@ -14,18 +14,6 @@
   [.flexbox 306]
     expected: FAIL
 
-  [.flexbox 34]
-    expected: FAIL
-
-  [.flexbox 35]
-    expected: FAIL
-
-  [.flexbox 36]
-    expected: FAIL
-
-  [.flexbox 32]
-    expected: FAIL
-
   [.flexbox 396]
     expected: FAIL
 
@@ -38,12 +26,6 @@
   [.flexbox 392]
     expected: FAIL
 
-  [.flexbox 393]
-    expected: FAIL
-
-  [.flexbox 391]
-    expected: FAIL
-
   [.flexbox 399]
     expected: FAIL
 
@@ -68,18 +50,6 @@
   [.flexbox 373]
     expected: FAIL
 
-  [.flexbox 80]
-    expected: FAIL
-
-  [.flexbox 83]
-    expected: FAIL
-
-  [.flexbox 82]
-    expected: FAIL
-
-  [.flexbox 84]
-    expected: FAIL
-
   [.flexbox 182]
     expected: FAIL
 
@@ -95,15 +65,6 @@
   [.flexbox 184]
     expected: FAIL
 
-  [.flexbox 118]
-    expected: FAIL
-
-  [.flexbox 119]
-    expected: FAIL
-
-  [.flexbox 116]
-    expected: FAIL
-
   [.flexbox 238]
     expected: FAIL
 
@@ -119,15 +80,9 @@
   [.flexbox 234]
     expected: FAIL
 
-  [.flexbox 331]
-    expected: FAIL
-
   [.flexbox 332]
     expected: FAIL
 
-  [.flexbox 333]
-    expected: FAIL
-
   [.flexbox 334]
     expected: FAIL
 
@@ -137,21 +92,6 @@
   [.flexbox 338]
     expected: FAIL
 
-  [.flexbox 45]
-    expected: FAIL
-
-  [.flexbox 44]
-    expected: FAIL
-
-  [.flexbox 46]
-    expected: FAIL
-
-  [.flexbox 43]
-    expected: FAIL
-
-  [.flexbox 48]
-    expected: FAIL
-
   [.flexbox 248]
     expected: FAIL
 
@@ -170,30 +110,15 @@
   [.flexbox 242]
     expected: FAIL
 
-  [.flexbox 379]
-    expected: FAIL
-
   [.flexbox 147]
     expected: FAIL
 
   [.flexbox 145]
     expected: FAIL
 
-  [.flexbox 143]
-    expected: FAIL
-
-  [.flexbox 141]
-    expected: FAIL
-
-  [.flexbox 140]
-    expected: FAIL
-
   [.flexbox 419]
     expected: FAIL
 
-  [.flexbox 418]
-    expected: FAIL
-
   [.flexbox 149]
     expected: FAIL
 
@@ -203,12 +128,6 @@
   [.flexbox 370]
     expected: FAIL
 
-  [.flexbox 371]
-    expected: FAIL
-
-  [.flexbox 381]
-    expected: FAIL
-
   [.flexbox 380]
     expected: FAIL
 
@@ -251,36 +170,9 @@
   [.flexbox 361]
     expected: FAIL
 
-  [.flexbox 360]
-    expected: FAIL
-
-  [.flexbox 96]
-    expected: FAIL
-
-  [.flexbox 94]
-    expected: FAIL
-
-  [.flexbox 92]
-    expected: FAIL
-
-  [.flexbox 93]
-    expected: FAIL
-
-  [.flexbox 91]
-    expected: FAIL
-
-  [.flexbox 72]
-    expected: FAIL
-
-  [.flexbox 428]
-    expected: FAIL
-
   [.flexbox 429]
     expected: FAIL
 
-  [.flexbox 420]
-    expected: FAIL
-
   [.flexbox 422]
     expected: FAIL
 
@@ -293,24 +185,6 @@
   [.flexbox 427]
     expected: FAIL
 
-  [.flexbox 108]
-    expected: FAIL
-
-  [.flexbox 103]
-    expected: FAIL
-
-  [.flexbox 106]
-    expected: FAIL
-
-  [.flexbox 105]
-    expected: FAIL
-
-  [.flexbox 104]
-    expected: FAIL
-
-  [.flexbox 323]
-    expected: FAIL
-
   [.flexbox 322]
     expected: FAIL
 
@@ -329,18 +203,6 @@
   [.flexbox 329]
     expected: FAIL
 
-  [.flexbox 59]
-    expected: FAIL
-
-  [.flexbox 56]
-    expected: FAIL
-
-  [.flexbox 57]
-    expected: FAIL
-
-  [.flexbox 55]
-    expected: FAIL
-
   [.flexbox 258]
     expected: FAIL
 
@@ -386,12 +248,6 @@
   [.flexbox 178]
     expected: FAIL
 
-  [.flexbox 11]
-    expected: FAIL
-
-  [.flexbox 19]
-    expected: FAIL
-
   [.flexbox 213]
     expected: FAIL
 
@@ -419,12 +275,6 @@
   [.flexbox 355]
     expected: FAIL
 
-  [.flexbox 358]
-    expected: FAIL
-
-  [.flexbox 67]
-    expected: FAIL
-
   [.flexbox 280]
     expected: FAIL
 
@@ -446,51 +296,18 @@
   [.flexbox 359]
     expected: FAIL
 
-  [.flexbox 132]
-    expected: FAIL
-
-  [.flexbox 130]
-    expected: FAIL
-
-  [.flexbox 131]
-    expected: FAIL
-
-  [.flexbox 139]
-    expected: FAIL
-
   [.flexbox 317]
     expected: FAIL
 
   [.flexbox 315]
     expected: FAIL
 
-  [.flexbox 312]
-    expected: FAIL
-
   [.flexbox 313]
     expected: FAIL
 
-  [.flexbox 310]
-    expected: FAIL
-
   [.flexbox 311]
     expected: FAIL
 
-  [.flexbox 69]
-    expected: FAIL
-
-  [.flexbox 24]
-    expected: FAIL
-
-  [.flexbox 23]
-    expected: FAIL
-
-  [.flexbox 22]
-    expected: FAIL
-
-  [.flexbox 21]
-    expected: FAIL
-
   [.flexbox 269]
     expected: FAIL
 
@@ -509,9 +326,6 @@
   [.flexbox 406]
     expected: FAIL
 
-  [.flexbox 407]
-    expected: FAIL
-
   [.flexbox 404]
     expected: FAIL
 
@@ -569,9 +383,6 @@
   [.flexbox 345]
     expected: FAIL
 
-  [.flexbox 344]
-    expected: FAIL
-
   [.flexbox 347]
     expected: FAIL
 
@@ -584,12 +395,6 @@
   [.flexbox 342]
     expected: FAIL
 
-  [.flexbox 70]
-    expected: FAIL
-
-  [.flexbox 71]
-    expected: FAIL
-
   [.flexbox 299]
     expected: FAIL
 
@@ -602,9 +407,6 @@
   [.flexbox 297]
     expected: FAIL
 
-  [.flexbox 296]
-    expected: FAIL
-
   [.flexbox 295]
     expected: FAIL
 
@@ -614,15 +416,6 @@
   [.flexbox 368]
     expected: FAIL
 
-  [.flexbox 7]
-    expected: FAIL
-
-  [.flexbox 8]
-    expected: FAIL
-
-  [.flexbox 9]
-    expected: FAIL
-
   [.flexbox 157]
     expected: FAIL
 
@@ -644,69 +437,6 @@
   [.flexbox 408]
     expected: FAIL
 
-  [.flexbox 120]
-    expected: FAIL
-
-  [.flexbox 127]
-    expected: FAIL
-
-  [.flexbox 129]
-    expected: FAIL
-
-  [.flexbox 10]
-    expected: FAIL
-
-  [.flexbox 12]
-    expected: FAIL
-
-  [.flexbox 20]
-    expected: FAIL
-
-  [.flexbox 31]
-    expected: FAIL
-
-  [.flexbox 33]
-    expected: FAIL
-
-  [.flexbox 47]
-    expected: FAIL
-
-  [.flexbox 58]
-    expected: FAIL
-
-  [.flexbox 60]
-    expected: FAIL
-
-  [.flexbox 68]
-    expected: FAIL
-
-  [.flexbox 79]
-    expected: FAIL
-
-  [.flexbox 81]
-    expected: FAIL
-
-  [.flexbox 95]
-    expected: FAIL
-
-  [.flexbox 107]
-    expected: FAIL
-
-  [.flexbox 115]
-    expected: FAIL
-
-  [.flexbox 117]
-    expected: FAIL
-
-  [.flexbox 128]
-    expected: FAIL
-
-  [.flexbox 142]
-    expected: FAIL
-
-  [.flexbox 144]
-    expected: FAIL
-
   [.flexbox 146]
     expected: FAIL
 
@@ -809,58 +539,55 @@
   [.flexbox 285]
     expected: FAIL
 
-  [.flexbox 298]
-    expected: FAIL
-
-  [.flexbox 300]
+  [.flexbox 154]
     expected: FAIL
 
-  [.flexbox 308]
+  [.flexbox 156]
     expected: FAIL
 
-  [.flexbox 319]
+  [.flexbox 164]
     expected: FAIL
 
-  [.flexbox 321]
+  [.flexbox 175]
     expected: FAIL
 
-  [.flexbox 335]
+  [.flexbox 177]
     expected: FAIL
 
-  [.flexbox 346]
+  [.flexbox 191]
     expected: FAIL
 
-  [.flexbox 348]
+  [.flexbox 202]
     expected: FAIL
 
-  [.flexbox 356]
+  [.flexbox 204]
     expected: FAIL
 
-  [.flexbox 367]
+  [.flexbox 212]
     expected: FAIL
 
-  [.flexbox 369]
+  [.flexbox 223]
     expected: FAIL
 
-  [.flexbox 383]
+  [.flexbox 225]
     expected: FAIL
 
-  [.flexbox 395]
+  [.flexbox 239]
     expected: FAIL
 
-  [.flexbox 403]
+  [.flexbox 251]
     expected: FAIL
 
-  [.flexbox 405]
+  [.flexbox 259]
     expected: FAIL
 
-  [.flexbox 416]
+  [.flexbox 261]
     expected: FAIL
 
-  [.flexbox 430]
+  [.flexbox 272]
     expected: FAIL
 
-  [.flexbox 432]
+  [.flexbox 286]
     expected: FAIL
 
   [.flexbox 152]
@@ -916,3 +643,6 @@
 
   [.flexbox 284]
     expected: FAIL
+
+  [.flexbox 288]
+    expected: FAIL