commit 54465fb0296d33eb7bc206981d03bb8b4c55ce9a parent bdbf10285210a6d3b6f5de62033d22e6441291f6 Author: Celeste Pan <celestepan@microsoft.com> Date: Thu, 11 Dec 2025 09:26:45 +0000 Bug 2004830 [wpt PR 56581] - [Masonry] Fix descriptions for dense-packing placement tests, a=testonly Automatic update from web-platform-tests [Masonry] Fix descriptions for dense-packing placement tests Although the contents of some tests were updated to reflect the spec defined behavior of dense-packing always placing items into the highest, start-most track opening, the descriptions of the test were not all properly updated. This CL fixes the descriptions for the fixed tests. The description that describes prioritizing the track openings in the start-most track can be found in step 4 of the Grid-Lanes (Masonry) Layout Algorithm: https://drafts.csswg.org/css-grid-3/#masonry-layout-algorithm. Bug: 343257585 Change-Id: Ib49d2a5aef401576ddd5a75242a442e8b46baebc Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7234016 Commit-Queue: Celeste Pan <celestepan@microsoft.com> Reviewed-by: Kurt Catti-Schmidt <kschmi@microsoft.com> Cr-Commit-Position: refs/heads/main@{#1555807} -- wpt-commits: 560e7ee06a447c4f6466c3eb0783c9caa04a635e wpt-pr: 56581 Diffstat:
10 files changed, 14 insertions(+), 14 deletions(-)
diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-002-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-002-ref.html @@ -12,13 +12,13 @@ } </style> <body> - <p>Ensure that dense-packing places items correctly based on the auto-placement cursor location when there are multiple gaps. Item 5 should go into the right-most gap.</p> + <p>Ensure that dense-packing packs items in the start-most track opening. Item 6 should go into the left-most track opening.</p> <div class="grid"> <div> <div style="background: lightskyblue; height: 20px;" > 1 </div> - <div style="background: red; height: 40px;"> + <div style="background: yellow; height: 40px;"> 6 </div> </div> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-002.html @@ -14,7 +14,7 @@ } </style> <body> - <p>Ensure that dense-packing places items correctly based on the auto-placement cursor location when there are multiple gaps. Item 5 should go into the right-most gap.</p> + <p>Ensure that dense-packing packs items in the start-most track opening. Item 6 should go into the left-most track opening.</p> <div class="grid-lanes"> <div style="background: lightskyblue; height: 20px;" > 1 @@ -31,7 +31,7 @@ <div style="background:orchid; height: 10px; grid-column: span 2;"> 5 </div> - <div style="background: red; height: 40px;"> + <div style="background: yellow; height: 40px;"> 6 </div> </div> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-005-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-005-ref.html @@ -11,7 +11,7 @@ } </style> <body> - <p>Ensure that we always pick the highest eligible opening; auto-placement cursor should only be a tie-breaker with openings at the same location.</p> + <p>Ensure that we prioritize the highest track-opening over the start-most track opening.</p> <div class="grid"> <div style="background: lightskyblue; height: 20px;" > 1 diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-005.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-005.html @@ -12,7 +12,7 @@ } </style> <body> - <p>Ensure that we always pick the highest eligible opening; auto-placement cursor should only be a tie-breaker with openings at the same location.</p> + <p>Ensure that we prioritize the highest track-opening over the start-most track opening.</p> <div class="grid-lanes"> <div style="background: lightskyblue; height: 20px;" > 1 diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-multi-span-002-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-multi-span-002-ref.html @@ -8,7 +8,7 @@ } </style> <body> - <p>Ensure that dense-packing with multi-span items are placed into tracks with the same used size and the same number of tracks, and priority is given to tracks closest (but after) the auto-placement cursor.</p> + <p>Ensure that dense-packing with multi-span items are placed into tracks with the same used size and the same number of tracks.</p> <div class="grid"> <div style="background: yellow; height: 20px; width: 20px; grid-column: 1" > 4 diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-multi-span-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/column-dense-packing-multi-span-002.html @@ -12,7 +12,7 @@ } </style> <body> - <p>Ensure that dense-packing with multi-span items are placed into tracks with the same used size and the same number of tracks, and priority is given to tracks closest (but after) the auto-placement cursor.</p> + <p>Ensure that dense-packing with multi-span items are placed into tracks with the same used size and the same number of tracks.</p> <div class="grid-lanes"> <div style="background: lightskyblue; height: 20px; grid-column: 3" > 1 diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-002-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-002-ref.html @@ -17,13 +17,13 @@ } </style> <body> - <p>Ensure that dense-packing places items correctly based on the auto-placement cursor location when there are multiple gaps. Item 5 should go into the bottom-most gap.</p> + <p>Ensure that dense-packing always prioritizes the start-most track opening. Item 6 should go into the top-most track-opening.</p> <div class="grid"> <div class="flex"> <div style="background: lightskyblue; width: 20px;" > 1 </div> - <div style="background: red; width: 40px;"> + <div style="background: yellow; width: 40px;"> 6 </div> </div> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-002.html @@ -15,7 +15,7 @@ } </style> <body> - <p>Ensure that dense-packing places items correctly based on the auto-placement cursor location when there are multiple gaps. Item 5 should go into the bottom-most gap.</p> + <p>Ensure that dense-packing always prioritizes the start-most track opening. Item 6 should go into the top-most track-opening.</p> <div class="grid-lanes"> <div style="background: lightskyblue; width: 20px;" > 1 @@ -32,7 +32,7 @@ <div style="background:orchid; width: 10px; grid-row: span 2;"> 5 </div> - <div style="background: red; width: 40px;"> + <div style="background: yellow; width: 40px;"> 6 </div> </div> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-002-ref.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-002-ref.html @@ -12,7 +12,7 @@ } </style> <body> - <p>Ensure that dense-packing with multi-span items are placed into tracks with the same used size and the same number of tracks, and priority is given to tracks closest after the auto-placement cursor.</p> + <p>Ensure that dense-packing with multi-span items are placed into tracks with the same used size and the same number of tracks.</p> <div class="grid"> <div class="flex"> <div style="background: yellow; width: 20px; height: 20px;" > diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-002.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/item-placement/dense-packing/row-dense-packing-multi-span-002.html @@ -13,7 +13,7 @@ } </style> <body> - <p>Ensure that dense-packing with multi-span items are placed into tracks with the same used size and the same number of tracks, and priority is given to tracks closest after the auto-placement cursor.</p> + <p>Ensure that dense-packing with multi-span items are placed into tracks with the same used size and the same number of tracks.</p> <div class="grid-lanes"> <div style="background: lightskyblue; width: 20px; grid-row: 3" > 1