third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items.html - Issue 2722613003: [css-grid] "normal" alignment is "start" for replaced elements

Unified Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items.html

Issue 2722613003: [css-grid] "normal" alignment is "start" for replaced elements (Closed)

Patch Set: New version Created 3 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « third_party/WebKit/LayoutTests/external/csswg-test/css-grid-1/grid-items/support/50x50-green.png ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items-expected.txt » ('j') | third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid-alignment.css » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items.html

diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items.html

index f152be82d1f9795ff10bea4ad7e66988886df99b..90d9e5f77d84b080121ab6c44b18aae2a954faca 100644

--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items.html

+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items.html

@@ -1,7 +1,9 @@

<!DOCTYPE html>

-<script src="../../resources/check-layout.js"></script>

+<script src="../../resources/testharness.js"></script>

+<script src="../../resources/testharnessreport.js"></script>

+<script src="../../resources/check-layout-th.js"></script>

<style>

.grid {

grid-template-columns: 500px;

@@ -17,12 +19,27 @@

</style>

+<div id="log"></div>

<p>This test checks that the alignment properties align-self and justify-self apply the 'stretch' value correctly on replaced elements.</p>

- <p>The blue image's original size is 100px x 100px, but it should be stretched to fill the 500px x 500px grid area it's placed into</p>

+ <p>The blue image's original size is 100px x 100px, default alignment is resolved as 'start' for replaced elements so it prevents stretching to be applied.</p>

+ <img src="../../images/resources/blue-100.png" data-expected-width="100" data-expected-height="100"/>

+ </div>

+</div>

+<div style="position: relative">

+ <p>The blue image's original size is 100px x 100px, 'normal' is resolved as 'start' for replaced elements so it prevents stretching to be applied.</p>

+ <div class="grid itemsNormal">

+ <img src="../../images/resources/blue-100.png" data-expected-width="100" data-expected-height="100"/>

+ </div>

+</div>

+<div style="position: relative">

+ <p>The blue image's original size is 100px x 100px, but it should be stretched to fill the 500px x 500px grid area it's placed into.</p>

+ <div class="grid itemsStretch">

</div>