LayoutTests/fast/css-grid-layout/grid-align-content-vertical-lr.html - Issue 1031853002: [CSS Grid Layout] Content Distribution support for grid.

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-align-content-vertical-lr.html

Issue 1031853002: [CSS Grid Layout] Content Distribution support for grid. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Missing layout test expectations file. Created 5 years, 8 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 unified diff | Download patch

« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-align-content-expected.txt ('k') | LayoutTests/fast/css-grid-layout/grid-align-content-vertical-rl.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 <html>	2 <html>

3 <head>	3 <head>

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

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

6 <style>	6 <style>

7 body {	7 body {

8 margin: 0;	8 margin: 0;

9 }	9 }

10	10

(...skipping 29 matching lines...) Expand all Loading...
40 align-content: right;	40 align-content: right;

41 }	41 }

42	42

43 .alignContentFlexStart {	43 .alignContentFlexStart {

44 align-content: flex-start;	44 align-content: flex-start;

45 }	45 }

46	46

47 .alignContentFlexEnd {	47 .alignContentFlexEnd {

48 align-content: flex-end;	48 align-content: flex-end;

49 }	49 }

50

51 .alignContentEndTrue {

52 align-content: end true;

53 }

54

55 .alignContentCenterTrue {

56 align-content: center true;

57 }

58

59 .alignContentRightSafe {

60 align-content: right safe;

61 }

62

63 .alignContentLeftTrue {

64 align-content: left true;

65 }

66

67 </style>	50 </style>

68 </head>	51 </head>

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

70	53

71 <p>This test checks that the align-content property is applied correctly in vert ical-lr grids.</p>	54 <p>This test checks that the align-content property is applied correctly in vert ical-lr grids.</p>

72	55

73 <div style="position: relative">	56 <div style="position: relative">

74 <p>direction: LTR \| align-content: 'center'</p>	57 <p>direction: LTR \| align-content: 'center'</p>

75 <div class="grid verticalLR alignContentCenter" data-expected-width="300" da ta-expected-height="200">	58 <div class="grid verticalLR alignContentCenter" data-expected-width="300" da ta-expected-height="200">

76 <div class="cell firstRowFirstColumn" data-offset-x="50" data-offset-y=" 0" data-expected-width="20" data-expected-height="40"></div>	59 <div class="cell firstRowFirstColumn" data-offset-x="50" data-offset-y=" 0" data-expected-width="20" data-expected-height="40"></div>

(...skipping 89 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
166 <div class="grid directionRTL verticalLR alignContentEnd" data-expected-widt h="300" data-expected-height="200">	149 <div class="grid directionRTL verticalLR alignContentEnd" data-expected-widt h="300" data-expected-height="200">

167 <div class="cell firstRowFirstColumn" data-offset-x="100" data-offset-y= "160" data-expected-width="20" data-expected-height="40"></div>	150 <div class="cell firstRowFirstColumn" data-offset-x="100" data-offset-y= "160" data-expected-width="20" data-expected-height="40"></div>

168 <div class="firstRowSecondColumn" data-offset-x="100" data-offset-y="100 " data-expected-width="100" data-expected-height="50"></div>	151 <div class="firstRowSecondColumn" data-offset-x="100" data-offset-y="100 " data-expected-width="100" data-expected-height="50"></div>

169 <div class="secondRowFirstColumn" data-offset-x="200" data-offset-y="150 " data-expected-width="100" data-expected-height="50"></div>	152 <div class="secondRowFirstColumn" data-offset-x="200" data-offset-y="150 " data-expected-width="100" data-expected-height="50"></div>

170 <div class="cell secondRowSecondColumn" data-offset-x="200" data-offset- y="110" data-expected-width="20" data-expected-height="40"></div>	153 <div class="cell secondRowSecondColumn" data-offset-x="200" data-offset- y="110" data-expected-width="20" data-expected-height="40"></div>

171 </div>	154 </div>

172 </div>	155 </div>

173	156

174 </body>	157 </body>

175 </html>	158 </html>

OLD	NEW