third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-unknown-named-grid-line.html - Issue 1838173002: [css-grid] Refactor positioned children code

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-unknown-named-grid-line.html

Issue 1838173002: [css-grid] Refactor positioned children code (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 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 | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-implicit-grid-line-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-unknown-named-grid-line-expected.txt » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')
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 <style>	3 <style>

4	4

5 .grid {	5 .grid {

6 grid-template-columns: 100px 200px;	6 grid-template-columns: 100px 200px;

7 grid-template-rows: 50px 150px;	7 grid-template-rows: 50px 150px;

8 width: 500px;	8 width: 500px;

9 height: 300px;	9 height: 300px;

10 border: 5px solid black;	10 border: 5px solid black;

(...skipping 19 matching lines...) Expand all Loading...
30 grid-row: 1 / bar;	30 grid-row: 1 / bar;

31 }	31 }

32	32

33 .startAndEndUnknownLines {	33 .startAndEndUnknownLines {

34 background-color: green;	34 background-color: green;

35 grid-column: foo / bar;	35 grid-column: foo / bar;

36 grid-row: foo / bar;	36 grid-row: foo / bar;

37 }	37 }

38	38

39 </style>	39 </style>

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

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

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

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

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

42	45

43 <p>This test checks that grid placement properties of absolutely positioned item s using unknown named grid lines are treated as "auto".</p>	46 <p>This test checks that grid placement properties of absolutely positioned item s using unknown named grid lines are treated as "auto".</p>

44	47

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

46 <div class="absolute sizedToGridArea startAndEndUnknownLines"	49 <div class="absolute sizedToGridArea startAndEndUnknownLines"

47 data-offset-x="15" data-offset-y="15" data-expected-width="530" data-exp ected-height="330">	50 data-offset-x="15" data-offset-y="15" data-expected-width="530" data-exp ected-height="330">

48 </div>	51 </div>

49 <div class="absolute sizedToGridArea endUnknownLine"	52 <div class="absolute sizedToGridArea endUnknownLine"

50 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp ected-height="315">	53 data-offset-x="15" data-offset-y="15" data-expected-width="515" data-exp ected-height="315">

51 </div>	54 </div>

52 <div class="absolute sizedToGridArea startUnknownLine"	55 <div class="absolute sizedToGridArea startUnknownLine"

53 data-offset-x="15" data-offset-y="15" data-expected-width="315" data-exp ected-height="215">	56 data-offset-x="15" data-offset-y="15" data-expected-width="315" data-exp ected-height="215">

54 </div>	57 </div>

55 </div>	58 </div>

56	59

	60 <div class="grid directionRTL">

	61 <div class="absolute sizedToGridArea startAndEndUnknownLines"

	62 data-offset-x="-15" data-offset-y="15" data-expected-width="530" data-ex pected-height="330">

	63 </div>

	64 <div class="absolute sizedToGridArea endUnknownLine"

	65 data-offset-x="0" data-offset-y="15" data-expected-width="515" data-expe cted-height="315">

	66 </div>

	67 <div class="absolute sizedToGridArea startUnknownLine"

	68 data-offset-x="200" data-offset-y="15" data-expected-width="315" data-ex pected-height="215">

	69 </div>

	70 </div>

	71

57 </body>	72 </body>

OLD	NEW