Bug 1999319 [wpt PR 55961] - [gap-decorations] Fix multicol CrossGap's EdgeIntersection state, a=testonly

Automatic update from web-platform-tests
[gap-decorations] Fix multicol CrossGap's EdgeIntersection state

Due to some recent changes to the `outset` behavior, we have to now
differentiate between `edge` intersections and `interior` intersections
which wasn't previously needed for multicol (they were all treated as
edge).

w3c/csswg-drafts#12603

This CL fixes this and marks the relevant tests as passing, although a
change was needed to one of them that was wrong (row gaps/ main gaps in
multicol always span from one end of the content to the other, since
there are no intersections between row gaps and column gaps).

This CL also modifies an existing unittest that with recent changes done
to the `column-wrap` feature, it got all twisted and didn't make as much
sense anymore (visually). It still tests the same scenario as before
(having a spanner and a row gap in the same multicol).

It must be noted that depending on some ongoing discussions, we might
still want all multicol CrossGaps to be treated as edge intersections,
but that is TBD. w3c/csswg-drafts#12784

Bug: 357648037
Change-Id: I95b452ffb89b4117f4855ae9cc1a1c9b00dfdc86
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7125761
Reviewed-by: Alison Maher <[email protected]>
Commit-Queue: Javier Contreras <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1542604}

--

wpt-commits: 295c5cef574c15782af987a0efbba0f03872f049
wpt-pr: 55961

Author: Javier Contreras Tenorio

testing/web-platform/tests/css/css-gaps/multicol/multicol-gap-decorations-023-ref.html

@@ -26,6 +26,7 @@
         height: 10px;
         top: 62px;
         background: gold;
+        width: 203px;
     }
     .row {
         background: gold;
@@ -47,9 +48,7 @@
     <div class="items"></div>
     <div class="items"></div>
 </div>
-<div class="row-gap" style="left:0px; width: 61px;"></div>
-<div class="row-gap" style="left:72px; width: 59px;"></div>
-<div class="row-gap" style="left:142px; width: 62px;"></div>
+<div class="row-gap" style="left:0px;"></div>
 <div class="column-gap" style="left:62px;"></div>
 <div class="column-gap" style="left:132px;"></div>
 <div class="column-gap" style="left:62px; top:72px; height: 60px"></div>

testing/web-platform/tests/css/css-gaps/multicol/multicol-gap-decorations-023.html

@@ -29,10 +29,8 @@
         column-rule-interior-start-outset: 0;
         column-rule-interior-end-outset: 8px;
         row-rule-break: intersection;
-        row-rule-interior-start-outset: 0;
-        row-rule-interior-end-outset: -1px;
         row-rule-edge-start-outset: 2px;
-        row-rule-edge-end-outset: 2px;
+        row-rule-edge-end-outset: 1px;
         gap-rule-overlap: column-over-row;
     }
     p {