LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-get-set.html - Issue 1168453002: [CSSGridLayout] Switch from parentheses to brackets for grid line names

Side by Side Diff: LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-get-set.html

Issue 1168453002: [CSSGridLayout] Switch from parentheses to brackets for grid line names (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Patch for landing v2 Created 5 years, 6 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/named-grid-lines-with-named-grid-areas-dynamic-get-set.html ('k') | LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.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 <style type="text/css">	5 <style type="text/css">

6	6

7 .gridAreas {	7 .gridAreas {

8 grid-template-areas: ". a a"	8 grid-template-areas: ". a a"

9 "c a a"	9 "c a a"

10 ". . d";	10 ". . d";

11 }	11 }

12	12

13 .gridNoLineNames {	13 .gridNoLineNames {

14 grid-template-columns: 50px 100px 200px;	14 grid-template-columns: 50px 100px 200px;

15 grid-template-rows: 50px 100px 200px;	15 grid-template-rows: 50px 100px 200px;

16 }	16 }

17	17

18 .gridUniqueNames {	18 .gridUniqueNames {

19 grid-template-columns: (a) 50px (b b-start) 100px (c) 200px (d);	19 grid-template-columns: [a] 50px [b b-start] 100px [c] 200px [d];

20 grid-template-rows: (e) 50px (f) 100px (g g-start) 200px (h);	20 grid-template-rows: [e] 50px [f] 100px [g g-start] 200px [h];

21 }	21 }

22	22

23 .gridWithNamedLineBeforeGridArea {	23 .gridWithNamedLineBeforeGridArea {

24 grid-template-columns: (a-start c-start) 50px (d-start) 100px 200px;	24 grid-template-columns: [a-start c-start] 50px [d-start] 100px 200px;

25 grid-template-rows: (c-start) 50px (d-start) 100px 200px;	25 grid-template-rows: [c-start] 50px [d-start] 100px 200px;

26 }	26 }

27	27

28 .gridWithNamedLineAfterGridArea {	28 .gridWithNamedLineAfterGridArea {

29 grid-template-columns: 50px 100px (a-start) 200px;	29 grid-template-columns: 50px 100px [a-start] 200px;

30 grid-template-rows: 50px 100px (c-start) 200px;	30 grid-template-rows: 50px 100px [c-start] 200px;

31 }	31 }

32	32

33 .gridWithEndLines {	33 .gridWithEndLines {

34 grid-template-columns: 50px 100px (a-end) 200px (c-end);	34 grid-template-columns: 50px 100px [a-end] 200px [c-end];

35 grid-template-rows: 50px (c-end) 100px (d-end) 200px;	35 grid-template-rows: 50px [c-end] 100px [d-end] 200px;

36 }	36 }

37	37

38 .gridRepeatedNames {	38 .gridRepeatedNames {

39 grid-template-columns: (d-start) 50px (d-start) 100px (d-start) 200px;	39 grid-template-columns: [d-start] 50px [d-start] 100px [d-start] 200px;

40 grid-template-rows: 50px (c-end) 100px (c-end) 200px (c-end);	40 grid-template-rows: 50px [c-end] 100px [c-end] 200px [c-end];

41 }	41 }

42	42

43 </style>	43 </style>

44 <script src="../../resources/js-test.js"></script>	44 <script src="../../resources/js-test.js"></script>

45 </head>	45 </head>

46 <body>	46 <body>

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

48 <div class="grid gridUniqueNames">	48 <div class="grid gridUniqueNames">

49 <div class="sizedToGridArea" style="grid-column: b;" id="GridUniqueColumnB"> </div>	49 <div class="sizedToGridArea" style="grid-column: b;" id="GridUniqueColumnB"> </div>

50 <div class="sizedToGridArea" style="grid-row: e;" id="GridUniqueRowE"></div>	50 <div class="sizedToGridArea" style="grid-row: e;" id="GridUniqueRowE"></div>

(...skipping 199 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
250 testColumnRowCSSParsing("GridAreasEndColumnARowC", "a / a", "c / c");	250 testColumnRowCSSParsing("GridAreasEndColumnARowC", "a / a", "c / c");

251 testColumnRowCSSParsing("GridAreasEndRowD", "auto / auto", "d / d");	251 testColumnRowCSSParsing("GridAreasEndRowD", "auto / auto", "d / d");

252 testColumnRowCSSParsing("GridAreasEndColumnARowD", "a / a", "d / d");	252 testColumnRowCSSParsing("GridAreasEndColumnARowD", "a / a", "d / d");

253	253

254 testColumnRowCSSParsing("GridAreasRepeatColumnDRowC", "d / d", "c / c");	254 testColumnRowCSSParsing("GridAreasRepeatColumnDRowC", "d / d", "c / c");

255 testColumnRowCSSParsing("GridAreasRepeatColumnDStartDEndRowCStartCEnd", "d-sta rt / d-end", "c-start / c-end");	255 testColumnRowCSSParsing("GridAreasRepeatColumnDStartDEndRowCStartCEnd", "d-sta rt / d-end", "c-start / c-end");

256 testColumnRowCSSParsing("GridAreasRepeatColumnCRowD", "c / c", "d / d");	256 testColumnRowCSSParsing("GridAreasRepeatColumnCRowD", "c / c", "d / d");

257 </script>	257 </script>

258 </body>	258 </body>

259 </html>	259 </html>

OLD	NEW