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

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-align-content-vertical-rl.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-vertical-lr.html ('k') | LayoutTests/fast/css-grid-layout/grid-content-alignment-overflow.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 30 matching lines...) Expand all Loading...
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	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>	51 </style>

68 </head>	52 </head>

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

70	54

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

72	56

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

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

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

76 <div class="cell firstRowFirstColumn" data-offset-x="230" data-offset-y= "0" data-expected-width="20" data-expected-height="40"></div>	60 <div class="cell firstRowFirstColumn" data-offset-x="230" 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 verticalRL alignContentEnd" data-expected-widt h="300" data-expected-height="200">	150 <div class="grid directionRTL verticalRL alignContentEnd" data-expected-widt h="300" data-expected-height="200">

167 <div class="cell firstRowFirstColumn" data-offset-x="180" data-offset-y= "160" data-expected-width="20" data-expected-height="40"></div>	151 <div class="cell firstRowFirstColumn" data-offset-x="180" 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>	152 <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="00" data-offset-y="150" data-expected-width="100" data-expected-height="50"></div>	153 <div class="secondRowFirstColumn" data-offset-x="00" data-offset-y="150" data-expected-width="100" data-expected-height="50"></div>

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

171 </div>	155 </div>

172 </div>	156 </div>

173	157

174 </body>	158 </body>

175 </html>	159 </html>

OLD	NEW