third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-align-stretching-replaced-items.html - Issue 2496663002: Merge css3/image/ and fast/images/ to images/

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

Issue 2496663002: Merge css3/image/ and fast/images/ to images/ (Closed)

Patch Set: Address failing tests (3 of them) Created 4 years, 1 month ago

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

Jump to:

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/canvas/canvas-toBlob-webp-maximum-quality.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-display.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <link href="resources/grid.css" rel="stylesheet">	2 <link href="resources/grid.css" rel="stylesheet">

3 <link href="resources/grid-alignment.css" rel="stylesheet">	3 <link href="resources/grid-alignment.css" rel="stylesheet">

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

5 <style>	5 <style>

6 .grid {	6 .grid {

7 grid-template-columns: 500px;	7 grid-template-columns: 500px;

8 grid-template-rows: 500px;	8 grid-template-rows: 500px;

9 }	9 }

10 .fixedSizes {	10 .fixedSizes {

11 width: 150px;	11 width: 150px;

12 height: 150px;	12 height: 150px;

13 }	13 }

14 .autoMargins {	14 .autoMargins {

15 margin: auto;	15 margin: auto;

16 }	16 }

17 </style>	17 </style>

18	18

19 <body onload="checkLayout('.grid')">	19 <body onload="checkLayout('.grid')">

20	20

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

22	22

23 <div style="position: relative">	23 <div style="position: relative">

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

25 <div class="grid">	25 <div class="grid">

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

27 </div>	27 </div>

28 </div>	28 </div>

29	29

30 <div style="position: relative">	30 <div style="position: relative">

31 <p>The blue image's original size is 100px x 100px, non-stretch values preve nt stretching to be applied.</p>	31 <p>The blue image's original size is 100px x 100px, non-stretch values preve nt stretching to be applied.</p>

32 <div class="grid itemsCenter">	32 <div class="grid itemsCenter">

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

34 </div>	34 </div>

35 </div>	35 </div>

36	36

37 <div style="position: relative">	37 <div style="position: relative">

38 <p>The blue image's original size is 100px x 100px, non-auto sizes prevent s tretching to be applied.</p>	38 <p>The blue image's original size is 100px x 100px, non-auto sizes prevent s tretching to be applied.</p>

39 <div class="grid">	39 <div class="grid">

40 <img class="fixedSizes" src="../../css3/images/resources/blue-100.png" d ata-expected-width="150" data-expected-height="150"/>	40 <img class="fixedSizes" src="../../images/resources/blue-100.png" data-e xpected-width="150" data-expected-height="150"/>

41 </div>	41 </div>

42 </div>	42 </div>

43	43

44 <div style="position: relative">	44 <div style="position: relative">

45 <p>The blue image's original size is 100px x 100px, auto-margins prevent str etching to be applied.</p>	45 <p>The blue image's original size is 100px x 100px, auto-margins prevent str etching to be applied.</p>

46 <div class="grid">	46 <div class="grid">

47 <img class="autoMargins" src="../../css3/images/resources/blue-100.png" data-expected-width="100" data-expected-height="100"/>	47 <img class="autoMargins" src="../../images/resources/blue-100.png" data- expected-width="100" data-expected-height="100"/>

48 </div>	48 </div>

49 </div>	49 </div>

50	50

51 </body>	51 </body>

OLD	NEW