commit e9a15b5ace74ea41f4c3862cebda40414f9ba750 parent ae7c24ef00d301fdfb7c80b47b52fad6795ff89e Author: Alison Maher <almaher@microsoft.com> Date: Wed, 26 Nov 2025 08:55:08 +0000 Bug 2002042 [wpt PR 56227] - [Masonry] Update masonry-fill to grid-lanes-fill, a=testonly Automatic update from web-platform-tests [Masonry] Update masonry-fill to grid-lanes-fill Match the property name to the new display name. Bug: 343257585 Change-Id: I0aded67067c8fbd9fc0124db10bb6df100910eb5 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7181868 Commit-Queue: Alison Maher <almaher@microsoft.com> Reviewed-by: Kurt Catti-Schmidt <kschmi@microsoft.com> Cr-Commit-Position: refs/heads/main@{#1549316} -- wpt-commits: f41236d6d30a8d8c7af402aaf88eefa04dc816c2 wpt-pr: 56227 Diffstat:
6 files changed, 28 insertions(+), 28 deletions(-)
diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-fill-computed.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-fill-computed.html @@ -2,7 +2,7 @@ <html> <head> <meta charset="utf-8"> - <title>CSS Masonry: masonry-fill getComputedStyle()</title> + <title>CSS Grid Lanes: grid-lanes-fill getComputedStyle()</title> <link rel="author" title="Celeste Pan" href="mailto:celestepan@microsoft.com"> <link rel="help" href="https://drafts.csswg.org/css-grid-3"> <script src="/resources/testharness.js"></script> @@ -14,8 +14,8 @@ <div id="target"></div> </div> <script> - test_computed_value("masonry-fill", "normal"); - test_computed_value("masonry-fill", "reverse"); + test_computed_value("grid-lanes-fill", "normal"); + test_computed_value("grid-lanes-fill", "reverse"); </script> </body> </html> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-fill-invalid.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-fill-invalid.html @@ -2,7 +2,7 @@ <html> <head> <meta charset="utf-8"> - <title>CSS Masonry: parsing masonry-fill with invalid values</title> + <title>CSS Grid Lanes: parsing grid-lanes-fill with invalid values</title> <link rel="author" title="Celeste Pan" href="mailto:celestepan@microsoft.com"> <link rel="help" href="https://drafts.csswg.org/css-grid-3"> <script src="/resources/testharness.js"></script> @@ -12,11 +12,11 @@ <body> <div id="target"></div> <script> - test_invalid_value('masonry-fill', '10'); - test_invalid_value('masonry-fill', 'true'); - test_invalid_value('masonry-fill', 'default'); - test_invalid_value('masonry-fill', 'set'); - test_invalid_value('masonry-fill', 'before, after'); + test_invalid_value('grid-lanes-fill', '10'); + test_invalid_value('grid-lanes-fill', 'true'); + test_invalid_value('grid-lanes-fill', 'default'); + test_invalid_value('grid-lanes-fill', 'set'); + test_invalid_value('grid-lanes-fill', 'before, after'); </script> </body> </html> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-fill-valid.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-fill-valid.html @@ -2,7 +2,7 @@ <html> <head> <meta charset="utf-8"> - <title>CSS Masonry: parsing masonry-fill with valid values</title> + <title>CSS Grid Lanes: parsing grid-lanes-fill with valid values</title> <link rel="author" title="Celeste Pan" href="mailto:celestepan@microsoft.com"> <link rel="help" href="https://drafts.csswg.org/css-grid-3"> <script src="/resources/testharness.js"></script> @@ -12,8 +12,8 @@ <body> <div id="target"></div> <script> - test_valid_value('masonry-fill', 'normal'); - test_valid_value('masonry-fill', 'reverse'); + test_valid_value('grid-lanes-fill', 'normal'); + test_valid_value('grid-lanes-fill', 'reverse'); </script> </body> </html> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-flow-valid.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-flow-valid.html @@ -16,44 +16,44 @@ test_valid_value("grid-lanes-flow", "column reverse"); test_shorthand_value('grid-lanes-flow', 'column normal', { 'masonry-direction': 'column', - 'masonry-fill': 'normal' + 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes-flow', 'column reverse', { 'masonry-direction': 'column', - 'masonry-fill': 'reverse' + 'grid-lanes-fill': 'reverse' }); test_valid_value("grid-lanes-flow", "row normal"); test_valid_value("grid-lanes-flow", "row reverse"); test_shorthand_value('grid-lanes-flow', 'row normal', { 'masonry-direction': 'row', - 'masonry-fill': 'normal' + 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes-flow', 'row reverse', { 'masonry-direction': 'row', - 'masonry-fill': 'reverse' + 'grid-lanes-fill': 'reverse' }); test_valid_value("grid-lanes-flow", "column-reverse normal"); test_valid_value("grid-lanes-flow", "column-reverse reverse"); test_shorthand_value('grid-lanes-flow', 'column-reverse normal', { 'masonry-direction': 'column-reverse', - 'masonry-fill': 'normal' + 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes-flow', 'column-reverse reverse', { 'masonry-direction': 'column-reverse', - 'masonry-fill': 'reverse' + 'grid-lanes-fill': 'reverse' }); test_valid_value("grid-lanes-flow", "row-reverse normal"); test_valid_value("grid-lanes-flow", "row-reverse reverse"); test_shorthand_value('grid-lanes-flow', 'row-reverse normal', { 'masonry-direction': 'row-reverse', - 'masonry-fill': 'normal' + 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes-flow', 'row-reverse reverse', { 'masonry-direction': 'row-reverse', - 'masonry-fill': 'reverse' + 'grid-lanes-fill': 'reverse' }); </script> </body> diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-serialization.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-serialization.html @@ -9,7 +9,7 @@ </head> <body> <script> - function testValidGridLanes(gridTemplateRowsValue, gridTemplateColumnsValue, gridTemplateAreasValue, masonryDirectionValue, masonryFillValue, serializedGridLanesValue) { + function testValidGridLanes(gridTemplateRowsValue, gridTemplateColumnsValue, gridTemplateAreasValue, masonryDirectionValue, gridLanesFillValue, serializedGridLanesValue) { test(()=>{ const root = document.documentElement; const properties = [ @@ -17,7 +17,7 @@ ["gridTemplateColumns", gridTemplateColumnsValue], ["gridTemplateAreas", gridTemplateAreasValue], ["masonryDirection", masonryDirectionValue], - ["masonryFill", masonryFillValue], + ["gridLanesFill", gridLanesFillValue], ]; for (const [property, value] of properties) { root.style[property] = ""; @@ -28,7 +28,7 @@ grid-template-columns: ${gridTemplateColumnsValue}, grid-template-areas: ${gridTemplateAreasValue}, masonry-direction: ${masonryDirectionValue}, - masonry-fill: ${masonryFillValue} should be valid.`); + grid-lanes-fill: ${gridLanesFillValue} should be valid.`); } testValidGridLanes("none", "none", "none", "column", "normal", "none column normal"); diff --git a/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-valid.html b/testing/web-platform/tests/css/css-grid/grid-lanes/tentative/parsing/grid-lanes-shorthand-valid.html @@ -49,31 +49,31 @@ 'grid-template-columns': 'none', 'grid-template-areas': 'none', 'masonry-direction': 'column', - 'masonry-fill': 'normal' + 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes', '10px reverse', { 'grid-template-columns': '10px', 'grid-template-areas': 'none', 'masonry-direction': 'column', - 'masonry-fill': 'reverse' + 'grid-lanes-fill': 'reverse' }); test_shorthand_value('grid-lanes', '"b a" 20% 40% column normal', { 'grid-template-columns': '20% 40%', 'grid-template-areas': '"b a"', 'masonry-direction': 'column', - 'masonry-fill': 'normal' + 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes', '"b b a" 1fr 2fr 3fr row', { 'grid-template-rows': '1fr 2fr 3fr', 'grid-template-areas': '"b" "b" "a"', 'masonry-direction': 'row', - 'masonry-fill': 'normal' + 'grid-lanes-fill': 'normal' }); test_shorthand_value('grid-lanes', 'repeat(2, auto) row-reverse', { 'grid-template-rows': 'repeat(2, auto)', 'grid-template-areas': 'none', 'masonry-direction': 'row-reverse', - 'masonry-fill': 'normal' + 'grid-lanes-fill': 'normal' }); </script> </body>