Bug 1719181 [wpt PR 29578] - Test other form of explicit stretching, a=testonly
☠☠ backed out by dec0a179f851 ☠ ☠
authorRob Buis <rbuis@igalia.com>
Sat, 17 Jul 2021 09:48:01 +0000
changeset 585805 c4f0971aa4bdc6003357749bf741607f8c959daf
parent 585804 db4e3bd46846ef79282e8e6bbe8785ba6947eff0
child 585806 86279398edc7137d56651129c9554b60741879ef
push id38620
push usercsabou@mozilla.com
push dateSun, 18 Jul 2021 09:08:29 +0000
treeherdermozilla-central@cc4e5ea0c986 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1719181, 29578
milestone92.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1719181 [wpt PR 29578] - Test other form of explicit stretching, a=testonly Automatic update from web-platform-tests Test other form of explicit stretching (#29578) -- wpt-commits: 38956485d2cf73844f2e1fec7baa89bb8e3cfc32 wpt-pr: 29578
testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-018.html
testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-019.html
--- a/testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-018.html
+++ b/testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-018.html
@@ -12,11 +12,14 @@
     height: 100px;
     z-index: -1;
   }
 </style>
 
 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
 
 <div id="reference-overlapped-red"></div>
-<div style="display: grid; grid-template-columns: 100px; grid-template-rows: 100px;">
-  <div style="height: 100px; aspect-ratio: 1/2; justify-self: stretch; background: green;"></div>
+<div style="display: grid; grid-template-columns: 100px; grid-template-rows: 50px;">
+  <div style="height: 50px; aspect-ratio: 1/2; justify-self: stretch; background: green;"></div>
 </div>
+<div style="display: grid; grid-template-columns: 100px; grid-template-rows: 50px;justify-items: stretch">
+  <div style="height: 50px; aspect-ratio: 1/2; justify-self: auto; background: green;"></div>
+</div>
--- a/testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-019.html
+++ b/testing/web-platform/tests/css/css-sizing/aspect-ratio/grid-aspect-ratio-019.html
@@ -12,11 +12,14 @@
     height: 100px;
     z-index: -1;
   }
 </style>
 
 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
 
 <div id="reference-overlapped-red"></div>
-<div style="display: grid; grid-template-columns: 100px; grid-template-rows: 100px;">
+<div style="display: grid; grid-template-columns: 100px; grid-template-rows: 50px;">
   <div style="width: 100px; aspect-ratio: 2/1; align-self: stretch; background: green;"></div>
 </div>
+<div style="display: grid; grid-template-columns: 100px; grid-template-rows: 50px; align-items: stretch">
+  <div style="width: 100px; aspect-ratio: 2/1; align-self: auto; background: green;"></div>
+</div>