<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[213457] trunk/LayoutTests</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/213457">213457</a></dd>
<dt>Author</dt> <dd>rego@igalia.com</dd>
<dt>Date</dt> <dd>2017-03-06 11:09:41 -0800 (Mon, 06 Mar 2017)</dd>
</dl>

<h3>Log Message</h3>
<pre>[css-grid] Import W3C Test Suite
https://bugs.webkit.org/show_bug.cgi?id=169196

Reviewed by Youenn Fablet.

LayoutTests/imported/w3c:

This patch imports the CSS Grid Layout test suite from csswg-test repository:
https://github.com/w3c/csswg-test/tree/master/css-grid-1

* csswg-test/css-grid-1/OWNERS: Added.
* csswg-test/css-grid-1/README.md: Added.
* csswg-test/css-grid-1/grid-definition/fr-unit-expected.html: Added.
* csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage-expected.html: Added.
* csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage.html: Added.
* csswg-test/css-grid-1/grid-definition/fr-unit.html: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks-expected.html: Added.
* csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks.html: Added.
* csswg-test/css-grid-1/grid-definition/grid-layout-basic-expected.html: Added.
* csswg-test/css-grid-1/grid-definition/grid-layout-basic.html: Added.
* csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation-expected.html: Added.
* csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation.html: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-repeat-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001.xht: Added.
* csswg-test/css-grid-1/grid-definition/support/testing-utils.js: Added.
(checkGridTemplateRows):
(testGridTemplateColumnsRows):
(testGridTemplateAreas):
(TestingUtils):
* csswg-test/css-grid-1/grid-definition/support/w3c-import.log: Added.
* csswg-test/css-grid-1/grid-definition/w3c-import.log: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-items-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-items-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-items-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-items-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-items-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-items-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-item-containing-block-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-item-containing-block-001.html: Added.
* csswg-test/css-grid-1/grid-items/grid-item-containing-block-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-item-containing-block-002.html: Added.
* csswg-test/css-grid-1/grid-items/grid-item-containing-block-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-item-containing-block-003.html: Added.
* csswg-test/css-grid-1/grid-items/grid-item-containing-block-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-item-containing-block-004.html: Added.
* csswg-test/css-grid-1/grid-items/grid-items-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-items-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-items-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-items-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-items-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-items-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html: Added.
* csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid.html: Added.
* csswg-test/css-grid-1/grid-items/grid-layout-z-order-a-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-layout-z-order-a.html: Added.
* csswg-test/css-grid-1/grid-items/grid-layout-z-order-b-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-layout-z-order-b.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009-expected.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017.html: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018.html: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-005-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-order-property-painting-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006-expected.xht: Added.
* csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006.xht: Added.
* csswg-test/css-grid-1/grid-items/ref-filled-green-100px-square-image.html: Added.
* csswg-test/css-grid-1/grid-items/support/100x100-green.png: Added.
* csswg-test/css-grid-1/grid-items/support/100x50-green.png: Added.
* csswg-test/css-grid-1/grid-items/support/200x200-green.png: Added.
* csswg-test/css-grid-1/grid-items/support/50x100-green.png: Added.
* csswg-test/css-grid-1/grid-items/support/50x50-green.png: Added.
* csswg-test/css-grid-1/grid-items/support/w3c-import.log: Added.
* csswg-test/css-grid-1/grid-items/w3c-import.log: Added.
* csswg-test/css-grid-1/grid-layout-properties-expected.txt: Added.
* csswg-test/css-grid-1/grid-layout-properties.html: Added.
* csswg-test/css-grid-1/grid-model/display-grid-expected.html: Added.
* csswg-test/css-grid-1/grid-model/display-grid.html: Added.
* csswg-test/css-grid-1/grid-model/display-inline-grid-expected.html: Added.
* csswg-test/css-grid-1/grid-model/display-inline-grid.html: Added.
* csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-display-grid-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-display-grid-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-letter-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-letter-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-letter-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-letter-002.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-letter-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-letter-003.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-line-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-line-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-line-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-line-002.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-line-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-first-line-003.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-float-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-float-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-line-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-line-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-line-002-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-line-002.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-line-003-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-first-line-003.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-float-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-float-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-multicol-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-multicol-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-multicol-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-multicol-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-support-display-001-expected.txt: Added.
* csswg-test/css-grid-1/grid-model/grid-support-display-001.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-vertical-align-001-expected.xht: Added.
* csswg-test/css-grid-1/grid-model/grid-vertical-align-001.xht: Added.
* csswg-test/css-grid-1/grid-model/w3c-import.log: Added.
* csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001-expected.html: Added.
* csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001.html: Added.
* csswg-test/css-grid-1/implicit-grids/w3c-import.log: Added.
* csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit-expected.html: Added.
* csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit.html: Added.
* csswg-test/css-grid-1/layout-algorithm/w3c-import.log: Added.
* csswg-test/css-grid-1/placement/grid-layout-grid-span-expected.html: Added.
* csswg-test/css-grid-1/placement/grid-layout-grid-span.html: Added.
* csswg-test/css-grid-1/placement/grid-layout-lines-expected.html: Added.
* csswg-test/css-grid-1/placement/grid-layout-lines-shorthands-expected.html: Added.
* csswg-test/css-grid-1/placement/grid-layout-lines-shorthands.html: Added.
* csswg-test/css-grid-1/placement/grid-layout-lines.html: Added.
* csswg-test/css-grid-1/placement/grid-layout-placement-shorthands-expected.html: Added.
* csswg-test/css-grid-1/placement/grid-layout-placement-shorthands.html: Added.
* csswg-test/css-grid-1/placement/w3c-import.log: Added.
* csswg-test/css-grid-1/test-plan/index.html: Added.
* csswg-test/css-grid-1/test-plan/w3c-import.log: Added.
* csswg-test/css-grid-1/w3c-import.log: Added.
* resources/import-expectations.json:
* resources/resource-files.json:

LayoutTests:

A few tests are not passing yet, so the TextExpectations file
has been updated accordingly linking the different bugs.

* TestExpectations:</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsTestExpectations">trunk/LayoutTests/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsimportedw3cChangeLog">trunk/LayoutTests/imported/w3c/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsimportedw3cresourcesimportexpectationsjson">trunk/LayoutTests/imported/w3c/resources/import-expectations.json</a></li>
<li><a href="#trunkLayoutTestsimportedw3cresourcesresourcefilesjson">trunk/LayoutTests/imported/w3c/resources/resource-files.json</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1OWNERS">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/OWNERS</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1READMEmd">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/README.md</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionfrunitexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionfrunitwithpercentageexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionfrunitwithpercentagehtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionfrunithtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportflexiblelengths001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportflexiblelengths001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportgridtemplateareas001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportgridtemplateareas001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportgridtemplatecolumnsrows001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportgridtemplatecolumnsrows001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportnamedgridlines001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportnamedgridlines001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportrepeat001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportrepeat001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinetemplatecolumnsrowsresolvedvalues001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinetemplatecolumnsrowsresolvedvalues001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutautotracksexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutautotrackshtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutbasicexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutbasichtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutrepeatnotationexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutrepeatnotationhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportflexiblelengths001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportflexiblelengths001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportgridtemplateareas001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportgridtemplateareas001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportgridtemplatecolumnsrows001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportgridtemplatecolumnsrows001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportnamedgridlines001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportnamedgridlines001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportrepeat001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportrepeat001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridtemplatecolumnsrowsresolvedvalues001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridtemplatecolumnsrowsresolvedvalues001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001.xht</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionsupporttestingutilsjs">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/testing-utils.js</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionsupportw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/w3c-import.log</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitemsinlineblocks001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitemsinlineblocks001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement005expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting005expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering005expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems005expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems006expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems006xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock001html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock002html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock003html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock004html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemsinlineblocks001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemsinlineblocks001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemssizingalignment001expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemssizingalignment001html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutgridingridexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutgridingridhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutzorderaexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutzorderahtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutzorderbexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutzorderbhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems005expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems006expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems006xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems007expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems007xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems008expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems008xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems009expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems009xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems010expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems010html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems011expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems011html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems012expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems012html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems013expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems013html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems014expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems014html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems015expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems015html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems016expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems016html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems017expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems017html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems018expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems018html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement005expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting005expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering005expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems004expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems004xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems005expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems005xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems006expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems006xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsreffilledgreen100pxsquareimagehtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/ref-filled-green-100px-square-image.html</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport100x100greenpng">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x100-green.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport100x50greenpng">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x50-green.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport200x200greenpng">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/200x200-green.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport50x100greenpng">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x100-green.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport50x50greenpng">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x50-green.png</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupportw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridlayoutpropertiesexpectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridlayoutpropertieshtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties.html</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodeldisplaygridexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodeldisplaygridhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodeldisplayinlinegridexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodeldisplayinlinegridhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridcomputedvaluedisplayfloateditems001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridcomputedvaluedisplayfloateditems001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgriddisplaygrid001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgriddisplaygrid001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgriddisplayinlinegrid001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgriddisplayinlinegrid001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfloat001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfloat001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfloatsnointrude001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfloatsnointrude001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline002expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline002xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline003expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline003xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefloat001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefloat001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefloatsnointrude001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefloatsnointrude001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinemarginsnocollapse001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinemarginsnocollapse001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinemulticol001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinemulticol001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlineverticalalign001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlineverticalalign001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridmarginsnocollapse001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridmarginsnocollapse001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridmulticol001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridmulticol001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridsupportdisplay001expectedtxt">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001-expected.txt</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridsupportdisplay001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridverticalalign001expectedxht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001-expected.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridverticalalign001xht">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001.xht</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/w3c-import.log</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1implicitgridsgridsupportgridautocolumnsrows001expectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1implicitgridsgridsupportgridautocolumnsrows001html">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1implicitgridsw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/w3c-import.log</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1layoutalgorithmgridlayoutfreespaceunitexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1layoutalgorithmgridlayoutfreespaceunithtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1layoutalgorithmw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/w3c-import.log</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutgridspanexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutgridspanhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutlinesexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutlinesshorthandsexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutlinesshorthandshtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutlineshtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutplacementshorthandsexpectedhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands-expected.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutplacementshorthandshtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/w3c-import.log</a></li>
<li>trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/</li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1testplanindexhtml">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/index.html</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1testplanw3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/w3c-import.log</a></li>
<li><a href="#trunkLayoutTestsimportedw3ccsswgtestcssgrid1w3cimportlog">trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/w3c-import.log</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkLayoutTestsChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/ChangeLog (213456 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/ChangeLog        2017-03-06 19:01:41 UTC (rev 213456)
+++ trunk/LayoutTests/ChangeLog        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -1,3 +1,15 @@
</span><ins>+2017-03-06  Manuel Rego Casasnovas  &lt;rego@igalia.com&gt;
+
+        [css-grid] Import W3C Test Suite
+        https://bugs.webkit.org/show_bug.cgi?id=169196
+
+        Reviewed by Youenn Fablet.
+
+        A few tests are not passing yet, so the TextExpectations file
+        has been updated accordingly linking the different bugs.
+
+        * TestExpectations:
+
</ins><span class="cx"> 2017-03-06  Dave Hyatt  &lt;hyatt@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Enable fieldsets to be flexboxes, grids and multicolumn.
</span></span></pre></div>
<a id="trunkLayoutTestsTestExpectations"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/TestExpectations (213456 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/TestExpectations        2017-03-06 19:01:41 UTC (rev 213456)
+++ trunk/LayoutTests/TestExpectations        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -268,7 +268,20 @@
</span><span class="cx"> # grid layout tests
</span><span class="cx"> webkit.org/b/165062 fast/css-grid-layout/grid-baseline.html [ ImageOnlyFailure ]
</span><span class="cx"> webkit.org/b/165062 fast/css-grid-layout/grid-baseline-margins.html [ ImageOnlyFailure ]
</span><ins>+webkit.org/b/149891 imported/w3c/csswg-test/css-grid-1/grid-layout-properties.html [ Failure ]
+webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht [ Failure ]
+webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht [ Failure ]
+webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht [ Failure ]
+webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht [ Failure ]
+webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht [ Failure ]
+webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht [ Failure ]
+webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht [ Failure ]
+webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht [ Failure ]
+webkit.org/b/169198 imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html [ ImageOnlyFailure ]
+webkit.org/b/169197 imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007.xht [ ImageOnlyFailure ]
+webkit.org/b/169197 imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009.xht [ ImageOnlyFailure ]
</ins><span class="cx"> 
</span><ins>+
</ins><span class="cx"> # nth-child tests takes long time and Debug build sometimes timeouts because there are many test cases.
</span><span class="cx"> webkit.org/b/137149 fast/selectors/nth-child-of-basics.html [ Slow ]
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/ChangeLog (213456 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/ChangeLog        2017-03-06 19:01:41 UTC (rev 213456)
+++ trunk/LayoutTests/imported/w3c/ChangeLog        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -1,3 +1,296 @@
</span><ins>+2017-03-06  Manuel Rego Casasnovas  &lt;rego@igalia.com&gt;
+
+        [css-grid] Import W3C Test Suite
+        https://bugs.webkit.org/show_bug.cgi?id=169196
+
+        Reviewed by Youenn Fablet.
+
+        This patch imports the CSS Grid Layout test suite from csswg-test repository:
+        https://github.com/w3c/csswg-test/tree/master/css-grid-1
+
+        * csswg-test/css-grid-1/OWNERS: Added.
+        * csswg-test/css-grid-1/README.md: Added.
+        * csswg-test/css-grid-1/grid-definition/fr-unit-expected.html: Added.
+        * csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage-expected.html: Added.
+        * csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage.html: Added.
+        * csswg-test/css-grid-1/grid-definition/fr-unit.html: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks-expected.html: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks.html: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-layout-basic-expected.html: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-layout-basic.html: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation-expected.html: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation.html: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-repeat-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001.xht: Added.
+        * csswg-test/css-grid-1/grid-definition/support/testing-utils.js: Added.
+        (checkGridTemplateRows):
+        (testGridTemplateColumnsRows):
+        (testGridTemplateAreas):
+        (TestingUtils):
+        * csswg-test/css-grid-1/grid-definition/support/w3c-import.log: Added.
+        * csswg-test/css-grid-1/grid-definition/w3c-import.log: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-items-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-items-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-items-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-items-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-items-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-items-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-item-containing-block-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-item-containing-block-001.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-item-containing-block-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-item-containing-block-002.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-item-containing-block-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-item-containing-block-003.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-item-containing-block-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-item-containing-block-004.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-layout-z-order-a-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-layout-z-order-a.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-layout-z-order-b-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-layout-z-order-b.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009-expected.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018.html: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-005-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-order-property-painting-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006.xht: Added.
+        * csswg-test/css-grid-1/grid-items/ref-filled-green-100px-square-image.html: Added.
+        * csswg-test/css-grid-1/grid-items/support/100x100-green.png: Added.
+        * csswg-test/css-grid-1/grid-items/support/100x50-green.png: Added.
+        * csswg-test/css-grid-1/grid-items/support/200x200-green.png: Added.
+        * csswg-test/css-grid-1/grid-items/support/50x100-green.png: Added.
+        * csswg-test/css-grid-1/grid-items/support/50x50-green.png: Added.
+        * csswg-test/css-grid-1/grid-items/support/w3c-import.log: Added.
+        * csswg-test/css-grid-1/grid-items/w3c-import.log: Added.
+        * csswg-test/css-grid-1/grid-layout-properties-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-layout-properties.html: Added.
+        * csswg-test/css-grid-1/grid-model/display-grid-expected.html: Added.
+        * csswg-test/css-grid-1/grid-model/display-grid.html: Added.
+        * csswg-test/css-grid-1/grid-model/display-inline-grid-expected.html: Added.
+        * csswg-test/css-grid-1/grid-model/display-inline-grid.html: Added.
+        * csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-display-grid-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-display-grid-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-letter-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-letter-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-letter-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-letter-002.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-letter-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-letter-003.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-line-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-line-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-line-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-line-002.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-line-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-first-line-003.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-float-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-float-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-line-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-line-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-line-002-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-line-002.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-line-003-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-first-line-003.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-float-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-float-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-multicol-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-multicol-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-multicol-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-multicol-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-support-display-001-expected.txt: Added.
+        * csswg-test/css-grid-1/grid-model/grid-support-display-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-vertical-align-001-expected.xht: Added.
+        * csswg-test/css-grid-1/grid-model/grid-vertical-align-001.xht: Added.
+        * csswg-test/css-grid-1/grid-model/w3c-import.log: Added.
+        * csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001-expected.html: Added.
+        * csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001.html: Added.
+        * csswg-test/css-grid-1/implicit-grids/w3c-import.log: Added.
+        * csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit-expected.html: Added.
+        * csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit.html: Added.
+        * csswg-test/css-grid-1/layout-algorithm/w3c-import.log: Added.
+        * csswg-test/css-grid-1/placement/grid-layout-grid-span-expected.html: Added.
+        * csswg-test/css-grid-1/placement/grid-layout-grid-span.html: Added.
+        * csswg-test/css-grid-1/placement/grid-layout-lines-expected.html: Added.
+        * csswg-test/css-grid-1/placement/grid-layout-lines-shorthands-expected.html: Added.
+        * csswg-test/css-grid-1/placement/grid-layout-lines-shorthands.html: Added.
+        * csswg-test/css-grid-1/placement/grid-layout-lines.html: Added.
+        * csswg-test/css-grid-1/placement/grid-layout-placement-shorthands-expected.html: Added.
+        * csswg-test/css-grid-1/placement/grid-layout-placement-shorthands.html: Added.
+        * csswg-test/css-grid-1/placement/w3c-import.log: Added.
+        * csswg-test/css-grid-1/test-plan/index.html: Added.
+        * csswg-test/css-grid-1/test-plan/w3c-import.log: Added.
+        * csswg-test/css-grid-1/w3c-import.log: Added.
+        * resources/import-expectations.json:
+        * resources/resource-files.json:
+
</ins><span class="cx"> 2017-03-04  Chris Dumez  &lt;cdumez@apple.com&gt;
</span><span class="cx"> 
</span><span class="cx">         Rebaseline W3C test after r213412.
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1OWNERS"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/OWNERS (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/OWNERS                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/OWNERS        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,7 @@
</span><ins>+@mrego
+@tomalec
+@plinss
+@jxs
+@tabatkins
+@fantasai
+@atanassov
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1READMEmd"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/README.md (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/README.md                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/README.md        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,36 @@
</span><ins>+CSS Grid Layout Module Level 1 Test Suite
+-----------------------------------------
+
+Directory containing the CSS Grid Layout spec test suite.
+
+This suite is structured in different folders for each section of the spec
+(the name of the folders corresponds to the &quot;id&quot; of each section):
+
+* [3 Grid Containers](https://drafts.csswg.org/css-grid-1/#grid-model):
+  `grid-model`
+* [4 Grid Items](https://drafts.csswg.org/css-grid-1/#grid-items):
+  `grid-items`
+* [5 The Explicit Grid](https://drafts.csswg.org/css-grid-1/#grid-definition):
+  `grid-definition`
+* [6 The Implicit Grid](https://drafts.csswg.org/css-grid-1/#implicit-grids):
+  `implicit-grids`
+* [7 Grid Definition Shorthand](https://drafts.csswg.org/css-grid-1/#grid-shorthand):
+  `grid-shorthand`
+* [8 Clamping Overlarge Grids](https://drafts.csswg.org/css-grid-1/#overlarge-grids):
+  `overlarge-grids`
+* [9 Placing Grid Items](https://drafts.csswg.org/css-grid-1/#placement):
+  `placement`
+* [10 Absolute Positioning](https://drafts.csswg.org/css-grid-1/#abspos):
+  `abspos`
+* [11 Alignment and Spacing](https://drafts.csswg.org/css-grid-1/#alignment):
+  `alignment`
+* [12 Grid Sizing](https://drafts.csswg.org/css-grid-1/#layout-algorithm):
+  `layout-algorithm`
+* [13 Fragmenting Grid Layout](https://drafts.csswg.org/css-grid-1/#pagination):
+  `pagination`
+
+Links:
+
+* [Spec Editor's Draft](https://drafts.csswg.org/css-grid-1/)
+* [Test Plan](http://test.csswg.org/source/css-grid-1/test-plan/)
+* [Test Suite](http://test.csswg.org/suites/css-grid-1_dev/nightly-unstable/)
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionfrunitexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;CSS3 Grid Layout: Reference File&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;swain&quot; href=&quot;mailto:swainet@126.com&quot;/&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;/&gt; &lt;!--  2013-09-22  --&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #container {
+      position:relative;
+      width:400px;
+      height:100px;
+    }
+
+    .error {
+      position:absolute;
+      top:0;
+      left:0;
+      height:100%;
+      width:100%;
+      z-index:-1;
+    }
+
+    #table {
+      width:100%;
+      height:100%;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:first-child td {
+      height:30px;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p&gt;Test passes if there is a green square and no red.&lt;/p&gt;
+
+&lt;div id=&quot;container&quot;&gt;
+  &lt;div class=&quot;error&quot;&gt;
+    &lt;table id=&quot;table&quot;&gt;
+      &lt;tbody&gt;
+      &lt;tr&gt;
+        &lt;td&gt;cell1&lt;/td&gt;
+        &lt;td&gt;cell2&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td&gt;cell3&lt;/td&gt;
+        &lt;td style=&quot;background-color:green&quot;&gt;cell4&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;/tbody&gt;
+    &lt;/table&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionfrunitwithpercentageexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,63 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;CSS3 Grid Layout: Reference File&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;swain&quot; href=&quot;mailto:swainet@126.com&quot;/&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;/&gt; &lt;!--  2013-09-22  --&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #container {
+      position:relative;
+      width:400px;
+      height:100px;
+    }
+
+    .error {
+      position:absolute;
+      top:0;
+      left:0;
+      height:100%;
+      width:100%;
+      z-index:-1;
+    }
+
+    #table {
+      width:100%;
+      height:100%;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:first-child td {
+      height:30px;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p&gt;Test passes if there is a green square and no red.&lt;/p&gt;
+
+&lt;div id=&quot;container&quot;&gt;
+  &lt;div class=&quot;error&quot;&gt;
+    &lt;table id=&quot;table&quot;&gt;
+      &lt;tbody&gt;
+      &lt;tr&gt;
+        &lt;td&gt;cell1&lt;/td&gt;
+        &lt;td&gt;cell2&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td&gt;cell3&lt;/td&gt;
+        &lt;td style=&quot;background-color:green&quot;&gt;cell4&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;/tbody&gt;
+    &lt;/table&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionfrunitwithpercentagehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,102 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;CSS3 Grid Layout: Flexible Lenght&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;swain&quot; href=&quot;mailto:swainet@126.com&quot;/&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;/&gt; &lt;!--  2013-09-22  --&gt;
+  &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#fr-unit&quot;/&gt;
+  &lt;link rel=&quot;match&quot; href=&quot;../reference/fr-unit-with-percentage-ref.html&quot;&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #container {
+      position:relative;
+      width:400px;
+      height:100px;
+    }
+
+    #grid {
+      display:grid;
+      grid-template-columns:1fr 75%;
+      grid-template-rows:1fr 70%;
+      width:100%;
+      height:100%;
+    }
+
+    #cell1 {
+      grid-column:1;
+      grid-row:1;
+    }
+
+    #cell2 {
+      grid-column:2;
+      grid-row:1;
+    }
+
+    #cell3 {
+      grid-column:1;
+      grid-row:2;
+      height:100%;
+    }
+
+    #cell4 {
+      grid-column:2;
+      grid-row:2;
+      background-color:green;
+      height:100%;
+    }
+
+    .error {
+      position:absolute;
+      top:0;
+      left:0;
+      height:100%;
+      width:100%;
+      z-index:-1;
+    }
+
+    #table {
+      width:100%;
+      height:100%;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:first-child td {
+      height:30px;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p&gt;Test passes if there is a green square and no red.&lt;/p&gt;
+
+&lt;div id=&quot;container&quot;&gt;
+  &lt;div id=&quot;grid&quot;&gt;
+    &lt;div id=&quot;cell1&quot;&gt;cell1&lt;/div&gt;
+    &lt;div id=&quot;cell2&quot;&gt;cell2&lt;/div&gt;
+    &lt;div id=&quot;cell3&quot;&gt;cell3&lt;/div&gt;
+    &lt;div id=&quot;cell4&quot;&gt;cell4&lt;/div&gt;
+  &lt;/div&gt;
+  &lt;div class=&quot;error&quot;&gt;
+    &lt;table id=&quot;table&quot;&gt;
+      &lt;tbody&gt;
+      &lt;tr&gt;
+        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
+        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
+        &lt;td style=&quot;background-color:red&quot;&gt;&amp;nbsp;&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;/tbody&gt;
+    &lt;/table&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionfrunithtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,105 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;CSS3 Grid Layout: Flexible Length&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;swain&quot; href=&quot;mailto:swainet@126.com&quot;/&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;/&gt; &lt;!--  2013-09-22  --&gt;
+  &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#fr-unit&quot;/&gt;
+  &lt;link rel=&quot;match&quot; href=&quot;../reference/fr-unit-ref.html&quot;&gt;
+  &lt;meta name=&quot;assert&quot; content=&quot;'fr' unit represents a fraction of the free space in the grid container.&quot;/&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #container {
+      position:relative;
+      width:400px;
+      height:100px;
+    }
+
+    #grid {
+      display:grid;
+      grid-template-columns:100px 1fr;
+      grid-template-rows:30px 1fr;
+      width:100%;
+      height:100%;
+    }
+
+    #cell1 {
+      grid-column:1;
+      grid-row:1;
+      height:30px;
+    }
+
+    #cell2 {
+      grid-column:2;
+      grid-row:1;
+      height:30px;
+    }
+
+    #cell3 {
+      grid-column:1;
+      grid-row:2;
+      height:100%;
+    }
+
+    #cell4 {
+      grid-column:2;
+      grid-row:2;
+      background-color:green;
+      height:100%;
+    }
+
+    .error {
+      position:absolute;
+      top:0;
+      left:0;
+      height:100%;
+      width:100%;
+      z-index:-1;
+    }
+
+    #table {
+      width:100%;
+      height:100%;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:first-child td {
+      height:30px;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p&gt;Test passes if there is a green square and no red.&lt;/p&gt;
+
+&lt;div id=&quot;container&quot;&gt;
+  &lt;div id=&quot;grid&quot;&gt;
+    &lt;div id=&quot;cell1&quot;&gt;cell1&lt;/div&gt;
+    &lt;div id=&quot;cell2&quot;&gt;cell2&lt;/div&gt;
+    &lt;div id=&quot;cell3&quot;&gt;cell3&lt;/div&gt;
+    &lt;div id=&quot;cell4&quot;&gt;cell4&lt;/div&gt;
+  &lt;/div&gt;
+  &lt;div class=&quot;error&quot;&gt;
+    &lt;table id=&quot;table&quot;&gt;
+      &lt;tbody&gt;
+      &lt;tr&gt;
+        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
+        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
+        &lt;td style=&quot;background-color:red&quot;&gt;&amp;nbsp;&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;/tbody&gt;
+    &lt;/table&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportflexiblelengths001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,65 @@
</span><ins>+
+PASS 'emptyGrid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 2fr; and grid-template-rows: 2fr; 
+PASS 'grid' with: grid-template-columns: 2fr; and grid-template-rows: 2fr; 
+PASS 'emptyGrid' with: grid-template-columns: 10fr; and grid-template-rows: 10fr; 
+PASS 'grid' with: grid-template-columns: 10fr; and grid-template-rows: 10fr; 
+PASS 'emptyGrid' with: grid-template-columns: 0.5fr; and grid-template-rows: 0.5fr; 
+PASS 'grid' with: grid-template-columns: 0.5fr; and grid-template-rows: 0.5fr; 
+PASS 'emptyGrid' with: grid-template-columns: .5fr; and grid-template-rows: .5fr; 
+PASS 'grid' with: grid-template-columns: .5fr; and grid-template-rows: .5fr; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(100px, 1fr); and grid-template-rows: minmax(100px, 1fr); 
+PASS 'grid' with: grid-template-columns: minmax(100px, 1fr); and grid-template-rows: minmax(100px, 1fr); 
+PASS 'emptyGrid' with: grid-template-columns: minmax(1fr, 1fr); and grid-template-rows: minmax(1fr, 1fr); 
+PASS 'grid' with: grid-template-columns: minmax(1fr, 1fr); and grid-template-rows: minmax(1fr, 1fr); 
+PASS 'emptyGrid' with: grid-template-columns: 1fr 1fr; and grid-template-rows: 1fr 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr 1fr; and grid-template-rows: 1fr 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 0.25fr 0.75fr; and grid-template-rows: 0.25fr 0.75fr; 
+PASS 'grid' with: grid-template-columns: 0.25fr 0.75fr; and grid-template-rows: 0.25fr 0.75fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1fr 2fr 1fr; and grid-template-rows: 1fr 2fr 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr 2fr 1fr; and grid-template-rows: 1fr 2fr 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: auto 1fr 4fr 3fr 2fr; and grid-template-rows: auto 1fr 4fr 3fr 2fr; 
+PASS 'grid' with: grid-template-columns: auto 1fr 4fr 3fr 2fr; and grid-template-rows: auto 1fr 4fr 3fr 2fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1fr 4fr 100px 3fr 2fr; and grid-template-rows: 1fr 4fr 100px 3fr 2fr; 
+PASS 'grid' with: grid-template-columns: 1fr 4fr 100px 3fr 2fr; and grid-template-rows: 1fr 4fr 100px 3fr 2fr; 
+PASS 'emptyGrid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr; 
+PASS 'grid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: max-content 1fr; and grid-template-rows: max-content 1fr; 
+PASS 'grid' with: grid-template-columns: max-content 1fr; and grid-template-rows: max-content 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: min-content 1fr; and grid-template-rows: min-content 1fr; 
+PASS 'grid' with: grid-template-columns: min-content 1fr; and grid-template-rows: min-content 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1fr auto; and grid-template-rows: 1fr auto; 
+PASS 'grid' with: grid-template-columns: 1fr auto; and grid-template-rows: 1fr auto; 
+PASS 'emptyGrid' with: grid-template-columns: 300px 1fr; and grid-template-rows: 200px 1fr; 
+PASS 'grid' with: grid-template-columns: 300px 1fr; and grid-template-rows: 200px 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 800px 1fr; and grid-template-rows: 600px 1fr; 
+PASS 'grid' with: grid-template-columns: 800px 1fr; and grid-template-rows: 600px 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1000px 1fr; and grid-template-rows: 700px 1fr; 
+PASS 'grid' with: grid-template-columns: 1000px 1fr; and grid-template-rows: 700px 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: calc(50px + 50%) 1fr; and grid-template-rows: calc(50px + 50%) 1fr; 
+PASS 'grid' with: grid-template-columns: calc(50px + 50%) 1fr; and grid-template-rows: calc(50px + 50%) 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(100px, 300px) 1fr; and grid-template-rows: minmax(100px, 200px) 1fr; 
+PASS 'grid' with: grid-template-columns: minmax(100px, 300px) 1fr; and grid-template-rows: minmax(100px, 200px) 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: repeat(4, 1fr); and grid-template-rows: repeat(4, 1fr); 
+PASS 'grid' with: grid-template-columns: repeat(4, 1fr); and grid-template-rows: repeat(4, 1fr); 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(4, [b] 1fr [c]) [d]; and grid-template-rows: [z] repeat(4, [y] 1fr) [x]; 
+PASS 'grid' with: grid-template-columns: [a] repeat(4, [b] 1fr [c]) [d]; and grid-template-rows: [z] repeat(4, [y] 1fr) [x]; 
+PASS 'emptyGrid' with: grid-template-columns: fr; and grid-template-rows: fr; 
+PASS 'grid' with: grid-template-columns: fr; and grid-template-rows: fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1 fr; and grid-template-rows: 1 fr; 
+PASS 'grid' with: grid-template-columns: 1 fr; and grid-template-rows: 1 fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1free-space; and grid-template-rows: 1free-space; 
+PASS 'grid' with: grid-template-columns: 1free-space; and grid-template-rows: 1free-space; 
+PASS 'emptyGrid' with: grid-template-columns: -2fr; and grid-template-rows: -2fr; 
+PASS 'grid' with: grid-template-columns: -2fr; and grid-template-rows: -2fr; 
+PASS 'emptyGrid' with: grid-template-columns: 0,5fr; and grid-template-rows: 0,5fr; 
+PASS 'grid' with: grid-template-columns: 0,5fr; and grid-template-rows: 0,5fr; 
+PASS 'emptyGrid' with: grid-template-columns: calc(1fr + 100px); and grid-template-rows: calc(1fr + 100px); 
+PASS 'grid' with: grid-template-columns: calc(1fr + 100px); and grid-template-rows: calc(1fr + 100px); 
+PASS 'emptyGrid' with: grid-template-columns: (1fr) auto; and grid-template-rows: (1fr) auto; 
+PASS 'grid' with: grid-template-columns: (1fr) auto; and grid-template-rows: (1fr) auto; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(1fr, 1000px); and grid-template-rows: minmax(1fr, 700px); 
+PASS 'grid' with: grid-template-columns: minmax(1fr, 1000px); and grid-template-rows: minmax(1fr, 700px); 
+GRID ITEM
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportflexiblelengths001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,105 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#fr-unit&quot; title=&quot;5.1.3 Flexible Lengths: the fr unit&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit) within an inline grid, so you can use it to represent a fraction of the free space in the grid container.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;emptyGrid&quot; class=&quot;inline-grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot; class=&quot;inline-grid&quot;&gt;
+            &lt;div&gt;GRID ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Valid values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr&quot;, &quot;1fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr&quot;, &quot;1fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;2fr&quot;, &quot;2fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;2fr&quot;, &quot;2fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;10fr&quot;, &quot;10fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;10fr&quot;, &quot;10fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;0.5fr&quot;, &quot;0.5fr&quot;, &quot;400px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;0.5fr&quot;, &quot;0.5fr&quot;, &quot;400px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;.5fr&quot;, &quot;.5fr&quot;, &quot;400px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;.5fr&quot;, &quot;.5fr&quot;, &quot;400px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(100px, 1fr)&quot;, &quot;minmax(100px, 1fr)&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(100px, 1fr)&quot;, &quot;minmax(100px, 1fr)&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(1fr, 1fr)&quot;, &quot;minmax(1fr, 1fr)&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(1fr, 1fr)&quot;, &quot;minmax(1fr, 1fr)&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr 1fr&quot;, &quot;1fr 1fr&quot;, [&quot;400px 400px&quot;, &quot;repeat(2, 400px)&quot;], [&quot;300px 300px&quot;, &quot;repeat(2, 300px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr 1fr&quot;, &quot;1fr 1fr&quot;, [&quot;400px 400px&quot;, &quot;repeat(2, 400px)&quot;], [&quot;300px 300px&quot;, &quot;repeat(2, 300px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;0.25fr 0.75fr&quot;, &quot;0.25fr 0.75fr&quot;, &quot;200px 600px&quot;, &quot;150px 450px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;0.25fr 0.75fr&quot;, &quot;0.25fr 0.75fr&quot;, &quot;200px 600px&quot;, &quot;150px 450px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr 2fr 1fr&quot;, &quot;1fr 2fr 1fr&quot;, &quot;200px 400px 200px&quot;, &quot;150px 300px 150px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr 2fr 1fr&quot;, &quot;1fr 2fr 1fr&quot;, &quot;200px 400px 200px&quot;, &quot;150px 300px 150px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto 1fr 4fr 3fr 2fr&quot;, &quot;auto 1fr 4fr 3fr 2fr&quot;, &quot;0px 80px 320px 240px 160px&quot;, &quot;0px 60px 240px 180px 120px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto 1fr 4fr 3fr 2fr&quot;, &quot;auto 1fr 4fr 3fr 2fr&quot;, &quot;90px 71px 284px 213px 142px&quot;, &quot;10px 59px 236px 177px 118px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr 4fr 100px 3fr 2fr&quot;, &quot;1fr 4fr 100px 3fr 2fr&quot;, &quot;70px 280px 100px 210px 140px&quot;, &quot;50px 200px 100px 150px 100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr 4fr 100px 3fr 2fr&quot;, &quot;1fr 4fr 100px 3fr 2fr&quot;, &quot;70px 280px 100px 210px 140px&quot;, &quot;50px 200px 100px 150px 100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto 1fr&quot;, &quot;auto 1fr&quot;, &quot;0px 800px&quot;, &quot;0px 600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto 1fr&quot;, &quot;auto 1fr&quot;, &quot;90px 710px&quot;, &quot;10px 590px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;max-content 1fr&quot;, &quot;max-content 1fr&quot;, &quot;0px 800px&quot;, &quot;0px 600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;max-content 1fr&quot;, &quot;max-content 1fr&quot;, &quot;90px 710px&quot;, &quot;10px 590px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;min-content 1fr&quot;, &quot;min-content 1fr&quot;, &quot;0px 800px&quot;, &quot;0px 600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;min-content 1fr&quot;, &quot;min-content 1fr&quot;, &quot;40px 760px&quot;, &quot;20px 580px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr auto&quot;, &quot;1fr auto&quot;, &quot;800px 0px&quot;, &quot;600px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr auto&quot;, &quot;1fr auto&quot;, &quot;800px 0px&quot;, &quot;600px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;300px 1fr&quot;, &quot;200px 1fr&quot;, &quot;300px 500px&quot;, &quot;200px 400px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;300px 1fr&quot;, &quot;200px 1fr&quot;, &quot;300px 500px&quot;, &quot;200px 400px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;800px 1fr&quot;, &quot;600px 1fr&quot;, &quot;800px 0px&quot;, &quot;600px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;800px 1fr&quot;, &quot;600px 1fr&quot;, &quot;800px 0px&quot;, &quot;600px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1000px 1fr&quot;, &quot;700px 1fr&quot;, &quot;1000px 0px&quot;, &quot;700px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1000px 1fr&quot;, &quot;700px 1fr&quot;, &quot;1000px 0px&quot;, &quot;700px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;calc(50px + 50%) 1fr&quot;, &quot;calc(50px + 50%) 1fr&quot;, &quot;450px 350px&quot;, &quot;350px 250px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;calc(50px + 50%) 1fr&quot;, &quot;calc(50px + 50%) 1fr&quot;, &quot;450px 350px&quot;, &quot;350px 250px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(100px, 300px) 1fr&quot;, &quot;minmax(100px, 200px) 1fr&quot;, &quot;300px 500px&quot;, &quot;200px 400px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(100px, 300px) 1fr&quot;, &quot;minmax(100px, 200px) 1fr&quot;, &quot;300px 500px&quot;, &quot;200px 400px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(4, 1fr)&quot;, &quot;repeat(4, 1fr)&quot;, [&quot;200px 200px 200px 200px&quot;, &quot;repeat(4, 200px)&quot;], [&quot;150px 150px 150px 150px&quot;, &quot;repeat(4, 150px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(4, 1fr)&quot;, &quot;repeat(4, 1fr)&quot;, [&quot;200px 200px 200px 200px&quot;, &quot;repeat(4, 200px)&quot;], [&quot;150px 150px 150px 150px&quot;, &quot;repeat(4, 150px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(4, [b] 1fr [c]) [d]&quot;, &quot;[z] repeat(4, [y] 1fr) [x]&quot;, [&quot;[a b] 200px [c b] 200px [c b] 200px [c b] 200px [c d]&quot;, &quot;[a] repeat(4, [b] 200px [c]) [d]&quot;], [&quot;[z y] 150px [y] 150px [y] 150px [y] 150px [x]&quot;, &quot;[z] repeat(4, [y] 150px) [x]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(4, [b] 1fr [c]) [d]&quot;, &quot;[z] repeat(4, [y] 1fr) [x]&quot;, [&quot;[a b] 200px [c b] 200px [c b] 200px [c b] 200px [c d]&quot;, &quot;[a] repeat(4, [b] 200px [c]) [d]&quot;], [&quot;[z y] 150px [y] 150px [y] 150px [y] 150px [x]&quot;, &quot;[z] repeat(4, [y] 150px) [x]&quot;]);
+
+            // Reset values.
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateRows = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateRows = &quot;&quot;;
+
+            // Wrong values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;fr&quot;, &quot;fr&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;fr&quot;, &quot;fr&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1 fr&quot;, &quot;1 fr&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1 fr&quot;, &quot;1 fr&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1free-space&quot;, &quot;1free-space&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1free-space&quot;, &quot;1free-space&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;-2fr&quot;, &quot;-2fr&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;-2fr&quot;, &quot;-2fr&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;0,5fr&quot;, &quot;0,5fr&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;0,5fr&quot;, &quot;0,5fr&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;calc(1fr + 100px)&quot;, &quot;calc(1fr + 100px)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;calc(1fr + 100px)&quot;, &quot;calc(1fr + 100px)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;(1fr) auto&quot;, &quot;(1fr) auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;(1fr) auto&quot;, &quot;(1fr) auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(1fr, 1000px)&quot;, &quot;minmax(1fr, 700px)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(1fr, 1000px)&quot;, &quot;minmax(1fr, 700px)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportgridtemplateareas001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+
+PASS 'inline-grid' with: grid-template-areas: none; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;.&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;lower UPPER 10 -minus _low 1-st Â©copy_right line¶&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot; &quot;c d&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a     b&quot;     &quot;c     d&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot;&quot;c d&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot;        &quot;c d&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot;
+&quot;c d&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot; &quot;a b&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a a&quot; &quot;b b&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;. a .&quot; &quot;b a c&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;.. a ...&quot; &quot;b a c&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;.a...&quot; &quot;b a c&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;head head&quot; &quot;nav main&quot; &quot;foot ....&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;head head&quot; &quot;nav main&quot; &quot;foot.&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;... header header ....&quot; &quot;nav main main main&quot; &quot;nav footer footer ....&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;...header header....&quot; &quot;nav main main main&quot; &quot;nav footer footer....&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;title stats&quot; &quot;score stats&quot; &quot;board board&quot; &quot;ctrls ctrls&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;title board&quot; &quot;stats board&quot; &quot;score ctrls&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;. a&quot; &quot;b a&quot; &quot;. a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;.. a&quot; &quot;b a&quot; &quot;... a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;..a&quot; &quot;b a&quot; &quot;.a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a a a&quot; &quot;b b b&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;. .&quot; &quot;a a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;... ....&quot; &quot;a a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: a; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a&quot; &quot;b c&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot; &quot;c&quot; &quot;d e&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b c&quot; &quot;d e&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot;-&quot;c d&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot; - &quot;c d&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot; . &quot;c d&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a&quot; &quot;b&quot; &quot;a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot; &quot;b b&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;b a&quot; &quot;b b&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a b&quot; &quot;b a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;a .&quot; &quot;. a&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;,&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;10%&quot;; 
+PASS 'inline-grid' with: grid-template-areas: &quot;USD$&quot;; 
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportgridtemplateareas001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,77 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support for 'grid-template-ares' property within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-template-areas-property&quot; title=&quot;5.2 Named Areas: the 'grid-template-areas' property&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid-template-areas' is supported in an inline grid. So you can define the grid structure.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: inline-grid;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;&lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Single values.
+            TestingUtils.testGridTemplateAreas('inline-grid', 'none', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a&quot;', '&quot;a&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;.&quot;', '&quot;.&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;lower UPPER 10 -minus _low 1-st Â©copy_right line¶&quot;', '&quot;lower UPPER 10 -minus _low 1-st Â©copy_right line¶&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot;', '&quot;a b&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot; &quot;c d&quot;', '&quot;a b&quot; &quot;c d&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a     b&quot;     &quot;c     d&quot;', ['&quot;a b&quot; &quot;c d&quot;', '&quot;a     b&quot; &quot;c     d&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot;&quot;c d&quot;', '&quot;a b&quot; &quot;c d&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot;\t&quot;c d&quot;', '&quot;a b&quot; &quot;c d&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot;\n&quot;c d&quot;', '&quot;a b&quot; &quot;c d&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot; &quot;a b&quot;', '&quot;a b&quot; &quot;a b&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a a&quot; &quot;b b&quot;', '&quot;a a&quot; &quot;b b&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;. a .&quot; &quot;b a c&quot;', '&quot;. a .&quot; &quot;b a c&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;.. a ...&quot; &quot;b a c&quot;', ['&quot;. a .&quot; &quot;b a c&quot;', '&quot;.. a ...&quot; &quot;b a c&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;.a...&quot; &quot;b a c&quot;', ['&quot;. a .&quot; &quot;b a c&quot;', '&quot;.a...&quot; &quot;b a c&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;', '&quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;head head&quot; &quot;nav main&quot; &quot;foot ....&quot;', ['&quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;', '&quot;head head&quot; &quot;nav main&quot; &quot;foot ....&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;head head&quot; &quot;nav main&quot; &quot;foot.&quot;', ['&quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;', '&quot;head head&quot; &quot;nav main&quot; &quot;foot.&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;', '&quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;... header header ....&quot; &quot;nav main main main&quot; &quot;nav footer footer ....&quot;', ['&quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;', '&quot;... header header ....&quot; &quot;nav main main main&quot; &quot;nav footer footer ....&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;...header header....&quot; &quot;nav main main main&quot; &quot;nav footer footer....&quot;', ['&quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;', '&quot;...header header....&quot; &quot;nav main main main&quot; &quot;nav footer footer....&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;title stats&quot; &quot;score stats&quot; &quot;board board&quot; &quot;ctrls ctrls&quot;', '&quot;title stats&quot; &quot;score stats&quot; &quot;board board&quot; &quot;ctrls ctrls&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;title board&quot; &quot;stats board&quot; &quot;score ctrls&quot;', '&quot;title board&quot; &quot;stats board&quot; &quot;score ctrls&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;. a&quot; &quot;b a&quot; &quot;. a&quot;', '&quot;. a&quot; &quot;b a&quot; &quot;. a&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;.. a&quot; &quot;b a&quot; &quot;... a&quot;', ['&quot;. a&quot; &quot;b a&quot; &quot;. a&quot;', '&quot;.. a&quot; &quot;b a&quot; &quot;... a&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;..a&quot; &quot;b a&quot; &quot;.a&quot;', ['&quot;. a&quot; &quot;b a&quot; &quot;. a&quot;', '&quot;..a&quot; &quot;b a&quot; &quot;.a&quot;']);
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a a a&quot; &quot;b b b&quot;', '&quot;a a a&quot; &quot;b b b&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;. .&quot; &quot;a a&quot;', '&quot;. .&quot; &quot;a a&quot;');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;... ....&quot; &quot;a a&quot;', ['&quot;. .&quot; &quot;a a&quot;', '&quot;... ....&quot; &quot;a a&quot;']);
+
+            // Reset values.
+            document.getElementById('inline-grid').style.gridTemplateAreas = '';
+
+            // Wrong values.
+            TestingUtils.testGridTemplateAreas('inline-grid', 'a', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a&quot; &quot;b c&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot; &quot;c&quot; &quot;d e&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b c&quot; &quot;d e&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot;-&quot;c d&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot; - &quot;c d&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot; . &quot;c d&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b a&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a&quot; &quot;b&quot; &quot;a&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot; &quot;b b&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;b a&quot; &quot;b b&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a b&quot; &quot;b a&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;a .&quot; &quot;. a&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;,&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;10%&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('inline-grid', '&quot;USD$&quot;', 'none');
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportgridtemplatecolumnsrows001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+
+PASS 'emptyGrid' with: grid-template-columns: none; and grid-template-rows: none; 
+PASS 'grid' with: grid-template-columns: none; and grid-template-rows: none; 
+PASS 'emptyGrid' with: grid-template-columns: auto; and grid-template-rows: auto; 
+PASS 'grid' with: grid-template-columns: auto; and grid-template-rows: auto; 
+PASS 'emptyGrid' with: grid-template-columns: 500px; and grid-template-rows: 300px; 
+PASS 'grid' with: grid-template-columns: 500px; and grid-template-rows: 300px; 
+PASS 'emptyGrid' with: grid-template-columns: 40em; and grid-template-rows: 20em; 
+PASS 'grid' with: grid-template-columns: 40em; and grid-template-rows: 20em; 
+PASS 'emptyGrid' with: grid-template-columns: 25%; and grid-template-rows: 50%; 
+PASS 'grid' with: grid-template-columns: 25%; and grid-template-rows: 50%; 
+PASS 'emptyGrid' with: grid-template-columns: calc(200px + 10%); and grid-template-rows: calc(25% + 50px); 
+PASS 'grid' with: grid-template-columns: calc(200px + 10%); and grid-template-rows: calc(25% + 50px); 
+PASS 'emptyGrid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: max-content; and grid-template-rows: max-content; 
+PASS 'grid' with: grid-template-columns: max-content; and grid-template-rows: max-content; 
+PASS 'emptyGrid' with: grid-template-columns: min-content; and grid-template-rows: min-content; 
+PASS 'grid' with: grid-template-columns: min-content; and grid-template-rows: min-content; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(200px, 400px); and grid-template-rows: minmax(50px, 100px); 
+PASS 'grid' with: grid-template-columns: minmax(200px, 400px); and grid-template-rows: minmax(50px, 100px); 
+PASS 'emptyGrid' with: grid-template-columns: minmax(calc(10% + 200px), calc(800px - 20%)); and grid-template-rows: minmax(calc(20% + 50px), calc(600px - 10%)); 
+PASS 'grid' with: grid-template-columns: minmax(calc(10% + 200px), calc(800px - 20%)); and grid-template-rows: minmax(calc(20% + 50px), calc(600px - 10%)); 
+PASS 'emptyGrid' with: grid-template-columns: 500px 200px 50px; and grid-template-rows: 100px 300px; 
+PASS 'grid' with: grid-template-columns: 500px 200px 50px; and grid-template-rows: 100px 300px; 
+PASS 'emptyGrid' with: grid-template-columns: 40em 100px 15%; and grid-template-rows: 50px 20em 10%; 
+PASS 'grid' with: grid-template-columns: 40em 100px 15%; and grid-template-rows: 50px 20em 10%; 
+PASS 'emptyGrid' with: grid-template-columns: 200px 1fr; and grid-template-rows: 1fr 100px; 
+PASS 'grid' with: grid-template-columns: 200px 1fr; and grid-template-rows: 1fr 100px; 
+PASS 'emptyGrid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr; 
+PASS 'grid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1fr 3fr; and grid-template-rows: 2fr 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr 3fr; and grid-template-rows: 2fr 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(25px, 75px) 750px; and grid-template-rows: minmax(50px, 150px) 500px; 
+PASS 'grid' with: grid-template-columns: minmax(25px, 75px) 750px; and grid-template-rows: minmax(50px, 150px) 500px; 
+PASS 'emptyGrid' with: grid-template-columns: min-content 1fr calc(20px + 10%) minmax(30em, 50em); and grid-template-rows: min-content 1fr calc(10% + 40px) minmax(3em, 5em); 
+PASS 'grid' with: grid-template-columns: min-content 1fr calc(20px + 10%) minmax(30em, 50em); and grid-template-rows: min-content 1fr  calc(10% + 40px) minmax(3em, 5em); 
+PASS 'emptyGrid' with: grid-template-columns: foo; and grid-template-rows: bar; 
+PASS 'grid' with: grid-template-columns: foo; and grid-template-rows: bar; 
+PASS 'emptyGrid' with: grid-template-columns: auto none; and grid-template-rows: none auto; 
+PASS 'grid' with: grid-template-columns: auto none; and grid-template-rows: none auto; 
+PASS 'emptyGrid' with: grid-template-columns: 100px, 200px; and grid-template-rows: 300px, 400px; 
+PASS 'grid' with: grid-template-columns: 100px, 200px; and grid-template-rows: 300px, 400px; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(100px, 200px, 300px); and grid-template-rows: minmax(100px, 200px, 300px); 
+PASS 'grid' with: grid-template-columns: minmax(100px, 200px, 300px); and grid-template-rows: minmax(100px, 200px, 300px); 
+GRID ITEM
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportgridtemplatecolumnsrows001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,89 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#track-sizing&quot; title=&quot;5.1 Track Sizing: the 'grid-template-rows' and 'grid-template-columns' properties&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in an inline grid. So you can use the different syntax options to define the trak list.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;emptyGrid&quot; class=&quot;inline-grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot; class=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;item&quot;&gt;GRID ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Single values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;none&quot;, &quot;none&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;none&quot;, &quot;none&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto&quot;, &quot;auto&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto&quot;, &quot;auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;500px&quot;, &quot;300px&quot;, &quot;500px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;500px&quot;, &quot;300px&quot;, &quot;500px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;40em&quot;, &quot;20em&quot;, &quot;400px&quot;, &quot;200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;40em&quot;, &quot;20em&quot;, &quot;400px&quot;, &quot;200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;25%&quot;, &quot;50%&quot;, &quot;200px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;25%&quot;, &quot;50%&quot;, &quot;200px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;calc(200px + 10%)&quot;, &quot;calc(25% + 50px)&quot;, &quot;280px&quot;, &quot;200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;calc(200px + 10%)&quot;, &quot;calc(25% + 50px)&quot;, &quot;280px&quot;, &quot;200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr&quot;, &quot;1fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr&quot;, &quot;1fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;max-content&quot;, &quot;max-content&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;max-content&quot;, &quot;max-content&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;min-content&quot;, &quot;min-content&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;min-content&quot;, &quot;min-content&quot;, &quot;40px&quot;, &quot;20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(200px, 400px)&quot;, &quot;minmax(50px, 100px)&quot;, &quot;400px&quot;, &quot;100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(200px, 400px)&quot;, &quot;minmax(50px, 100px)&quot;, &quot;400px&quot;, &quot;100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(calc(10% + 200px), calc(800px - 20%))&quot;, &quot;minmax(calc(20% + 50px), calc(600px - 10%))&quot;, &quot;640px&quot;, &quot;540px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(calc(10% + 200px), calc(800px - 20%))&quot;, &quot;minmax(calc(20% + 50px), calc(600px - 10%))&quot;, &quot;640px&quot;, &quot;540px&quot;);
+
+            // Multiple values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;500px 200px 50px&quot;, &quot;100px 300px&quot;, &quot;500px 200px 50px&quot;, &quot;100px 300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;500px 200px 50px&quot;, &quot;100px 300px&quot;, &quot;500px 200px 50px&quot;, &quot;100px 300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;40em 100px 15%&quot;, &quot;50px 20em 10%&quot;, &quot;400px 100px 120px&quot;, &quot;50px 200px 60px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;40em 100px 15%&quot;, &quot;50px 20em 10%&quot;, &quot;400px 100px 120px&quot;, &quot;50px 200px 60px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;200px 1fr&quot;, &quot;1fr 100px&quot;, &quot;200px 600px&quot;, &quot;500px 100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;200px 1fr&quot;, &quot;1fr 100px&quot;, &quot;200px 600px&quot;, &quot;500px 100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto 1fr&quot;, &quot;auto 1fr&quot;, &quot;0px 800px&quot;, &quot;0px 600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto 1fr&quot;, &quot;auto 1fr&quot;, &quot;90px 710px&quot;, &quot;10px 590px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr 3fr&quot;, &quot;2fr 1fr&quot;, &quot;200px 600px&quot;, &quot;400px 200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr 3fr&quot;, &quot;2fr 1fr&quot;, &quot;200px 600px&quot;, &quot;400px 200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(25px, 75px) 750px&quot;, &quot;minmax(50px, 150px) 500px&quot;, &quot;50px 750px&quot;, &quot;100px 500px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(25px, 75px) 750px&quot;, &quot;minmax(50px, 150px) 500px&quot;, &quot;50px 750px&quot;, &quot;100px 500px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;min-content 1fr calc(20px + 10%) minmax(30em, 50em)&quot;, &quot;min-content 1fr calc(10% + 40px) minmax(3em, 5em)&quot;, &quot;0px 200px 100px 500px&quot;, &quot;0px 450px 100px 50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;min-content 1fr calc(20px + 10%) minmax(30em, 50em)&quot;, &quot;min-content 1fr  calc(10% + 40px) minmax(3em, 5em)&quot;, &quot;40px 160px 100px 500px&quot;, &quot;20px 430px 100px 50px&quot;);
+
+            // Reset values.
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateRows = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateRows = &quot;&quot;;
+
+            // Wrong values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;foo&quot;, &quot;bar&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;foo&quot;, &quot;bar&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto none&quot;, &quot;none auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto none&quot;, &quot;none auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;100px, 200px&quot;, &quot;300px, 400px&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px, 200px&quot;, &quot;300px, 400px&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(100px, 200px, 300px)&quot;, &quot;minmax(100px, 200px, 300px)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(100px, 200px, 300px)&quot;, &quot;minmax(100px, 200px, 300px)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportnamedgridlines001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,83 @@
</span><ins>+
+PASS 'emptyGrid' with: grid-template-columns: [first] auto [last]; and grid-template-rows: [first] auto [last]; 
+PASS 'grid' with: grid-template-columns: [first] auto [last]; and grid-template-rows: [first] auto [last]; 
+PASS 'emptyGrid' with: grid-template-columns: [F1rst-L1_n3] auto [L4st-L1_n3]; and grid-template-rows: [F1rst-L1_n3] auto [L4st-L1_n3]; 
+PASS 'grid' with: grid-template-columns: [F1rst-L1_n3] auto [L4st-L1_n3]; and grid-template-rows: [F1rst-L1_n3] auto [L4st-L1_n3]; 
+PASS 'emptyGrid' with: grid-template-columns: [] auto [ ]; and grid-template-rows: [ ] auto []; 
+PASS 'grid' with: grid-template-columns: [] auto [ ]; and grid-template-rows: [ ] auto []; 
+PASS 'emptyGrid' with: grid-template-columns: [first] auto; and grid-template-rows: [first] auto; 
+PASS 'grid' with: grid-template-columns: [first] auto; and grid-template-rows: [first] auto; 
+PASS 'emptyGrid' with: grid-template-columns: auto [last]; and grid-template-rows: auto [last]; 
+PASS 'grid' with: grid-template-columns: auto [last]; and grid-template-rows: auto [last]; 
+PASS 'emptyGrid' with: grid-template-columns: [line] auto [line]; and grid-template-rows: [line] auto [line]; 
+PASS 'grid' with: grid-template-columns: [line] auto [line]; and grid-template-rows: [line] auto [line]; 
+PASS 'emptyGrid' with: grid-template-columns: [first line] auto [last line]; and grid-template-rows: [first line] auto [last line]; 
+PASS 'grid' with: grid-template-columns: [first line] auto [last line]; and grid-template-rows: [first line] auto [last line]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto [b] auto [c]; and grid-template-rows: [a] auto [b] auto [c]; 
+PASS 'grid' with: grid-template-columns: [a] auto [b] auto [c]; and grid-template-rows: [a] auto [b] auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: auto [b] auto [c]; and grid-template-rows: auto [b] auto [c]; 
+PASS 'grid' with: grid-template-columns: auto [b] auto [c]; and grid-template-rows: auto [b] auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto auto [c]; and grid-template-rows: [a] auto auto [c]; 
+PASS 'grid' with: grid-template-columns: [a] auto auto [c]; and grid-template-rows: [a] auto auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto [b] auto; and grid-template-rows: [a] auto [b] auto; 
+PASS 'grid' with: grid-template-columns: [a] auto [b] auto; and grid-template-rows: [a] auto [b] auto; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto auto; and grid-template-rows: [a] auto auto; 
+PASS 'grid' with: grid-template-columns: [a] auto auto; and grid-template-rows: [a] auto auto; 
+PASS 'emptyGrid' with: grid-template-columns: auto [b] auto; and grid-template-rows: auto [b] auto; 
+PASS 'grid' with: grid-template-columns: auto [b] auto; and grid-template-rows: auto [b] auto; 
+PASS 'emptyGrid' with: grid-template-columns: auto auto [c]; and grid-template-rows: auto auto [c]; 
+PASS 'grid' with: grid-template-columns: auto auto [c]; and grid-template-rows: auto auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto [a] auto [a]; and grid-template-rows: [a] auto [a] auto [a]; 
+PASS 'grid' with: grid-template-columns: [a] auto [a] auto [a]; and grid-template-rows: [a] auto [a] auto [a]; 
+PASS 'emptyGrid' with: grid-template-columns: [a b c] auto [a b c] auto [a b c]; and grid-template-rows: [a b c] auto [a b c] auto [a b c]; 
+PASS 'grid' with: grid-template-columns: [a b c] auto [a b c] auto [a b c]; and grid-template-rows: [a b c] auto [a b c] auto [a b c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] 40em [b] 100px [c] 15% [d]; and grid-template-rows: [z] 50px [y] 20em [x] 10% [w]; 
+PASS 'grid' with: grid-template-columns: [a] 40em [b] 100px [c] 15% [d]; and grid-template-rows: [z] 50px [y] 20em [x] 10% [w]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] 200px [b] 1fr [c]; and grid-template-rows: [z] 1fr [y] 100px [x]; 
+PASS 'grid' with: grid-template-columns: [a] 200px [b] 1fr [c]; and grid-template-rows: [z] 1fr [y] 100px [x]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]; and grid-template-rows: [z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]; 
+PASS 'grid' with: grid-template-columns: [a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]; and grid-template-rows: [z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]; 
+PASS 'emptyGrid' with: grid-template-columns: [a]; and grid-template-rows: [a]; 
+PASS 'grid' with: grid-template-columns: [a]; and grid-template-rows: [a]; 
+PASS 'emptyGrid' with: grid-template-columns: [a b]; and grid-template-rows: [a b]; 
+PASS 'grid' with: grid-template-columns: [a b]; and grid-template-rows: [a b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] none [b]; and grid-template-rows: [a] none [b]; 
+PASS 'grid' with: grid-template-columns: [a] none [b]; and grid-template-rows: [a] none [b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] [b]; and grid-template-rows: [a] [b]; 
+PASS 'grid' with: grid-template-columns: [a] [b]; and grid-template-rows: [a] [b]; 
+PASS 'emptyGrid' with: grid-template-columns: a auto b; and grid-template-rows: a auto b; 
+PASS 'grid' with: grid-template-columns: a auto b; and grid-template-rows: a auto b; 
+PASS 'emptyGrid' with: grid-template-columns: (a) auto (b); and grid-template-rows: (a) auto (b); 
+PASS 'grid' with: grid-template-columns: (a) auto (b); and grid-template-rows: (a) auto (b); 
+PASS 'emptyGrid' with: grid-template-columns: 'a' auto 'b'; and grid-template-rows: 'a' auto 'b'; 
+PASS 'grid' with: grid-template-columns: 'a' auto 'b'; and grid-template-rows: 'a' auto 'b'; 
+PASS 'emptyGrid' with: grid-template-columns: &quot;a&quot; auto &quot;b&quot;; and grid-template-rows: &quot;a&quot; auto &quot;b&quot;; 
+PASS 'grid' with: grid-template-columns: &quot;a&quot; auto &quot;b&quot;; and grid-template-rows: &quot;a&quot; auto &quot;b&quot;; 
+PASS 'emptyGrid' with: grid-template-columns: [a, b] auto [a, b]; and grid-template-rows: [a, b] auto [a, b]; 
+PASS 'grid' with: grid-template-columns: [a, b] auto [a, b]; and grid-template-rows: [a, b] auto [a, b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] [b] auto [c d] [e]; and grid-template-rows: [a] [b] auto [c d] [e]; 
+PASS 'grid' with: grid-template-columns: [a] [b] auto [c d] [e]; and grid-template-rows: [a] [b] auto [c d] [e]; 
+PASS 'emptyGrid' with: grid-template-columns: [a [b]] auto [c]; and grid-template-rows: [a [b]] auto [c]; 
+PASS 'grid' with: grid-template-columns: [a [b]] auto [c]; and grid-template-rows: [a [b]] auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto [[b]]; and grid-template-rows: [a] auto [[b]]; 
+PASS 'grid' with: grid-template-columns: [a] auto [[b]]; and grid-template-rows: [a] auto [[b]]; 
+PASS 'emptyGrid' with: grid-template-columns: [a auto [b]; and grid-template-rows: [a auto [b]; 
+PASS 'grid' with: grid-template-columns: [a auto [b]; and grid-template-rows: [a auto [b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a 100px] auto [b]; and grid-template-rows: [a 100px] auto [b]; 
+PASS 'grid' with: grid-template-columns: [a 100px] auto [b]; and grid-template-rows: [a 100px] auto [b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a 50%] auto [b]; and grid-template-rows: [a 50%] auto [b]; 
+PASS 'grid' with: grid-template-columns: [a 50%] auto [b]; and grid-template-rows: [a 50%] auto [b]; 
+PASS 'emptyGrid' with: grid-template-columns: [5] auto [10]; and grid-template-rows: [5] auto [10]; 
+PASS 'grid' with: grid-template-columns: [5] auto [10]; and grid-template-rows: [5] auto [10]; 
+PASS 'emptyGrid' with: grid-template-columns: [a.] auto [b*]; and grid-template-rows: [a.] auto [b*]; 
+PASS 'grid' with: grid-template-columns: [a.] auto [b*]; and grid-template-rows: [a.] auto [b*]; 
+PASS 'emptyGrid' with: grid-template-columns: [#a] auto [$b]; and grid-template-rows: [#a] auto [$b]; 
+PASS 'grid' with: grid-template-columns: [#a] auto [$b]; and grid-template-rows: [#a] auto [$b]; 
+PASS 'emptyGrid' with: grid-template-columns: [initial] auto; and grid-template-rows: [initial] auto; 
+PASS 'grid' with: grid-template-columns: [initial] auto; and grid-template-rows: [initial] auto; 
+PASS 'emptyGrid' with: grid-template-columns: [inherit] auto; and grid-template-rows: [inherit] auto; 
+PASS 'grid' with: grid-template-columns: [inherit] auto; and grid-template-rows: [inherit] auto; 
+PASS 'emptyGrid' with: grid-template-columns: [default] auto; and grid-template-rows: [default] auto; 
+PASS 'grid' with: grid-template-columns: [default] auto; and grid-template-rows: [default] auto; 
+GRID ITEM
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportnamedgridlines001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,123 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#named-lines&quot; title=&quot;5.1.1. Named Grid Lines: the '(&amp;lt;custom-ident\&amp;gt;*)' syntax&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties within an inline grid.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;emptyGrid&quot; class=&quot;inline-grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot; class=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;item&quot;&gt;GRID ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Valid values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[first] auto [last]&quot;, &quot;[first] auto [last]&quot;, &quot;[first] 0px [last]&quot;, &quot;[first] 0px [last]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[first] auto [last]&quot;, &quot;[first] auto [last]&quot;, &quot;[first] 90px [last]&quot;, &quot;[first] 10px [last]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[F1rst-L1_n3] auto [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] auto [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] 0px [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] 0px [L4st-L1_n3]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[F1rst-L1_n3] auto [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] auto [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] 90px [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] 10px [L4st-L1_n3]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[] auto [ ]&quot;, &quot;[ ] auto []&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[] auto [ ]&quot;, &quot;[ ] auto []&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[first] auto&quot;, &quot;[first] auto&quot;, &quot;[first] 0px&quot;, &quot;[first] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[first] auto&quot;, &quot;[first] auto&quot;, &quot;[first] 90px&quot;, &quot;[first] 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto [last]&quot;, &quot;auto [last]&quot;, &quot;0px [last]&quot;, &quot;0px [last]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto [last]&quot;, &quot;auto [last]&quot;, &quot;90px [last]&quot;, &quot;10px [last]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[line] auto [line]&quot;, &quot;[line] auto [line]&quot;, &quot;[line] 0px [line]&quot;, &quot;[line] 0px [line]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[line] auto [line]&quot;, &quot;[line] auto [line]&quot;, &quot;[line] 90px [line]&quot;, &quot;[line] 10px [line]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[first line] auto [last line]&quot;, &quot;[first line] auto [last line]&quot;, &quot;[first line] 0px [last line]&quot;, &quot;[first line] 0px [last line]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[first line] auto [last line]&quot;, &quot;[first line] auto [last line]&quot;, &quot;[first line] 90px [last line]&quot;, &quot;[first line] 10px [last line]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto [b] auto [c]&quot;, &quot;[a] auto [b] auto [c]&quot;, &quot;[a] 0px [b] 0px [c]&quot;, &quot;[a] 0px [b] 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto [b] auto [c]&quot;, &quot;[a] auto [b] auto [c]&quot;, &quot;[a] 90px [b] 0px [c]&quot;, &quot;[a] 10px [b] 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto [b] auto [c]&quot;, &quot;auto [b] auto [c]&quot;, &quot;0px [b] 0px [c]&quot;, &quot;0px [b] 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto [b] auto [c]&quot;, &quot;auto [b] auto [c]&quot;, &quot;90px [b] 0px [c]&quot;, &quot;10px [b] 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto auto [c]&quot;, &quot;[a] auto auto [c]&quot;, [&quot;[a] 0px 0px [c]&quot;, &quot;[a] repeat(2, 0px) [c]&quot;], [&quot;[a] 0px 0px [c]&quot;, &quot;[a] repeat(2, 0px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto auto [c]&quot;, &quot;[a] auto auto [c]&quot;, &quot;[a] 90px 0px [c]&quot;, &quot;[a] 10px 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto [b] auto&quot;, &quot;[a] auto [b] auto&quot;, &quot;[a] 0px [b] 0px&quot;, &quot;[a] 0px [b] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto [b] auto&quot;, &quot;[a] auto [b] auto&quot;, &quot;[a] 90px [b] 0px&quot;, &quot;[a] 10px [b] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto auto&quot;, &quot;[a] auto auto&quot;, [&quot;[a] 0px 0px&quot;, &quot;[a] repeat(2, 0px)&quot;], [&quot;[a] 0px 0px&quot;, &quot;[a] repeat(2, 0px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto auto&quot;, &quot;[a] auto auto&quot;, &quot;[a] 90px 0px&quot;, &quot;[a] 10px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto [b] auto&quot;, &quot;auto [b] auto&quot;, &quot;0px [b] 0px&quot;, &quot;0px [b] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto [b] auto&quot;, &quot;auto [b] auto&quot;, &quot;90px [b] 0px&quot;, &quot;10px [b] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto auto [c]&quot;, &quot;auto auto [c]&quot;, [&quot;0px 0px [c]&quot;, &quot;repeat(2, 0px) [c]&quot;], [&quot;0px 0px [c]&quot;, &quot;repeat(2, 0px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto auto [c]&quot;, &quot;auto auto [c]&quot;, &quot;90px 0px [c]&quot;, &quot;10px 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto [a] auto [a]&quot;, &quot;[a] auto [a] auto [a]&quot;, [&quot;[a] 0px [a] 0px [a]&quot;, &quot;repeat(2, [a] 0px) [a]&quot;], [&quot;[a] 0px [a] 0px [a]&quot;, &quot;repeat(2, [a] 0px) [a]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto [a] auto [a]&quot;, &quot;[a] auto [a] auto [a]&quot;, &quot;[a] 90px [a] 0px [a]&quot;, &quot;[a] 10px [a] 0px [a]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a b c] auto [a b c] auto [a b c]&quot;, &quot;[a b c] auto [a b c] auto [a b c]&quot;, [&quot;[a b c] 0px [a b c] 0px [a b c]&quot;, &quot;repeat(2, [a b c] 0px) [a b c]&quot;], &quot;[a b c] 0px [a b c] 0px [a b c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a b c] auto [a b c] auto [a b c]&quot;, &quot;[a b c] auto [a b c] auto [a b c]&quot;, &quot;[a b c] 90px [a b c] 0px [a b c]&quot;, &quot;[a b c] 10px [a b c] 0px [a b c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] 40em [b] 100px [c] 15% [d]&quot;, &quot;[z] 50px [y] 20em [x] 10% [w]&quot;, &quot;[a] 400px [b] 100px [c] 120px [d]&quot;, &quot;[z] 50px [y] 200px [x] 60px [w]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] 40em [b] 100px [c] 15% [d]&quot;, &quot;[z] 50px [y] 20em [x] 10% [w]&quot;, &quot;[a] 400px [b] 100px [c] 120px [d]&quot;, &quot;[z] 50px [y] 200px [x] 60px [w]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] 200px [b] 1fr [c]&quot;, &quot;[z] 1fr [y] 100px [x]&quot;, &quot;[a] 200px [b] 600px [c]&quot;, &quot;[z] 500px [y] 100px [x]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] 200px [b] 1fr [c]&quot;, &quot;[z] 1fr [y] 100px [x]&quot;, &quot;[a] 200px [b] 600px [c]&quot;, &quot;[z] 500px [y] 100px [x]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]&quot;, &quot;[z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]&quot;, &quot;[a] 0px [b] 200px [c] 100px [d] 500px [e]&quot;, &quot;[z] 0px [y] 450px [x] 100px [w] 50px [v]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]&quot;, &quot;[z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]&quot;, &quot;[a] 40px [b] 160px [c] 100px [d] 500px [e]&quot;, &quot;[z] 20px [y] 430px [x] 100px [w] 50px [v]&quot;);
+
+            // Reset values.
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateRows = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateRows = &quot;&quot;;
+
+            // Wrong values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a]&quot;, &quot;[a]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a]&quot;, &quot;[a]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a b]&quot;, &quot;[a b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a b]&quot;, &quot;[a b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] none [b]&quot;, &quot;[a] none [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] none [b]&quot;, &quot;[a] none [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] [b]&quot;, &quot;[a] [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] [b]&quot;, &quot;[a] [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;a auto b&quot;, &quot;a auto b&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;a auto b&quot;, &quot;a auto b&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;(a) auto (b)&quot;, &quot;(a) auto (b)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;(a) auto (b)&quot;, &quot;(a) auto (b)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;'a' auto 'b'&quot;, &quot;'a' auto 'b'&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;'a' auto 'b'&quot;, &quot;'a' auto 'b'&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;\&quot;a\&quot; auto \&quot;b\&quot;&quot;, &quot;\&quot;a\&quot; auto \&quot;b\&quot;&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;\&quot;a\&quot; auto \&quot;b\&quot;&quot;, &quot;\&quot;a\&quot; auto \&quot;b\&quot;&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a, b] auto [a, b]&quot;, &quot;[a, b] auto [a, b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a, b] auto [a, b]&quot;, &quot;[a, b] auto [a, b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] [b] auto [c d] [e]&quot;, &quot;[a] [b] auto [c d] [e]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] [b] auto [c d] [e]&quot;, &quot;[a] [b] auto [c d] [e]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a [b]] auto [c]&quot;, &quot;[a [b]] auto [c]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a [b]] auto [c]&quot;, &quot;[a [b]] auto [c]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto [[b]]&quot;, &quot;[a] auto [[b]]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto [[b]]&quot;, &quot;[a] auto [[b]]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a auto [b]&quot;, &quot;[a auto [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a auto [b]&quot;, &quot;[a auto [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a 100px] auto [b]&quot;, &quot;[a 100px] auto [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a 100px] auto [b]&quot;, &quot;[a 100px] auto [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a 50%] auto [b]&quot;, &quot;[a 50%] auto [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a 50%] auto [b]&quot;, &quot;[a 50%] auto [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[5] auto [10]&quot;, &quot;[5] auto [10]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[5] auto [10]&quot;, &quot;[5] auto [10]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a.] auto [b*]&quot;, &quot;[a.] auto [b*]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a.] auto [b*]&quot;, &quot;[a.] auto [b*]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[#a] auto [$b]&quot;, &quot;[#a] auto [$b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[#a] auto [$b]&quot;, &quot;[#a] auto [$b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[initial] auto&quot;, &quot;[initial] auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[initial] auto&quot;, &quot;[initial] auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[inherit] auto&quot;, &quot;[inherit] auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[inherit] auto&quot;, &quot;[inherit] auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[default] auto&quot;, &quot;[default] auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[default] auto&quot;, &quot;[default] auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportrepeat001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+
+PASS 'emptyGrid' with: grid-template-columns: repeat(1, auto); and grid-template-rows: repeat(1, auto); 
+PASS 'grid' with: grid-template-columns: repeat(1, auto); and grid-template-rows: repeat(1, auto); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, auto); and grid-template-rows: repeat(2, auto); 
+PASS 'grid' with: grid-template-columns: repeat(2, auto); and grid-template-rows: repeat(2, auto); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, minmax(50px, calc(50px + 50%)); and grid-template-rows: repeat(2, minmax(50px, calc(50px + 50%)); 
+PASS 'grid' with: grid-template-columns: repeat(2, minmax(50px, calc(50px + 50%)); and grid-template-rows: repeat(2, minmax(50px, calc(50px + 50%)); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(5, 10%); and grid-template-rows: repeat(5, 10%); 
+PASS 'grid' with: grid-template-columns: repeat(5, 10%); and grid-template-rows: repeat(5, 10%); 
+PASS 'emptyGrid' with: grid-template-columns: max-content repeat(2, 25%) 1fr; and grid-template-rows: 100px repeat(2, 25%) 1fr; 
+PASS 'grid' with: grid-template-columns: max-content repeat(2, 25%) 1fr; and grid-template-rows: max-content repeat(2, 25%) 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, min-content 50px); and grid-template-rows: repeat(2, min-content 50px); 
+PASS 'grid' with: grid-template-columns: repeat(2, min-content 50px); and grid-template-rows: repeat(2, min-content 50px); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); and grid-template-rows: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); 
+PASS 'grid' with: grid-template-columns: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); and grid-template-rows: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(2, auto [b] 100px) [c]; and grid-template-rows: [a] repeat(2, auto [b] 100px) [c]; 
+PASS 'grid' with: grid-template-columns: [a] repeat(2, auto [b] 100px) [c]; and grid-template-rows: [a] repeat(2, auto [b] 100px) [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto repeat(2, [b] 100px) [c]; and grid-template-rows: [a] auto repeat(2, [b] 100px) [c]; 
+PASS 'grid' with: grid-template-columns: [a] auto repeat(2, [b] 100px) [c]; and grid-template-rows: [a] auto repeat(2, [b] 100px) [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(2, auto [b]) 100px [c]; and grid-template-rows: [a] repeat(2, auto [b]) 100px [c]; 
+PASS 'grid' with: grid-template-columns: [a] repeat(2, auto [b]) 100px [c]; and grid-template-rows: [a] repeat(2, auto [b]) 100px [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(2, [b] 100px); and grid-template-rows: [a] repeat(2, [b] 100px); 
+PASS 'grid' with: grid-template-columns: [a] repeat(2, [b] 100px); and grid-template-rows: [a] repeat(2, [b] 100px); 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(2, [b] auto [c]) [d]; and grid-template-rows: [a] repeat(2, [b] auto [c]) [d]; 
+PASS 'grid' with: grid-template-columns: [a] repeat(2, [b] auto [c]) [d]; and grid-template-rows: [a] repeat(2, [b] auto [c]) [d]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]; and grid-template-rows: [z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]; 
+PASS 'grid' with: grid-template-columns: [a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]; and grid-template-rows: [z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]; 
+PASS 'emptyGrid' with: grid-template-columns: repeat(-1, auto); and grid-template-rows: repeat(-1, auto); 
+PASS 'grid' with: grid-template-columns: repeat(-1, auto); and grid-template-rows: repeat(-1, auto); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(auto, 2); and grid-template-rows: repeat(auto, 2); 
+PASS 'grid' with: grid-template-columns: repeat(auto, 2); and grid-template-rows: repeat(auto, 2); 
+PASS 'emptyGrid' with: grid-template-columns: repeat 2, auto; and grid-template-rows: repeat 2, auto; 
+PASS 'grid' with: grid-template-columns: repeat 2, auto; and grid-template-rows: repeat 2, auto; 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2 auto); and grid-template-rows: repeat(2 auto); 
+PASS 'grid' with: grid-template-columns: repeat(2 auto); and grid-template-rows: repeat(2 auto); 
+PASS 'emptyGrid' with: grid-template-columns: 100px (repeat 2, auto); and grid-template-rows: (repeat 2, auto); 
+PASS 'grid' with: grid-template-columns: 100px (repeat 2, auto); and grid-template-rows: (repeat 2, auto); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, 50px repeat(2, 100px)); and grid-template-rows: repeat(2, 50px repeat(2, 100px)); 
+PASS 'grid' with: grid-template-columns: repeat(2, 50px repeat(2, 100px)); and grid-template-rows: repeat(2, 50px repeat(2, 100px)); 
+PASS 'emptyGrid' with: grid-template-columns: 100px repeat(2, [a]); and grid-template-rows: 100px repeat(2, [a]); 
+PASS 'grid' with: grid-template-columns: 100px repeat(2, [a]); and grid-template-rows: 100px repeat(2, [a]); 
+GRID ITEM
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinesupportrepeat001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,83 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#repeat-notation&quot; title=&quot;5.1.2 Repeating Rows and Columns: the 'repeat()' notation&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation within an inline grid, so you can use it to represents a repeated fragment of the track list.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;emptyGrid&quot; class=&quot;inline-grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot; class=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;item&quot;&gt;GRID ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Valid values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(1, auto)&quot;, &quot;repeat(1, auto)&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(1, auto)&quot;, &quot;repeat(1, auto)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, auto)&quot;, &quot;repeat(2, auto)&quot;, [&quot;0px 0px&quot;, &quot;repeat(2, 0px)&quot;], [&quot;0px 0px&quot;, &quot;repeat(2, 0px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, auto)&quot;, &quot;repeat(2, auto)&quot;, &quot;90px 0px&quot;, &quot;10px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, minmax(50px, calc(50px + 50%))&quot;, &quot;repeat(2, minmax(50px, calc(50px + 50%))&quot;, [&quot;400px 400px&quot;, &quot;repeat(2, 400px)&quot;], [&quot;300px 300px&quot;, &quot;repeat(2, 300px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, minmax(50px, calc(50px + 50%))&quot;, &quot;repeat(2, minmax(50px, calc(50px + 50%))&quot;, [&quot;400px 400px&quot;, &quot;repeat(2, 400px)&quot;], [&quot;300px 300px&quot;, &quot;repeat(2, 300px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(5, 10%)&quot;, &quot;repeat(5, 10%)&quot;, [&quot;80px 80px 80px 80px 80px&quot;, &quot;repeat(5, 80px)&quot;], [&quot;60px 60px 60px 60px 60px&quot;, &quot;repeat(5, 60px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(5, 10%)&quot;, &quot;repeat(5, 10%)&quot;, [&quot;80px 80px 80px 80px 80px&quot;, &quot;repeat(5, 80px)&quot;], [&quot;60px 60px 60px 60px 60px&quot;, &quot;repeat(5, 60px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;max-content repeat(2, 25%) 1fr&quot;, &quot;100px repeat(2, 25%) 1fr&quot;, [&quot;0px 200px 200px 400px&quot;, &quot;0px repeat(2, 200px) 400px&quot;], [&quot;100px 150px 150px 200px&quot;, &quot;100px repeat(2, 150px) 200px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;max-content repeat(2, 25%) 1fr&quot;, &quot;max-content repeat(2, 25%) 1fr&quot;, [&quot;90px 200px 200px 310px&quot;, &quot;90px repeat(2, 200px) 310px&quot;], [&quot;10px 150px 150px 290px&quot;, &quot;10px repeat(2, 150px) 290px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, min-content 50px)&quot;, &quot;repeat(2, min-content 50px)&quot;, [&quot;0px 50px 0px 50px&quot;, &quot;repeat(2, 0px 50px)&quot;], [&quot;0px 50px 0px 50px&quot;, &quot;repeat(2, 0px 50px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, min-content 50px)&quot;, &quot;repeat(2, min-content 50px)&quot;, &quot;40px 50px 0px 50px&quot;, &quot;20px 50px 0px 50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, [a] minmax(50px, 100px) [b] 25em [c])&quot;, &quot;repeat(2, [a] minmax(50px, 100px) [b] 25em [c])&quot;, &quot;[a] 100px [b] 250px [c a] 100px [b] 250px [c]&quot;, &quot;[a] 50px [b] 250px [c a] 50px [b] 250px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, [a] minmax(50px, 100px) [b] 25em [c])&quot;, &quot;repeat(2, [a] minmax(50px, 100px) [b] 25em [c])&quot;, &quot;[a] 100px [b] 250px [c a] 100px [b] 250px [c]&quot;, &quot;[a] 50px [b] 250px [c a] 50px [b] 250px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(2, auto [b] 100px) [c]&quot;, &quot;[a] repeat(2, auto [b] 100px) [c]&quot;, [&quot;[a] 0px [b] 100px 0px [b] 100px [c]&quot;, &quot;[a] repeat(2, 0px [b] 100px) [c]&quot;], [&quot;[a] 0px [b] 100px 0px [b] 100px [c]&quot;, &quot;[a] repeat(2, 0px [b] 100px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(2, auto [b] 100px) [c]&quot;, &quot;[a] repeat(2, auto [b] 100px) [c]&quot;, &quot;[a] 90px [b] 100px 0px [b] 100px [c]&quot;, &quot;[a] 10px [b] 100px 0px [b] 100px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto repeat(2, [b] 100px) [c]&quot;, &quot;[a] auto repeat(2, [b] 100px) [c]&quot;, [&quot;[a] 0px [b] 100px [b] 100px [c]&quot;, &quot;[a] 0px repeat(2, [b] 100px) [c]&quot;], [&quot;[a] 0px [b] 100px [b] 100px [c]&quot;, &quot;[a] 0px repeat(2, [b] 100px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto repeat(2, [b] 100px) [c]&quot;, &quot;[a] auto repeat(2, [b] 100px) [c]&quot;, [&quot;[a] 90px [b] 100px [b] 100px [c]&quot;, &quot;[a] 90px repeat(2, [b] 100px) [c]&quot;], [&quot;[a] 10px [b] 100px [b] 100px [c]&quot;, &quot;[a] 10px repeat(2, [b] 100px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(2, auto [b]) 100px [c]&quot;, &quot;[a] repeat(2, auto [b]) 100px [c]&quot;, &quot;[a] 0px [b] 0px [b] 100px [c]&quot;, &quot;[a] 0px [b] 0px [b] 100px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(2, auto [b]) 100px [c]&quot;, &quot;[a] repeat(2, auto [b]) 100px [c]&quot;, &quot;[a] 90px [b] 0px [b] 100px [c]&quot;, &quot;[a] 10px [b] 0px [b] 100px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(2, [b] 100px)&quot;, &quot;[a] repeat(2, [b] 100px)&quot;, [&quot;[a b] 100px [b] 100px&quot;, &quot;[a] repeat(2, [b] 100px)&quot;], [&quot;[a b] 100px [b] 100px&quot;, &quot;[a] repeat(2, [b] 100px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(2, [b] 100px)&quot;, &quot;[a] repeat(2, [b] 100px)&quot;, [&quot;[a b] 100px [b] 100px&quot;, &quot;[a] repeat(2, [b] 100px)&quot;], [&quot;[a b] 100px [b] 100px&quot;, &quot;[a] repeat(2, [b] 100px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(2, [b] auto [c]) [d]&quot;, &quot;[a] repeat(2, [b] auto [c]) [d]&quot;, [&quot;[a b] 0px [c b] 0px [c d]&quot;, &quot;[a] repeat(2, [b] 0px [c]) [d]&quot;], [&quot;[a b] 0px [c b] 0px [c d]&quot;, &quot;[a] repeat(2, [b] 0px [c]) [d]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(2, [b] auto [c]) [d]&quot;, &quot;[a] repeat(2, [b] auto [c]) [d]&quot;, &quot;[a b] 90px [c b] 0px [c d]&quot;, &quot;[a b] 10px [c b] 0px [c d]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]&quot;, &quot;[z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]&quot;, [&quot;[a] 0px [b] 50px [c] 100px [b] 50px [c] 100px [d] 500px [e]&quot;, &quot;[a] 0px repeat(2, [b] 50px [c] 100px) [d] 500px [e]&quot;], [&quot;[z] 0px [y] 175px [x] 100px [y] 175px [x] 100px [w] 50px [v]&quot;, &quot;[z] 0px repeat(2, [y] 175px [x] 100px) [w] 50px [v]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]&quot;, &quot;[z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]&quot;, [&quot;[a] 40px [b] 30px [c] 100px [b] 30px [c] 100px [d] 500px [e]&quot;, &quot;[a] 40px repeat(2, [b] 30px [c] 100px) [d] 500px [e]&quot;], [&quot;[z] 20px [y] 165px [x] 100px [y] 165px [x] 100px [w] 50px [v]&quot;, &quot;[z] 20px repeat(2, [y] 165px [x] 100px) [w] 50px [v]&quot;]);
+
+            // Reset values.
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateRows = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateRows = &quot;&quot;;
+
+            // Wrong values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(-1, auto)&quot;, &quot;repeat(-1, auto)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(-1, auto)&quot;, &quot;repeat(-1, auto)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(auto, 2)&quot;, &quot;repeat(auto, 2)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(auto, 2)&quot;, &quot;repeat(auto, 2)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat 2, auto&quot;, &quot;repeat 2, auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat 2, auto&quot;, &quot;repeat 2, auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2 auto)&quot;, &quot;repeat(2 auto)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2 auto)&quot;, &quot;repeat(2 auto)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;100px (repeat 2, auto)&quot;, &quot;(repeat 2, auto)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px (repeat 2, auto)&quot;, &quot;(repeat 2, auto)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, 50px repeat(2, 100px))&quot;, &quot;repeat(2, 50px repeat(2, 100px))&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, 50px repeat(2, 100px))&quot;, &quot;repeat(2, 50px repeat(2, 100px))&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;100px repeat(2, [a])&quot;, &quot;100px repeat(2, [a])&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px repeat(2, [a])&quot;, &quot;100px repeat(2, [a])&quot;, &quot;90px&quot;, &quot;10px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinetemplatecolumnsrowsresolvedvalues001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+
+PASS 'grid' with: grid-template-columns: ; and grid-template-rows: ; 
+PASS 'grid' with: grid-template-columns: auto auto; and grid-template-rows: ; 
+PASS 'grid' with: grid-template-columns: 60px; and grid-template-rows: ; 
+PASS 'grid' with: grid-template-columns: 100px 60px; and grid-template-rows: ; 
+PASS 'grid' with: grid-template-columns: ; and grid-template-rows: 50px; 
+PASS 'grid' with: grid-template-columns: ; and grid-template-rows: 50px 30px; 
+PASS 'grid' with: grid-template-columns: 60px; and grid-template-rows: 50px; 
+PASS 'grid' with: grid-template-columns: 60px; and grid-template-rows: 50px 30px; 
+PASS 'grid' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px; 
+PASS 'grid' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px 30px; 
+PASS 'gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: ; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: ; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: ; 
+PASS 'gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px; 
+PASS 'gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px 50px; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px 50px; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: 60px; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: 60px 50px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: auto auto; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 100px 60px; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: 50px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: 50px 30px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: 50px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: 50px 30px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px 30px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px 70px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px 70px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: 60px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: 60px 70px; 
+FIRST ITEM
+SECOND ITEM
+THIRD
+ITEM
+FIRST ITEM
+SECOND ITEM
+THIRD
+ITEM
+FIRST ITEM
+SECOND ITEM
+THIRD
+ITEM
+FIRST ITEM
+SECOND ITEM
+THIRD
+ITEM
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridinlinetemplatecolumnsrowsresolvedvalues001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,107 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks in an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#resolved-track-list&quot; title=&quot;5.1.5. Resolved Values&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created in an inline grid.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+
+            .fifthColumn {
+                grid-column: 5;
+            }
+
+            .fourthRow {
+                grid-row: 4;
+            }
+
+            .gridAutoFlowColumn {
+                grid-auto-flow: column;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;grid&quot; class=&quot;inline-grid&quot;&gt;
+            &lt;div&gt;FIRST ITEM&lt;/div&gt;
+            &lt;div&gt;SECOND ITEM&lt;/div&gt;
+            &lt;div&gt;THIRD&lt;br /&gt;ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;div id=&quot;gridItemsPositions&quot; class=&quot;inline-grid&quot;&gt;
+            &lt;div class=&quot;fifthColumn&quot;&gt;FIRST ITEM&lt;/div&gt;
+            &lt;div class=&quot;fourthRow&quot;&gt;SECOND ITEM&lt;/div&gt;
+            &lt;div&gt;THIRD&lt;br /&gt;ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;div id=&quot;gridAutoFlowColumn&quot; class=&quot;inline-grid gridAutoFlowColumn&quot;&gt;
+            &lt;div&gt;FIRST ITEM&lt;/div&gt;
+            &lt;div&gt;SECOND ITEM&lt;/div&gt;
+            &lt;div&gt;THIRD&lt;br /&gt;ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;div id=&quot;gridAutoFlowColumnItemsPositions&quot; class=&quot;inline-grid gridAutoFlowColumn&quot;&gt;
+            &lt;div class=&quot;fifthColumn&quot;&gt;FIRST ITEM&lt;/div&gt;
+            &lt;div class=&quot;fourthRow&quot;&gt;SECOND ITEM&lt;/div&gt;
+            &lt;div&gt;THIRD&lt;br /&gt;ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Valid values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;&quot;, &quot;&quot;, &quot;110px&quot;, [&quot;10px 10px 20px&quot;, &quot;repeat(2, 10px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto auto&quot;, &quot;&quot;, &quot;100px 110px&quot;, &quot;10px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;60px&quot;, &quot;&quot;, &quot;60px&quot;, [&quot;20px 20px 20px&quot;, &quot;repeat(3, 20px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px 60px&quot;, &quot;&quot;, &quot;100px 60px&quot;, [&quot;20px 20px&quot;, &quot;repeat(2, 20px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;&quot;, &quot;50px&quot;, &quot;110px&quot;, &quot;50px 10px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;&quot;, &quot;50px 30px&quot;, &quot;110px&quot;, &quot;50px 30px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;60px&quot;, &quot;50px&quot;, &quot;60px&quot;, [&quot;50px 20px 20px&quot;, &quot;50px repeat(2, 20px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;60px&quot;, &quot;50px 30px&quot;, &quot;60px&quot;, &quot;50px 30px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px 60px&quot;, &quot;50px&quot;, &quot;100px 60px&quot;, &quot;50px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px 60px&quot;, &quot;50px 30px&quot;, &quot;100px 60px&quot;, &quot;50px 30px&quot;);
+
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;&quot;, &quot;&quot;, [&quot;110px 0px 0px 0px 100px&quot;, &quot;110px repeat(3, 0px) 100px&quot;], &quot;10px 20px 0px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px&quot;, &quot;&quot;, [&quot;60px 0px 0px 0px 100px&quot;, &quot;60px repeat(3, 0px) 100px&quot;], &quot;10px 20px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px 50px&quot;, &quot;&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], &quot;10px 20px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;&quot;, &quot;60px&quot;, [&quot;110px 0px 0px 0px 100px&quot;, &quot;110px repeat(3, 0px) 100px&quot;], &quot;60px 20px 0px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;&quot;, &quot;60px 50px&quot;, [&quot;110px 0px 0px 0px 100px&quot;, &quot;110px repeat(3, 0px) 100px&quot;], &quot;60px 50px 0px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px&quot;, &quot;60px&quot;, [&quot;60px 0px 0px 0px 100px&quot;, &quot;60px repeat(3, 0px) 100px&quot;], &quot;60px 20px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px&quot;, &quot;60px 50px&quot;, [&quot;60px 0px 0px 0px 100px&quot;, &quot;60px repeat(3, 0px) 100px&quot;], &quot;60px 50px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px 50px&quot;, &quot;60px&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], &quot;60px 20px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px 50px&quot;, &quot;60px 50px&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], &quot;60px 50px 0px 20px&quot;);
+
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;&quot;, &quot;&quot;, &quot;100px 110px 50px&quot;, &quot;20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;&quot;, &quot;auto auto&quot;, &quot;110px 50px&quot;, &quot;20px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;60px&quot;, &quot;&quot;, &quot;60px 110px 50px&quot;, &quot;20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;100px 60px&quot;, &quot;&quot;, &quot;100px 60px 50px&quot;, &quot;20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;&quot;, &quot;50px&quot;, &quot;100px 110px 50px&quot;, &quot;50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;&quot;, &quot;50px 30px&quot;, &quot;110px 50px&quot;, &quot;50px 30px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;60px&quot;, &quot;50px&quot;, &quot;60px 110px 50px&quot;, &quot;50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;60px&quot;, &quot;50px 30px&quot;, &quot;60px 50px&quot;, &quot;50px 30px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;100px 60px&quot;, &quot;50px&quot;, &quot;100px 60px 50px&quot;, &quot;50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;100px 60px&quot;, &quot;50px 30px&quot;, &quot;100px 60px&quot;, &quot;50px 30px&quot;);
+
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;&quot;, &quot;&quot;, [&quot;110px 50px 0px 0px 100px&quot;, &quot;110px 50px repeat(2, 0px) 100px&quot;], [&quot;20px 0px 0px 10px&quot;, &quot;20px repeat(2, 0px) 10px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px&quot;, &quot;&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], [&quot;20px 0px 0px 20px&quot;, &quot;20px repeat(2, 0px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px 70px&quot;, &quot;&quot;, [&quot;60px 70px 0px 0px 100px&quot;, &quot;60px 70px repeat(2, 0px) 100px&quot;], [&quot;20px 0px 0px 20px&quot;, &quot;20px repeat(2, 0px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;&quot;, &quot;60px&quot;, [&quot;110px 50px 0px 0px 100px&quot;, &quot;110px 50px repeat(2, 0px) 100px&quot;], [&quot;60px 0px 0px 10px&quot;, &quot;60px repeat(2, 0px) 10px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;&quot;, &quot;60px 70px&quot;, [&quot;110px 50px 0px 0px 100px&quot;, &quot;110px 50px repeat(2, 0px) 100px&quot;], &quot;60px 70px 0px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px&quot;, &quot;60px&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], [&quot;60px 0px 0px 20px&quot;, &quot;60px repeat(2, 0px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px&quot;, &quot;60px 70px&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], &quot;60px 70px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px 70px&quot;, &quot;60px&quot;, [&quot;60px 70px 0px 0px 100px&quot;, &quot;60px 70px repeat(2, 0px) 100px&quot;], [&quot;60px 0px 0px 20px&quot;, &quot;60px repeat(2, 0px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px 70px&quot;, &quot;60px 70px&quot;, [&quot;60px 70px 0px 0px 100px&quot;, &quot;60px 70px repeat(2, 0px) 100px&quot;], &quot;60px 70px 0px 20px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutautotracksexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 300px;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float: left;
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float: left;
+      }
+      .c {
+        background: pink;
+        width: 100px;
+        clear: both;
+        float: left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;c&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutautotrackshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,51 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: auto tracks&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#track-sizing&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-auto-tracks-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        height: auto;
+        width: 100px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: 100px;
+        grid-template-rows: auto;
+      }
+      .a {
+        background: blue;
+        grid-column: 1;
+        grid-row: 1;
+      }
+      .b {
+        background: yellow;
+        grid-column: 2;
+        grid-row: 1;
+      }
+      .c {
+        background: pink;
+        grid-column: 1;
+        grid-row: 2;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&lt;div style=&quot;width:50px&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;
+      &lt;div class=&quot;c&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutbasicexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 150px;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float:left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutbasichtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: basic&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#track-sizing&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-basic-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: 100px 50px;
+      }
+      .a {
+        background: blue;
+        grid-column: 1;
+        grid-row: 1;
+      }
+      .b {
+        background: yellow;
+        grid-column: 2;
+        grid-row: 1;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutrepeatnotationexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 450px;
+        position: relative;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 100px;
+        float:left
+      }
+      .c {
+        background: orange;
+        width: 100px;
+        float:left
+      }
+      .d {
+        background: cyan;
+        width: 100px;
+        float:left
+      }
+      .e {
+        background: pink;
+        width: 50px;
+        float:left
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;c&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;d&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;e&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridlayoutrepeatnotationhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: repeat notation&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#repeat-notation&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-repeat-notation-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the subgrid layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 450px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: repeat(4, 100px) 50px;
+      }
+      .a {
+        background: blue;
+        grid-column: 1;
+      }
+      .b {
+        background: yellow;
+        grid-column: 2;
+      }
+      .c {
+        background: orange;
+        grid-column: 3;
+      }
+      .d {
+        background: cyan;
+        grid-column: 4;
+      }
+      .e {
+        background: pink;
+        grid-column: 5;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;c&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;d&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;e&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportflexiblelengths001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,64 @@
</span><ins>+
+PASS 'emptyGrid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 2fr; and grid-template-rows: 2fr; 
+PASS 'grid' with: grid-template-columns: 2fr; and grid-template-rows: 2fr; 
+PASS 'emptyGrid' with: grid-template-columns: 10fr; and grid-template-rows: 10fr; 
+PASS 'grid' with: grid-template-columns: 10fr; and grid-template-rows: 10fr; 
+PASS 'emptyGrid' with: grid-template-columns: 0.5fr; and grid-template-rows: 0.5fr; 
+PASS 'grid' with: grid-template-columns: 0.5fr; and grid-template-rows: 0.5fr; 
+PASS 'emptyGrid' with: grid-template-columns: .5fr; and grid-template-rows: .5fr; 
+PASS 'grid' with: grid-template-columns: .5fr; and grid-template-rows: .5fr; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(100px, 1fr); and grid-template-rows: minmax(100px, 1fr); 
+PASS 'grid' with: grid-template-columns: minmax(100px, 1fr); and grid-template-rows: minmax(100px, 1fr); 
+PASS 'emptyGrid' with: grid-template-columns: minmax(1fr, 1fr); and grid-template-rows: minmax(1fr, 1fr); 
+PASS 'grid' with: grid-template-columns: minmax(1fr, 1fr); and grid-template-rows: minmax(1fr, 1fr); 
+PASS 'emptyGrid' with: grid-template-columns: 1fr 1fr; and grid-template-rows: 1fr 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr 1fr; and grid-template-rows: 1fr 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 0.25fr 0.75fr; and grid-template-rows: 0.25fr 0.75fr; 
+PASS 'grid' with: grid-template-columns: 0.25fr 0.75fr; and grid-template-rows: 0.25fr 0.75fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1fr 2fr 1fr; and grid-template-rows: 1fr 2fr 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr 2fr 1fr; and grid-template-rows: 1fr 2fr 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: auto 1fr 4fr 3fr 2fr; and grid-template-rows: auto 1fr 4fr 3fr 2fr; 
+PASS 'grid' with: grid-template-columns: auto 1fr 4fr 3fr 2fr; and grid-template-rows: auto 1fr 4fr 3fr 2fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1fr 4fr 100px 3fr 2fr; and grid-template-rows: 1fr 4fr 100px 3fr 2fr; 
+PASS 'grid' with: grid-template-columns: 1fr 4fr 100px 3fr 2fr; and grid-template-rows: 1fr 4fr 100px 3fr 2fr; 
+PASS 'emptyGrid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr; 
+PASS 'grid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: max-content 1fr; and grid-template-rows: max-content 1fr; 
+PASS 'grid' with: grid-template-columns: max-content 1fr; and grid-template-rows: max-content 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: min-content 1fr; and grid-template-rows: min-content 1fr; 
+PASS 'grid' with: grid-template-columns: min-content 1fr; and grid-template-rows: min-content 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1fr auto; and grid-template-rows: 1fr auto; 
+PASS 'grid' with: grid-template-columns: 1fr auto; and grid-template-rows: 1fr auto; 
+PASS 'emptyGrid' with: grid-template-columns: 300px 1fr; and grid-template-rows: 200px 1fr; 
+PASS 'grid' with: grid-template-columns: 300px 1fr; and grid-template-rows: 200px 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 800px 1fr; and grid-template-rows: 600px 1fr; 
+PASS 'grid' with: grid-template-columns: 800px 1fr; and grid-template-rows: 600px 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1000px 1fr; and grid-template-rows: 700px 1fr; 
+PASS 'grid' with: grid-template-columns: 1000px 1fr; and grid-template-rows: 700px 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: calc(50px + 50%) 1fr; and grid-template-rows: calc(50px + 50%) 1fr; 
+PASS 'grid' with: grid-template-columns: calc(50px + 50%) 1fr; and grid-template-rows: calc(50px + 50%) 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(100px, 300px) 1fr; and grid-template-rows: minmax(100px, 200px) 1fr; 
+PASS 'grid' with: grid-template-columns: minmax(100px, 300px) 1fr; and grid-template-rows: minmax(100px, 200px) 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: repeat(4, 1fr); and grid-template-rows: repeat(4, 1fr); 
+PASS 'grid' with: grid-template-columns: repeat(4, 1fr); and grid-template-rows: repeat(4, 1fr); 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(4, [b] 1fr [c]) [d]; and grid-template-rows: [z] repeat(4, [y] 1fr) [x]; 
+PASS 'grid' with: grid-template-columns: [a] repeat(4, [b] 1fr [c]) [d]; and grid-template-rows: [z] repeat(4, [y] 1fr) [x]; 
+PASS 'emptyGrid' with: grid-template-columns: fr; and grid-template-rows: fr; 
+PASS 'grid' with: grid-template-columns: fr; and grid-template-rows: fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1 fr; and grid-template-rows: 1 fr; 
+PASS 'grid' with: grid-template-columns: 1 fr; and grid-template-rows: 1 fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1free-space; and grid-template-rows: 1free-space; 
+PASS 'grid' with: grid-template-columns: 1free-space; and grid-template-rows: 1free-space; 
+PASS 'emptyGrid' with: grid-template-columns: -2fr; and grid-template-rows: -2fr; 
+PASS 'grid' with: grid-template-columns: -2fr; and grid-template-rows: -2fr; 
+PASS 'emptyGrid' with: grid-template-columns: 0,5fr; and grid-template-rows: 0,5fr; 
+PASS 'grid' with: grid-template-columns: 0,5fr; and grid-template-rows: 0,5fr; 
+PASS 'emptyGrid' with: grid-template-columns: calc(1fr + 100px); and grid-template-rows: calc(1fr + 100px); 
+PASS 'grid' with: grid-template-columns: calc(1fr + 100px); and grid-template-rows: calc(1fr + 100px); 
+PASS 'emptyGrid' with: grid-template-columns: (1fr) auto; and grid-template-rows: (1fr) auto; 
+PASS 'grid' with: grid-template-columns: (1fr) auto; and grid-template-rows: (1fr) auto; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(1fr, 1000px); and grid-template-rows: minmax(1fr, 700px); 
+PASS 'grid' with: grid-template-columns: minmax(1fr, 1000px); and grid-template-rows: minmax(1fr, 700px); 
+GRID ITEM
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportflexiblelengths001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,105 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support flexible lengths for 'grid-template-columns' and 'grid-template-rows' properties&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#fr-unit&quot; title=&quot;5.1.3 Flexible Lengths: the fr unit&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid-template-columns' and 'grid-template-rows' properties support flexible lengths (the 'fr' unit), so you can use it to represent a fraction of the free space in the grid container.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;emptyGrid&quot; class=&quot;grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot; class=&quot;grid&quot;&gt;
+            &lt;div&gt;GRID ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Valid values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr&quot;, &quot;1fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr&quot;, &quot;1fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;2fr&quot;, &quot;2fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;2fr&quot;, &quot;2fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;10fr&quot;, &quot;10fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;10fr&quot;, &quot;10fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;0.5fr&quot;, &quot;0.5fr&quot;, &quot;400px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;0.5fr&quot;, &quot;0.5fr&quot;, &quot;400px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;.5fr&quot;, &quot;.5fr&quot;, &quot;400px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;.5fr&quot;, &quot;.5fr&quot;, &quot;400px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(100px, 1fr)&quot;, &quot;minmax(100px, 1fr)&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(100px, 1fr)&quot;, &quot;minmax(100px, 1fr)&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(1fr, 1fr)&quot;, &quot;minmax(1fr, 1fr)&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(1fr, 1fr)&quot;, &quot;minmax(1fr, 1fr)&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr 1fr&quot;, &quot;1fr 1fr&quot;, [&quot;400px 400px&quot;, &quot;repeat(2, 400px)&quot;], [&quot;300px 300px&quot;, &quot;repeat(2, 300px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr 1fr&quot;, &quot;1fr 1fr&quot;, [&quot;400px 400px&quot;, &quot;repeat(2, 400px)&quot;], [&quot;300px 300px&quot;, &quot;repeat(2, 300px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;0.25fr 0.75fr&quot;, &quot;0.25fr 0.75fr&quot;, &quot;200px 600px&quot;, &quot;150px 450px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;0.25fr 0.75fr&quot;, &quot;0.25fr 0.75fr&quot;, &quot;200px 600px&quot;, &quot;150px 450px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr 2fr 1fr&quot;, &quot;1fr 2fr 1fr&quot;, &quot;200px 400px 200px&quot;, &quot;150px 300px 150px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr 2fr 1fr&quot;, &quot;1fr 2fr 1fr&quot;, &quot;200px 400px 200px&quot;, &quot;150px 300px 150px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto 1fr 4fr 3fr 2fr&quot;, &quot;auto 1fr 4fr 3fr 2fr&quot;, &quot;0px 80px 320px 240px 160px&quot;, &quot;0px 60px 240px 180px 120px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto 1fr 4fr 3fr 2fr&quot;, &quot;auto 1fr 4fr 3fr 2fr&quot;, &quot;90px 71px 284px 213px 142px&quot;, &quot;10px 59px 236px 177px 118px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr 4fr 100px 3fr 2fr&quot;, &quot;1fr 4fr 100px 3fr 2fr&quot;, &quot;70px 280px 100px 210px 140px&quot;, &quot;50px 200px 100px 150px 100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr 4fr 100px 3fr 2fr&quot;, &quot;1fr 4fr 100px 3fr 2fr&quot;, &quot;70px 280px 100px 210px 140px&quot;, &quot;50px 200px 100px 150px 100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto 1fr&quot;, &quot;auto 1fr&quot;, &quot;0px 800px&quot;, &quot;0px 600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto 1fr&quot;, &quot;auto 1fr&quot;, &quot;90px 710px&quot;, &quot;10px 590px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;max-content 1fr&quot;, &quot;max-content 1fr&quot;, &quot;0px 800px&quot;, &quot;0px 600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;max-content 1fr&quot;, &quot;max-content 1fr&quot;, &quot;90px 710px&quot;, &quot;10px 590px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;min-content 1fr&quot;, &quot;min-content 1fr&quot;, &quot;0px 800px&quot;, &quot;0px 600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;min-content 1fr&quot;, &quot;min-content 1fr&quot;, &quot;40px 760px&quot;, &quot;20px 580px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr auto&quot;, &quot;1fr auto&quot;, &quot;800px 0px&quot;, &quot;600px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr auto&quot;, &quot;1fr auto&quot;, &quot;800px 0px&quot;, &quot;600px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;300px 1fr&quot;, &quot;200px 1fr&quot;, &quot;300px 500px&quot;, &quot;200px 400px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;300px 1fr&quot;, &quot;200px 1fr&quot;, &quot;300px 500px&quot;, &quot;200px 400px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;800px 1fr&quot;, &quot;600px 1fr&quot;, &quot;800px 0px&quot;, &quot;600px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;800px 1fr&quot;, &quot;600px 1fr&quot;, &quot;800px 0px&quot;, &quot;600px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1000px 1fr&quot;, &quot;700px 1fr&quot;, &quot;1000px 0px&quot;, &quot;700px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1000px 1fr&quot;, &quot;700px 1fr&quot;, &quot;1000px 0px&quot;, &quot;700px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;calc(50px + 50%) 1fr&quot;, &quot;calc(50px + 50%) 1fr&quot;, &quot;450px 350px&quot;, &quot;350px 250px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;calc(50px + 50%) 1fr&quot;, &quot;calc(50px + 50%) 1fr&quot;, &quot;450px 350px&quot;, &quot;350px 250px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(100px, 300px) 1fr&quot;, &quot;minmax(100px, 200px) 1fr&quot;, &quot;300px 500px&quot;, &quot;200px 400px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(100px, 300px) 1fr&quot;, &quot;minmax(100px, 200px) 1fr&quot;, &quot;300px 500px&quot;, &quot;200px 400px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(4, 1fr)&quot;, &quot;repeat(4, 1fr)&quot;, [&quot;200px 200px 200px 200px&quot;, &quot;repeat(4, 200px)&quot;], [&quot;150px 150px 150px 150px&quot;, &quot;repeat(4, 150px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(4, 1fr)&quot;, &quot;repeat(4, 1fr)&quot;, [&quot;200px 200px 200px 200px&quot;, &quot;repeat(4, 200px)&quot;], [&quot;150px 150px 150px 150px&quot;, &quot;repeat(4, 150px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(4, [b] 1fr [c]) [d]&quot;, &quot;[z] repeat(4, [y] 1fr) [x]&quot;, [&quot;[a b] 200px [c b] 200px [c b] 200px [c b] 200px [c d]&quot;, &quot;[a] repeat(4, [b] 200px [c]) [d]&quot;], [&quot;[z y] 150px [y] 150px [y] 150px [y] 150px [x]&quot;, &quot;[z] repeat(4, [y] 150px) [x]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(4, [b] 1fr [c]) [d]&quot;, &quot;[z] repeat(4, [y] 1fr) [x]&quot;, [&quot;[a b] 200px [c b] 200px [c b] 200px [c b] 200px [c d]&quot;, &quot;[a] repeat(4, [b] 200px [c]) [d]&quot;], [&quot;[z y] 150px [y] 150px [y] 150px [y] 150px [x]&quot;, &quot;[z] repeat(4, [y] 150px) [x]&quot;]);
+
+            // Reset values.
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateRows = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateRows = &quot;&quot;;
+
+            // Wrong values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;fr&quot;, &quot;fr&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;fr&quot;, &quot;fr&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1 fr&quot;, &quot;1 fr&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1 fr&quot;, &quot;1 fr&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1free-space&quot;, &quot;1free-space&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1free-space&quot;, &quot;1free-space&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;-2fr&quot;, &quot;-2fr&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;-2fr&quot;, &quot;-2fr&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;0,5fr&quot;, &quot;0,5fr&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;0,5fr&quot;, &quot;0,5fr&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;calc(1fr + 100px)&quot;, &quot;calc(1fr + 100px)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;calc(1fr + 100px)&quot;, &quot;calc(1fr + 100px)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;(1fr) auto&quot;, &quot;(1fr) auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;(1fr) auto&quot;, &quot;(1fr) auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(1fr, 1000px)&quot;, &quot;minmax(1fr, 700px)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(1fr, 1000px)&quot;, &quot;minmax(1fr, 700px)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportgridtemplateareas001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+
+PASS 'grid' with: grid-template-areas: none; 
+PASS 'grid' with: grid-template-areas: &quot;a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;.&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;lower UPPER 10 -minus _low 1-st Â©copy_right line¶&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot; &quot;c d&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a     b&quot;     &quot;c     d&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot;&quot;c d&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot;        &quot;c d&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot;
+&quot;c d&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot; &quot;a b&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a a&quot; &quot;b b&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;. a .&quot; &quot;b a c&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;.. a ...&quot; &quot;b a c&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;.a...&quot; &quot;b a c&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;head head&quot; &quot;nav main&quot; &quot;foot ....&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;head head&quot; &quot;nav main&quot; &quot;foot.&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;... header header ....&quot; &quot;nav main main main&quot; &quot;nav footer footer ....&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;...header header....&quot; &quot;nav main main main&quot; &quot;nav footer footer....&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;title stats&quot; &quot;score stats&quot; &quot;board board&quot; &quot;ctrls ctrls&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;title board&quot; &quot;stats board&quot; &quot;score ctrls&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;. a&quot; &quot;b a&quot; &quot;. a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;.. a&quot; &quot;b a&quot; &quot;... a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;..a&quot; &quot;b a&quot; &quot;.a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a a a&quot; &quot;b b b&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;. .&quot; &quot;a a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;... ....&quot; &quot;a a&quot;; 
+PASS 'grid' with: grid-template-areas: a; 
+PASS 'grid' with: grid-template-areas: &quot;a&quot; &quot;b c&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot; &quot;c&quot; &quot;d e&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b c&quot; &quot;d e&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot;-&quot;c d&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot; - &quot;c d&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot; . &quot;c d&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a&quot; &quot;b&quot; &quot;a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot; &quot;b b&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;b a&quot; &quot;b b&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a b&quot; &quot;b a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;a .&quot; &quot;. a&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;,&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;10%&quot;; 
+PASS 'grid' with: grid-template-areas: &quot;USD$&quot;; 
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportgridtemplateareas001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,77 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support for 'grid-template-ares' property&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-template-areas-property&quot; title=&quot;5.2 Named Areas: the 'grid-template-areas' property&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid-template-areas' is supported in a grid. So you can define the grid structure.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;&lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Single values.
+            TestingUtils.testGridTemplateAreas('grid', 'none', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a&quot;', '&quot;a&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;.&quot;', '&quot;.&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;lower UPPER 10 -minus _low 1-st Â©copy_right line¶&quot;', '&quot;lower UPPER 10 -minus _low 1-st Â©copy_right line¶&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot;', '&quot;a b&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot; &quot;c d&quot;', '&quot;a b&quot; &quot;c d&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a     b&quot;     &quot;c     d&quot;', ['&quot;a b&quot; &quot;c d&quot;', '&quot;a     b&quot; &quot;c     d&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot;&quot;c d&quot;', '&quot;a b&quot; &quot;c d&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot;\t&quot;c d&quot;', '&quot;a b&quot; &quot;c d&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot;\n&quot;c d&quot;', '&quot;a b&quot; &quot;c d&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot; &quot;a b&quot;', '&quot;a b&quot; &quot;a b&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a a&quot; &quot;b b&quot;', '&quot;a a&quot; &quot;b b&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;. a .&quot; &quot;b a c&quot;', '&quot;. a .&quot; &quot;b a c&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;.. a ...&quot; &quot;b a c&quot;', ['&quot;. a .&quot; &quot;b a c&quot;', '&quot;.. a ...&quot; &quot;b a c&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;.a...&quot; &quot;b a c&quot;', ['&quot;. a .&quot; &quot;b a c&quot;', '&quot;.a...&quot; &quot;b a c&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;', '&quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;head head&quot; &quot;nav main&quot; &quot;foot ....&quot;', ['&quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;', '&quot;head head&quot; &quot;nav main&quot; &quot;foot ....&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;head head&quot; &quot;nav main&quot; &quot;foot.&quot;', ['&quot;head head&quot; &quot;nav main&quot; &quot;foot .&quot;', '&quot;head head&quot; &quot;nav main&quot; &quot;foot.&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;', '&quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;... header header ....&quot; &quot;nav main main main&quot; &quot;nav footer footer ....&quot;', ['&quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;', '&quot;... header header ....&quot; &quot;nav main main main&quot; &quot;nav footer footer ....&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;...header header....&quot; &quot;nav main main main&quot; &quot;nav footer footer....&quot;', ['&quot;. header header .&quot; &quot;nav main main main&quot; &quot;nav footer footer .&quot;', '&quot;...header header....&quot; &quot;nav main main main&quot; &quot;nav footer footer....&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;title stats&quot; &quot;score stats&quot; &quot;board board&quot; &quot;ctrls ctrls&quot;', '&quot;title stats&quot; &quot;score stats&quot; &quot;board board&quot; &quot;ctrls ctrls&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;title board&quot; &quot;stats board&quot; &quot;score ctrls&quot;', '&quot;title board&quot; &quot;stats board&quot; &quot;score ctrls&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;. a&quot; &quot;b a&quot; &quot;. a&quot;', '&quot;. a&quot; &quot;b a&quot; &quot;. a&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;.. a&quot; &quot;b a&quot; &quot;... a&quot;', ['&quot;. a&quot; &quot;b a&quot; &quot;. a&quot;', '&quot;.. a&quot; &quot;b a&quot; &quot;... a&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;..a&quot; &quot;b a&quot; &quot;.a&quot;', ['&quot;. a&quot; &quot;b a&quot; &quot;. a&quot;', '&quot;..a&quot; &quot;b a&quot; &quot;.a&quot;']);
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a a a&quot; &quot;b b b&quot;', '&quot;a a a&quot; &quot;b b b&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;. .&quot; &quot;a a&quot;', '&quot;. .&quot; &quot;a a&quot;');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;... ....&quot; &quot;a a&quot;', ['&quot;. .&quot; &quot;a a&quot;', '&quot;... ....&quot; &quot;a a&quot;']);
+
+            // Reset values.
+            document.getElementById('grid').style.gridTemplateAreas = '';
+
+            // Wrong values.
+            TestingUtils.testGridTemplateAreas('grid', 'a', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a&quot; &quot;b c&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot; &quot;c&quot; &quot;d e&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b c&quot; &quot;d e&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot;-&quot;c d&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot; - &quot;c d&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot; . &quot;c d&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b a&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a&quot; &quot;b&quot; &quot;a&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot; &quot;b b&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;b a&quot; &quot;b b&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a b&quot; &quot;b a&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;a .&quot; &quot;. a&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;,&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;10%&quot;', 'none');
+            TestingUtils.testGridTemplateAreas('grid', '&quot;USD$&quot;', 'none');
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportgridtemplatecolumnsrows001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+
+PASS 'emptyGrid' with: grid-template-columns: none; and grid-template-rows: none; 
+PASS 'grid' with: grid-template-columns: none; and grid-template-rows: none; 
+PASS 'emptyGrid' with: grid-template-columns: auto; and grid-template-rows: auto; 
+PASS 'grid' with: grid-template-columns: auto; and grid-template-rows: auto; 
+PASS 'emptyGrid' with: grid-template-columns: 500px; and grid-template-rows: 300px; 
+PASS 'grid' with: grid-template-columns: 500px; and grid-template-rows: 300px; 
+PASS 'emptyGrid' with: grid-template-columns: 40em; and grid-template-rows: 20em; 
+PASS 'grid' with: grid-template-columns: 40em; and grid-template-rows: 20em; 
+PASS 'emptyGrid' with: grid-template-columns: 25%; and grid-template-rows: 50%; 
+PASS 'grid' with: grid-template-columns: 25%; and grid-template-rows: 50%; 
+PASS 'emptyGrid' with: grid-template-columns: calc(200px + 10%); and grid-template-rows: calc(25% + 50px); 
+PASS 'grid' with: grid-template-columns: calc(200px + 10%); and grid-template-rows: calc(25% + 50px); 
+PASS 'emptyGrid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr; and grid-template-rows: 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: max-content; and grid-template-rows: max-content; 
+PASS 'grid' with: grid-template-columns: max-content; and grid-template-rows: max-content; 
+PASS 'emptyGrid' with: grid-template-columns: min-content; and grid-template-rows: min-content; 
+PASS 'grid' with: grid-template-columns: min-content; and grid-template-rows: min-content; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(200px, 400px); and grid-template-rows: minmax(50px, 100px); 
+PASS 'grid' with: grid-template-columns: minmax(200px, 400px); and grid-template-rows: minmax(50px, 100px); 
+PASS 'emptyGrid' with: grid-template-columns: minmax(calc(10% + 200px), calc(800px - 20%)); and grid-template-rows: minmax(calc(20% + 50px), calc(600px - 10%)); 
+PASS 'grid' with: grid-template-columns: minmax(calc(10% + 200px), calc(800px - 20%)); and grid-template-rows: minmax(calc(20% + 50px), calc(600px - 10%)); 
+PASS 'emptyGrid' with: grid-template-columns: 500px 200px 50px; and grid-template-rows: 100px 300px; 
+PASS 'grid' with: grid-template-columns: 500px 200px 50px; and grid-template-rows: 100px 300px; 
+PASS 'emptyGrid' with: grid-template-columns: 40em 100px 15%; and grid-template-rows: 50px 20em 10%; 
+PASS 'grid' with: grid-template-columns: 40em 100px 15%; and grid-template-rows: 50px 20em 10%; 
+PASS 'emptyGrid' with: grid-template-columns: 200px 1fr; and grid-template-rows: 1fr 100px; 
+PASS 'grid' with: grid-template-columns: 200px 1fr; and grid-template-rows: 1fr 100px; 
+PASS 'emptyGrid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr; 
+PASS 'grid' with: grid-template-columns: auto 1fr; and grid-template-rows: auto 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: 1fr 3fr; and grid-template-rows: 2fr 1fr; 
+PASS 'grid' with: grid-template-columns: 1fr 3fr; and grid-template-rows: 2fr 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(25px, 75px) 750px; and grid-template-rows: minmax(50px, 150px) 500px; 
+PASS 'grid' with: grid-template-columns: minmax(25px, 75px) 750px; and grid-template-rows: minmax(50px, 150px) 500px; 
+PASS 'emptyGrid' with: grid-template-columns: min-content 1fr calc(20px + 10%) minmax(30em, 50em); and grid-template-rows: min-content 1fr calc(10% + 40px) minmax(3em, 5em); 
+PASS 'grid' with: grid-template-columns: min-content 1fr calc(20px + 10%) minmax(30em, 50em); and grid-template-rows: min-content 1fr  calc(10% + 40px) minmax(3em, 5em); 
+PASS 'emptyGrid' with: grid-template-columns: foo; and grid-template-rows: bar; 
+PASS 'grid' with: grid-template-columns: foo; and grid-template-rows: bar; 
+PASS 'emptyGrid' with: grid-template-columns: auto none; and grid-template-rows: none auto; 
+PASS 'grid' with: grid-template-columns: auto none; and grid-template-rows: none auto; 
+PASS 'emptyGrid' with: grid-template-columns: 100px, 200px; and grid-template-rows: 300px, 400px; 
+PASS 'grid' with: grid-template-columns: 100px, 200px; and grid-template-rows: 300px, 400px; 
+PASS 'emptyGrid' with: grid-template-columns: minmax(100px, 200px, 300px); and grid-template-rows: minmax(100px, 200px, 300px); 
+PASS 'grid' with: grid-template-columns: minmax(100px, 200px, 300px); and grid-template-rows: minmax(100px, 200px, 300px); 
+GRID ITEM
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportgridtemplatecolumnsrows001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,89 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support for 'grid-template-columns' and 'grid-template-rows' properties&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#track-sizing&quot; title=&quot;5.1 Track Sizing: the 'grid-template-rows' and 'grid-template-columns' properties&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid-template-columns' and 'grid-template-rows' properties are supported in a grid. So you can use the different syntax options to define the trak list.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;emptyGrid&quot; class=&quot;grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot; class=&quot;grid&quot;&gt;
+            &lt;div id=&quot;item&quot;&gt;GRID ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Single values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;none&quot;, &quot;none&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;none&quot;, &quot;none&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto&quot;, &quot;auto&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto&quot;, &quot;auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;500px&quot;, &quot;300px&quot;, &quot;500px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;500px&quot;, &quot;300px&quot;, &quot;500px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;40em&quot;, &quot;20em&quot;, &quot;400px&quot;, &quot;200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;40em&quot;, &quot;20em&quot;, &quot;400px&quot;, &quot;200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;25%&quot;, &quot;50%&quot;, &quot;200px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;25%&quot;, &quot;50%&quot;, &quot;200px&quot;, &quot;300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;calc(200px + 10%)&quot;, &quot;calc(25% + 50px)&quot;, &quot;280px&quot;, &quot;200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;calc(200px + 10%)&quot;, &quot;calc(25% + 50px)&quot;, &quot;280px&quot;, &quot;200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr&quot;, &quot;1fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr&quot;, &quot;1fr&quot;, &quot;800px&quot;, &quot;600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;max-content&quot;, &quot;max-content&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;max-content&quot;, &quot;max-content&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;min-content&quot;, &quot;min-content&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;min-content&quot;, &quot;min-content&quot;, &quot;40px&quot;, &quot;20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(200px, 400px)&quot;, &quot;minmax(50px, 100px)&quot;, &quot;400px&quot;, &quot;100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(200px, 400px)&quot;, &quot;minmax(50px, 100px)&quot;, &quot;400px&quot;, &quot;100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(calc(10% + 200px), calc(800px - 20%))&quot;, &quot;minmax(calc(20% + 50px), calc(600px - 10%))&quot;, &quot;640px&quot;, &quot;540px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(calc(10% + 200px), calc(800px - 20%))&quot;, &quot;minmax(calc(20% + 50px), calc(600px - 10%))&quot;, &quot;640px&quot;, &quot;540px&quot;);
+
+            // Multiple values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;500px 200px 50px&quot;, &quot;100px 300px&quot;, &quot;500px 200px 50px&quot;, &quot;100px 300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;500px 200px 50px&quot;, &quot;100px 300px&quot;, &quot;500px 200px 50px&quot;, &quot;100px 300px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;40em 100px 15%&quot;, &quot;50px 20em 10%&quot;, &quot;400px 100px 120px&quot;, &quot;50px 200px 60px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;40em 100px 15%&quot;, &quot;50px 20em 10%&quot;, &quot;400px 100px 120px&quot;, &quot;50px 200px 60px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;200px 1fr&quot;, &quot;1fr 100px&quot;, &quot;200px 600px&quot;, &quot;500px 100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;200px 1fr&quot;, &quot;1fr 100px&quot;, &quot;200px 600px&quot;, &quot;500px 100px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto 1fr&quot;, &quot;auto 1fr&quot;, &quot;0px 800px&quot;, &quot;0px 600px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto 1fr&quot;, &quot;auto 1fr&quot;, &quot;90px 710px&quot;, &quot;10px 590px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;1fr 3fr&quot;, &quot;2fr 1fr&quot;, &quot;200px 600px&quot;, &quot;400px 200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;1fr 3fr&quot;, &quot;2fr 1fr&quot;, &quot;200px 600px&quot;, &quot;400px 200px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(25px, 75px) 750px&quot;, &quot;minmax(50px, 150px) 500px&quot;, &quot;50px 750px&quot;, &quot;100px 500px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(25px, 75px) 750px&quot;, &quot;minmax(50px, 150px) 500px&quot;, &quot;50px 750px&quot;, &quot;100px 500px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;min-content 1fr calc(20px + 10%) minmax(30em, 50em)&quot;, &quot;min-content 1fr calc(10% + 40px) minmax(3em, 5em)&quot;, &quot;0px 200px 100px 500px&quot;, &quot;0px 450px 100px 50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;min-content 1fr calc(20px + 10%) minmax(30em, 50em)&quot;, &quot;min-content 1fr  calc(10% + 40px) minmax(3em, 5em)&quot;, &quot;40px 160px 100px 500px&quot;, &quot;20px 430px 100px 50px&quot;);
+
+            // Reset values.
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateRows = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateRows = &quot;&quot;;
+
+            // Wrong values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;foo&quot;, &quot;bar&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;foo&quot;, &quot;bar&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto none&quot;, &quot;none auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto none&quot;, &quot;none auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;100px, 200px&quot;, &quot;300px, 400px&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px, 200px&quot;, &quot;300px, 400px&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;minmax(100px, 200px, 300px)&quot;, &quot;minmax(100px, 200px, 300px)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;minmax(100px, 200px, 300px)&quot;, &quot;minmax(100px, 200px, 300px)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportnamedgridlines001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,82 @@
</span><ins>+
+PASS 'emptyGrid' with: grid-template-columns: [first] auto [last]; and grid-template-rows: [first] auto [last]; 
+PASS 'grid' with: grid-template-columns: [first] auto [last]; and grid-template-rows: [first] auto [last]; 
+PASS 'emptyGrid' with: grid-template-columns: [F1rst-L1_n3] auto [L4st-L1_n3]; and grid-template-rows: [F1rst-L1_n3] auto [L4st-L1_n3]; 
+PASS 'grid' with: grid-template-columns: [F1rst-L1_n3] auto [L4st-L1_n3]; and grid-template-rows: [F1rst-L1_n3] auto [L4st-L1_n3]; 
+PASS 'emptyGrid' with: grid-template-columns: [] auto [ ]; and grid-template-rows: [ ] auto []; 
+PASS 'grid' with: grid-template-columns: [] auto [ ]; and grid-template-rows: [ ] auto []; 
+PASS 'emptyGrid' with: grid-template-columns: [first] auto; and grid-template-rows: [first] auto; 
+PASS 'grid' with: grid-template-columns: [first] auto; and grid-template-rows: [first] auto; 
+PASS 'emptyGrid' with: grid-template-columns: auto [last]; and grid-template-rows: auto [last]; 
+PASS 'grid' with: grid-template-columns: auto [last]; and grid-template-rows: auto [last]; 
+PASS 'emptyGrid' with: grid-template-columns: [line] auto [line]; and grid-template-rows: [line] auto [line]; 
+PASS 'grid' with: grid-template-columns: [line] auto [line]; and grid-template-rows: [line] auto [line]; 
+PASS 'emptyGrid' with: grid-template-columns: [first line] auto [last line]; and grid-template-rows: [first line] auto [last line]; 
+PASS 'grid' with: grid-template-columns: [first line] auto [last line]; and grid-template-rows: [first line] auto [last line]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto [b] auto [c]; and grid-template-rows: [a] auto [b] auto [c]; 
+PASS 'grid' with: grid-template-columns: [a] auto [b] auto [c]; and grid-template-rows: [a] auto [b] auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: auto [b] auto [c]; and grid-template-rows: auto [b] auto [c]; 
+PASS 'grid' with: grid-template-columns: auto [b] auto [c]; and grid-template-rows: auto [b] auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto auto [c]; and grid-template-rows: [a] auto auto [c]; 
+PASS 'grid' with: grid-template-columns: [a] auto auto [c]; and grid-template-rows: [a] auto auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto [b] auto; and grid-template-rows: [a] auto [b] auto; 
+PASS 'grid' with: grid-template-columns: [a] auto [b] auto; and grid-template-rows: [a] auto [b] auto; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto auto; and grid-template-rows: [a] auto auto; 
+PASS 'grid' with: grid-template-columns: [a] auto auto; and grid-template-rows: [a] auto auto; 
+PASS 'emptyGrid' with: grid-template-columns: auto [b] auto; and grid-template-rows: auto [b] auto; 
+PASS 'grid' with: grid-template-columns: auto [b] auto; and grid-template-rows: auto [b] auto; 
+PASS 'emptyGrid' with: grid-template-columns: auto auto [c]; and grid-template-rows: auto auto [c]; 
+PASS 'grid' with: grid-template-columns: auto auto [c]; and grid-template-rows: auto auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto [a] auto [a]; and grid-template-rows: [a] auto [a] auto [a]; 
+PASS 'grid' with: grid-template-columns: [a] auto [a] auto [a]; and grid-template-rows: [a] auto [a] auto [a]; 
+PASS 'emptyGrid' with: grid-template-columns: [a b c] auto [a b c] auto [a b c]; and grid-template-rows: [a b c] auto [a b c] auto [a b c]; 
+PASS 'grid' with: grid-template-columns: [a b c] auto [a b c] auto [a b c]; and grid-template-rows: [a b c] auto [a b c] auto [a b c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] 40em [b] 100px [c] 15% [d]; and grid-template-rows: [z] 50px [y] 20em [x] 10% [w]; 
+PASS 'grid' with: grid-template-columns: [a] 40em [b] 100px [c] 15% [d]; and grid-template-rows: [z] 50px [y] 20em [x] 10% [w]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] 200px [b] 1fr [c]; and grid-template-rows: [z] 1fr [y] 100px [x]; 
+PASS 'grid' with: grid-template-columns: [a] 200px [b] 1fr [c]; and grid-template-rows: [z] 1fr [y] 100px [x]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]; and grid-template-rows: [z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]; 
+PASS 'grid' with: grid-template-columns: [a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]; and grid-template-rows: [z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]; 
+PASS 'emptyGrid' with: grid-template-columns: [a]; and grid-template-rows: [a]; 
+PASS 'grid' with: grid-template-columns: [a]; and grid-template-rows: [a]; 
+PASS 'emptyGrid' with: grid-template-columns: [a b]; and grid-template-rows: [a b]; 
+PASS 'grid' with: grid-template-columns: [a b]; and grid-template-rows: [a b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] none [b]; and grid-template-rows: [a] none [b]; 
+PASS 'grid' with: grid-template-columns: [a] none [b]; and grid-template-rows: [a] none [b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] [b]; and grid-template-rows: [a] [b]; 
+PASS 'grid' with: grid-template-columns: [a] [b]; and grid-template-rows: [a] [b]; 
+PASS 'emptyGrid' with: grid-template-columns: a auto b; and grid-template-rows: a auto b; 
+PASS 'grid' with: grid-template-columns: a auto b; and grid-template-rows: a auto b; 
+PASS 'emptyGrid' with: grid-template-columns: (a) auto (b); and grid-template-rows: (a) auto (b); 
+PASS 'grid' with: grid-template-columns: (a) auto (b); and grid-template-rows: (a) auto (b); 
+PASS 'emptyGrid' with: grid-template-columns: 'a' auto 'b'; and grid-template-rows: 'a' auto 'b'; 
+PASS 'grid' with: grid-template-columns: 'a' auto 'b'; and grid-template-rows: 'a' auto 'b'; 
+PASS 'emptyGrid' with: grid-template-columns: &quot;a&quot; auto &quot;b&quot;; and grid-template-rows: &quot;a&quot; auto &quot;b&quot;; 
+PASS 'grid' with: grid-template-columns: &quot;a&quot; auto &quot;b&quot;; and grid-template-rows: &quot;a&quot; auto &quot;b&quot;; 
+PASS 'emptyGrid' with: grid-template-columns: [a, b] auto [a, b]; and grid-template-rows: [a, b] auto [a, b]; 
+PASS 'grid' with: grid-template-columns: [a, b] auto [a, b]; and grid-template-rows: [a, b] auto [a, b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] [b] auto [c d] [e]; and grid-template-rows: [a] [b] auto [c d] [e]; 
+PASS 'grid' with: grid-template-columns: [a] [b] auto [c d] [e]; and grid-template-rows: [a] [b] auto [c d] [e]; 
+PASS 'emptyGrid' with: grid-template-columns: [a [b]] auto [c]; and grid-template-rows: [a [b]] auto [c]; 
+PASS 'grid' with: grid-template-columns: [a [b]] auto [c]; and grid-template-rows: [a [b]] auto [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto [[b]]; and grid-template-rows: [a] auto [[b]]; 
+PASS 'grid' with: grid-template-columns: [a] auto [[b]]; and grid-template-rows: [a] auto [[b]]; 
+PASS 'emptyGrid' with: grid-template-columns: [a auto [b]; and grid-template-rows: [a auto [b]; 
+PASS 'grid' with: grid-template-columns: [a auto [b]; and grid-template-rows: [a auto [b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a 100px] auto [b]; and grid-template-rows: [a 100px] auto [b]; 
+PASS 'grid' with: grid-template-columns: [a 100px] auto [b]; and grid-template-rows: [a 100px] auto [b]; 
+PASS 'emptyGrid' with: grid-template-columns: [a 50%] auto [b]; and grid-template-rows: [a 50%] auto [b]; 
+PASS 'grid' with: grid-template-columns: [a 50%] auto [b]; and grid-template-rows: [a 50%] auto [b]; 
+PASS 'emptyGrid' with: grid-template-columns: [5] auto [10]; and grid-template-rows: [5] auto [10]; 
+PASS 'grid' with: grid-template-columns: [5] auto [10]; and grid-template-rows: [5] auto [10]; 
+PASS 'emptyGrid' with: grid-template-columns: [a.] auto [b*]; and grid-template-rows: [a.] auto [b*]; 
+PASS 'grid' with: grid-template-columns: [a.] auto [b*]; and grid-template-rows: [a.] auto [b*]; 
+PASS 'emptyGrid' with: grid-template-columns: [#a] auto [$b]; and grid-template-rows: [#a] auto [$b]; 
+PASS 'grid' with: grid-template-columns: [#a] auto [$b]; and grid-template-rows: [#a] auto [$b]; 
+PASS 'emptyGrid' with: grid-template-columns: [initial] auto; and grid-template-rows: [initial] auto; 
+PASS 'grid' with: grid-template-columns: [initial] auto; and grid-template-rows: [initial] auto; 
+PASS 'emptyGrid' with: grid-template-columns: [inherit] auto; and grid-template-rows: [inherit] auto; 
+PASS 'grid' with: grid-template-columns: [inherit] auto; and grid-template-rows: [inherit] auto; 
+PASS 'emptyGrid' with: grid-template-columns: [default] auto; and grid-template-rows: [default] auto; 
+PASS 'grid' with: grid-template-columns: [default] auto; and grid-template-rows: [default] auto; 
+GRID ITEM
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportnamedgridlines001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,123 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support for named grid lines in 'grid-template-columns' and 'grid-template-rows' properties&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#named-lines&quot; title=&quot;5.1.1. Named Grid Lines: the '(&amp;lt;custom-ident\&amp;gt;*)' syntax&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that grid lines can be explicitly named in 'grid-template-columns' and 'grid-template-rows' properties.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;emptyGrid&quot; class=&quot;grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot; class=&quot;grid&quot;&gt;
+            &lt;div id=&quot;item&quot;&gt;GRID ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Valid values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[first] auto [last]&quot;, &quot;[first] auto [last]&quot;, &quot;[first] 0px [last]&quot;, &quot;[first] 0px [last]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[first] auto [last]&quot;, &quot;[first] auto [last]&quot;, &quot;[first] 90px [last]&quot;, &quot;[first] 10px [last]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[F1rst-L1_n3] auto [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] auto [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] 0px [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] 0px [L4st-L1_n3]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[F1rst-L1_n3] auto [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] auto [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] 90px [L4st-L1_n3]&quot;, &quot;[F1rst-L1_n3] 10px [L4st-L1_n3]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[] auto [ ]&quot;, &quot;[ ] auto []&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[] auto [ ]&quot;, &quot;[ ] auto []&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[first] auto&quot;, &quot;[first] auto&quot;, &quot;[first] 0px&quot;, &quot;[first] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[first] auto&quot;, &quot;[first] auto&quot;, &quot;[first] 90px&quot;, &quot;[first] 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto [last]&quot;, &quot;auto [last]&quot;, &quot;0px [last]&quot;, &quot;0px [last]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto [last]&quot;, &quot;auto [last]&quot;, &quot;90px [last]&quot;, &quot;10px [last]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[line] auto [line]&quot;, &quot;[line] auto [line]&quot;, &quot;[line] 0px [line]&quot;, &quot;[line] 0px [line]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[line] auto [line]&quot;, &quot;[line] auto [line]&quot;, &quot;[line] 90px [line]&quot;, &quot;[line] 10px [line]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[first line] auto [last line]&quot;, &quot;[first line] auto [last line]&quot;, &quot;[first line] 0px [last line]&quot;, &quot;[first line] 0px [last line]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[first line] auto [last line]&quot;, &quot;[first line] auto [last line]&quot;, &quot;[first line] 90px [last line]&quot;, &quot;[first line] 10px [last line]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto [b] auto [c]&quot;, &quot;[a] auto [b] auto [c]&quot;, &quot;[a] 0px [b] 0px [c]&quot;, &quot;[a] 0px [b] 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto [b] auto [c]&quot;, &quot;[a] auto [b] auto [c]&quot;, &quot;[a] 90px [b] 0px [c]&quot;, &quot;[a] 10px [b] 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto [b] auto [c]&quot;, &quot;auto [b] auto [c]&quot;, &quot;0px [b] 0px [c]&quot;, &quot;0px [b] 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto [b] auto [c]&quot;, &quot;auto [b] auto [c]&quot;, &quot;90px [b] 0px [c]&quot;, &quot;10px [b] 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto auto [c]&quot;, &quot;[a] auto auto [c]&quot;, [&quot;[a] 0px 0px [c]&quot;, &quot;[a] repeat(2, 0px) [c]&quot;], [&quot;[a] 0px 0px [c]&quot;, &quot;[a] repeat(2, 0px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto auto [c]&quot;, &quot;[a] auto auto [c]&quot;, &quot;[a] 90px 0px [c]&quot;, &quot;[a] 10px 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto [b] auto&quot;, &quot;[a] auto [b] auto&quot;, &quot;[a] 0px [b] 0px&quot;, &quot;[a] 0px [b] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto [b] auto&quot;, &quot;[a] auto [b] auto&quot;, &quot;[a] 90px [b] 0px&quot;, &quot;[a] 10px [b] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto auto&quot;, &quot;[a] auto auto&quot;, [&quot;[a] 0px 0px&quot;, &quot;[a] repeat(2, 0px)&quot;], [&quot;[a] 0px 0px&quot;, &quot;[a] repeat(2, 0px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto auto&quot;, &quot;[a] auto auto&quot;, &quot;[a] 90px 0px&quot;, &quot;[a] 10px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto [b] auto&quot;, &quot;auto [b] auto&quot;, &quot;0px [b] 0px&quot;, &quot;0px [b] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto [b] auto&quot;, &quot;auto [b] auto&quot;, &quot;90px [b] 0px&quot;, &quot;10px [b] 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;auto auto [c]&quot;, &quot;auto auto [c]&quot;, [&quot;0px 0px [c]&quot;, &quot;repeat(2, 0px) [c]&quot;], [&quot;0px 0px [c]&quot;, &quot;repeat(2, 0px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto auto [c]&quot;, &quot;auto auto [c]&quot;, &quot;90px 0px [c]&quot;, &quot;10px 0px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto [a] auto [a]&quot;, &quot;[a] auto [a] auto [a]&quot;, [&quot;[a] 0px [a] 0px [a]&quot;, &quot;repeat(2, [a] 0px) [a]&quot;], [&quot;[a] 0px [a] 0px [a]&quot;, &quot;repeat(2, [a] 0px) [a]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto [a] auto [a]&quot;, &quot;[a] auto [a] auto [a]&quot;, &quot;[a] 90px [a] 0px [a]&quot;, &quot;[a] 10px [a] 0px [a]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a b c] auto [a b c] auto [a b c]&quot;, &quot;[a b c] auto [a b c] auto [a b c]&quot;, [&quot;[a b c] 0px [a b c] 0px [a b c]&quot;, &quot;repeat(2, [a b c] 0px) [a b c]&quot;], &quot;[a b c] 0px [a b c] 0px [a b c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a b c] auto [a b c] auto [a b c]&quot;, &quot;[a b c] auto [a b c] auto [a b c]&quot;, &quot;[a b c] 90px [a b c] 0px [a b c]&quot;, &quot;[a b c] 10px [a b c] 0px [a b c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] 40em [b] 100px [c] 15% [d]&quot;, &quot;[z] 50px [y] 20em [x] 10% [w]&quot;, &quot;[a] 400px [b] 100px [c] 120px [d]&quot;, &quot;[z] 50px [y] 200px [x] 60px [w]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] 40em [b] 100px [c] 15% [d]&quot;, &quot;[z] 50px [y] 20em [x] 10% [w]&quot;, &quot;[a] 400px [b] 100px [c] 120px [d]&quot;, &quot;[z] 50px [y] 200px [x] 60px [w]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] 200px [b] 1fr [c]&quot;, &quot;[z] 1fr [y] 100px [x]&quot;, &quot;[a] 200px [b] 600px [c]&quot;, &quot;[z] 500px [y] 100px [x]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] 200px [b] 1fr [c]&quot;, &quot;[z] 1fr [y] 100px [x]&quot;, &quot;[a] 200px [b] 600px [c]&quot;, &quot;[z] 500px [y] 100px [x]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]&quot;, &quot;[z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]&quot;, &quot;[a] 0px [b] 200px [c] 100px [d] 500px [e]&quot;, &quot;[z] 0px [y] 450px [x] 100px [w] 50px [v]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] min-content [b] 1fr [c] calc(20px + 10%) [d] minmax(30em, 50em) [e]&quot;, &quot;[z] min-content [y] 1fr [x] calc(10% + 40px) [w] minmax(3em, 5em) [v]&quot;, &quot;[a] 40px [b] 160px [c] 100px [d] 500px [e]&quot;, &quot;[z] 20px [y] 430px [x] 100px [w] 50px [v]&quot;);
+
+            // Reset values.
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateRows = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateRows = &quot;&quot;;
+
+            // Wrong values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a]&quot;, &quot;[a]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a]&quot;, &quot;[a]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a b]&quot;, &quot;[a b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a b]&quot;, &quot;[a b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] none [b]&quot;, &quot;[a] none [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] none [b]&quot;, &quot;[a] none [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] [b]&quot;, &quot;[a] [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] [b]&quot;, &quot;[a] [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;a auto b&quot;, &quot;a auto b&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;a auto b&quot;, &quot;a auto b&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;(a) auto (b)&quot;, &quot;(a) auto (b)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;(a) auto (b)&quot;, &quot;(a) auto (b)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;'a' auto 'b'&quot;, &quot;'a' auto 'b'&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;'a' auto 'b'&quot;, &quot;'a' auto 'b'&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;\&quot;a\&quot; auto \&quot;b\&quot;&quot;, &quot;\&quot;a\&quot; auto \&quot;b\&quot;&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;\&quot;a\&quot; auto \&quot;b\&quot;&quot;, &quot;\&quot;a\&quot; auto \&quot;b\&quot;&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a, b] auto [a, b]&quot;, &quot;[a, b] auto [a, b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a, b] auto [a, b]&quot;, &quot;[a, b] auto [a, b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] [b] auto [c d] [e]&quot;, &quot;[a] [b] auto [c d] [e]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] [b] auto [c d] [e]&quot;, &quot;[a] [b] auto [c d] [e]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a [b]] auto [c]&quot;, &quot;[a [b]] auto [c]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a [b]] auto [c]&quot;, &quot;[a [b]] auto [c]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto [[b]]&quot;, &quot;[a] auto [[b]]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto [[b]]&quot;, &quot;[a] auto [[b]]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a auto [b]&quot;, &quot;[a auto [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a auto [b]&quot;, &quot;[a auto [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a 100px] auto [b]&quot;, &quot;[a 100px] auto [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a 100px] auto [b]&quot;, &quot;[a 100px] auto [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a 50%] auto [b]&quot;, &quot;[a 50%] auto [b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a 50%] auto [b]&quot;, &quot;[a 50%] auto [b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[5] auto [10]&quot;, &quot;[5] auto [10]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[5] auto [10]&quot;, &quot;[5] auto [10]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a.] auto [b*]&quot;, &quot;[a.] auto [b*]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a.] auto [b*]&quot;, &quot;[a.] auto [b*]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[#a] auto [$b]&quot;, &quot;[#a] auto [$b]&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[#a] auto [$b]&quot;, &quot;[#a] auto [$b]&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[initial] auto&quot;, &quot;[initial] auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[initial] auto&quot;, &quot;[initial] auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[inherit] auto&quot;, &quot;[inherit] auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[inherit] auto&quot;, &quot;[inherit] auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[default] auto&quot;, &quot;[default] auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[default] auto&quot;, &quot;[default] auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportrepeat001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,42 @@
</span><ins>+
+PASS 'emptyGrid' with: grid-template-columns: repeat(1, auto); and grid-template-rows: repeat(1, auto); 
+PASS 'grid' with: grid-template-columns: repeat(1, auto); and grid-template-rows: repeat(1, auto); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, auto); and grid-template-rows: repeat(2, auto); 
+PASS 'grid' with: grid-template-columns: repeat(2, auto); and grid-template-rows: repeat(2, auto); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, minmax(50px, calc(50px + 50%)); and grid-template-rows: repeat(2, minmax(50px, calc(50px + 50%)); 
+PASS 'grid' with: grid-template-columns: repeat(2, minmax(50px, calc(50px + 50%)); and grid-template-rows: repeat(2, minmax(50px, calc(50px + 50%)); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(5, 10%); and grid-template-rows: repeat(5, 10%); 
+PASS 'grid' with: grid-template-columns: repeat(5, 10%); and grid-template-rows: repeat(5, 10%); 
+PASS 'emptyGrid' with: grid-template-columns: max-content repeat(2, 25%) 1fr; and grid-template-rows: 100px repeat(2, 25%) 1fr; 
+PASS 'grid' with: grid-template-columns: max-content repeat(2, 25%) 1fr; and grid-template-rows: max-content repeat(2, 25%) 1fr; 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, min-content 50px); and grid-template-rows: repeat(2, min-content 50px); 
+PASS 'grid' with: grid-template-columns: repeat(2, min-content 50px); and grid-template-rows: repeat(2, min-content 50px); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); and grid-template-rows: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); 
+PASS 'grid' with: grid-template-columns: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); and grid-template-rows: repeat(2, [a] minmax(50px, 100px) [b] 25em [c]); 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(2, auto [b] 100px) [c]; and grid-template-rows: [a] repeat(2, auto [b] 100px) [c]; 
+PASS 'grid' with: grid-template-columns: [a] repeat(2, auto [b] 100px) [c]; and grid-template-rows: [a] repeat(2, auto [b] 100px) [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] auto repeat(2, [b] 100px) [c]; and grid-template-rows: [a] auto repeat(2, [b] 100px) [c]; 
+PASS 'grid' with: grid-template-columns: [a] auto repeat(2, [b] 100px) [c]; and grid-template-rows: [a] auto repeat(2, [b] 100px) [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(2, auto [b]) 100px [c]; and grid-template-rows: [a] repeat(2, auto [b]) 100px [c]; 
+PASS 'grid' with: grid-template-columns: [a] repeat(2, auto [b]) 100px [c]; and grid-template-rows: [a] repeat(2, auto [b]) 100px [c]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(2, [b] 100px); and grid-template-rows: [a] repeat(2, [b] 100px); 
+PASS 'grid' with: grid-template-columns: [a] repeat(2, [b] 100px); and grid-template-rows: [a] repeat(2, [b] 100px); 
+PASS 'emptyGrid' with: grid-template-columns: [a] repeat(2, [b] auto [c]) [d]; and grid-template-rows: [a] repeat(2, [b] auto [c]) [d]; 
+PASS 'grid' with: grid-template-columns: [a] repeat(2, [b] auto [c]) [d]; and grid-template-rows: [a] repeat(2, [b] auto [c]) [d]; 
+PASS 'emptyGrid' with: grid-template-columns: [a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]; and grid-template-rows: [z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]; 
+PASS 'grid' with: grid-template-columns: [a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]; and grid-template-rows: [z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]; 
+PASS 'emptyGrid' with: grid-template-columns: repeat(-1, auto); and grid-template-rows: repeat(-1, auto); 
+PASS 'grid' with: grid-template-columns: repeat(-1, auto); and grid-template-rows: repeat(-1, auto); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(auto, 2); and grid-template-rows: repeat(auto, 2); 
+PASS 'grid' with: grid-template-columns: repeat(auto, 2); and grid-template-rows: repeat(auto, 2); 
+PASS 'emptyGrid' with: grid-template-columns: repeat 2, auto; and grid-template-rows: repeat 2, auto; 
+PASS 'grid' with: grid-template-columns: repeat 2, auto; and grid-template-rows: repeat 2, auto; 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2 auto); and grid-template-rows: repeat(2 auto); 
+PASS 'grid' with: grid-template-columns: repeat(2 auto); and grid-template-rows: repeat(2 auto); 
+PASS 'emptyGrid' with: grid-template-columns: 100px (repeat 2, auto); and grid-template-rows: (repeat 2, auto); 
+PASS 'grid' with: grid-template-columns: 100px (repeat 2, auto); and grid-template-rows: (repeat 2, auto); 
+PASS 'emptyGrid' with: grid-template-columns: repeat(2, 50px repeat(2, 100px)); and grid-template-rows: repeat(2, 50px repeat(2, 100px)); 
+PASS 'grid' with: grid-template-columns: repeat(2, 50px repeat(2, 100px)); and grid-template-rows: repeat(2, 50px repeat(2, 100px)); 
+PASS 'emptyGrid' with: grid-template-columns: 100px repeat(2, [a]); and grid-template-rows: 100px repeat(2, [a]); 
+PASS 'grid' with: grid-template-columns: 100px repeat(2, [a]); and grid-template-rows: 100px repeat(2, [a]); 
+GRID ITEM
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridsupportrepeat001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,83 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support 'repeat()' notation for 'grid-template-columns' and 'grid-template-rows' properties&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#repeat-notation&quot; title=&quot;5.1.2 Repeating Rows and Columns: the 'repeat()' notation&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid-template-columns' and 'grid-template-rows' properties support 'repeat()' notation, so you can use it to represents a repeated fragment of the track list.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;emptyGrid&quot; class=&quot;grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot; class=&quot;grid&quot;&gt;
+            &lt;div id=&quot;item&quot;&gt;GRID ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Valid values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(1, auto)&quot;, &quot;repeat(1, auto)&quot;, &quot;0px&quot;, &quot;0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(1, auto)&quot;, &quot;repeat(1, auto)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, auto)&quot;, &quot;repeat(2, auto)&quot;, [&quot;0px 0px&quot;, &quot;repeat(2, 0px)&quot;], [&quot;0px 0px&quot;, &quot;repeat(2, 0px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, auto)&quot;, &quot;repeat(2, auto)&quot;, &quot;90px 0px&quot;, &quot;10px 0px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, minmax(50px, calc(50px + 50%))&quot;, &quot;repeat(2, minmax(50px, calc(50px + 50%))&quot;, [&quot;400px 400px&quot;, &quot;repeat(2, 400px)&quot;], [&quot;300px 300px&quot;, &quot;repeat(2, 300px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, minmax(50px, calc(50px + 50%))&quot;, &quot;repeat(2, minmax(50px, calc(50px + 50%))&quot;, [&quot;400px 400px&quot;, &quot;repeat(2, 400px)&quot;], [&quot;300px 300px&quot;, &quot;repeat(2, 300px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(5, 10%)&quot;, &quot;repeat(5, 10%)&quot;, [&quot;80px 80px 80px 80px 80px&quot;, &quot;repeat(5, 80px)&quot;], [&quot;60px 60px 60px 60px 60px&quot;, &quot;repeat(5, 60px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(5, 10%)&quot;, &quot;repeat(5, 10%)&quot;, [&quot;80px 80px 80px 80px 80px&quot;, &quot;repeat(5, 80px)&quot;], [&quot;60px 60px 60px 60px 60px&quot;, &quot;repeat(5, 60px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;max-content repeat(2, 25%) 1fr&quot;, &quot;100px repeat(2, 25%) 1fr&quot;, [&quot;0px 200px 200px 400px&quot;, &quot;0px repeat(2, 200px) 400px&quot;], [&quot;100px 150px 150px 200px&quot;, &quot;100px repeat(2, 150px) 200px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;max-content repeat(2, 25%) 1fr&quot;, &quot;max-content repeat(2, 25%) 1fr&quot;, [&quot;90px 200px 200px 310px&quot;, &quot;90px repeat(2, 200px) 310px&quot;], [&quot;10px 150px 150px 290px&quot;, &quot;10px repeat(2, 150px) 290px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, min-content 50px)&quot;, &quot;repeat(2, min-content 50px)&quot;, [&quot;0px 50px 0px 50px&quot;, &quot;repeat(2, 0px 50px)&quot;], [&quot;0px 50px 0px 50px&quot;, &quot;repeat(2, 0px 50px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, min-content 50px)&quot;, &quot;repeat(2, min-content 50px)&quot;, &quot;40px 50px 0px 50px&quot;, &quot;20px 50px 0px 50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, [a] minmax(50px, 100px) [b] 25em [c])&quot;, &quot;repeat(2, [a] minmax(50px, 100px) [b] 25em [c])&quot;, &quot;[a] 100px [b] 250px [c a] 100px [b] 250px [c]&quot;, &quot;[a] 50px [b] 250px [c a] 50px [b] 250px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, [a] minmax(50px, 100px) [b] 25em [c])&quot;, &quot;repeat(2, [a] minmax(50px, 100px) [b] 25em [c])&quot;, &quot;[a] 100px [b] 250px [c a] 100px [b] 250px [c]&quot;, &quot;[a] 50px [b] 250px [c a] 50px [b] 250px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(2, auto [b] 100px) [c]&quot;, &quot;[a] repeat(2, auto [b] 100px) [c]&quot;, [&quot;[a] 0px [b] 100px 0px [b] 100px [c]&quot;, &quot;[a] repeat(2, 0px [b] 100px) [c]&quot;], [&quot;[a] 0px [b] 100px 0px [b] 100px [c]&quot;, &quot;[a] repeat(2, 0px [b] 100px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(2, auto [b] 100px) [c]&quot;, &quot;[a] repeat(2, auto [b] 100px) [c]&quot;, &quot;[a] 90px [b] 100px 0px [b] 100px [c]&quot;, &quot;[a] 10px [b] 100px 0px [b] 100px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] auto repeat(2, [b] 100px) [c]&quot;, &quot;[a] auto repeat(2, [b] 100px) [c]&quot;, [&quot;[a] 0px [b] 100px [b] 100px [c]&quot;, &quot;[a] 0px repeat(2, [b] 100px) [c]&quot;], [&quot;[a] 0px [b] 100px [b] 100px [c]&quot;, &quot;[a] 0px repeat(2, [b] 100px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] auto repeat(2, [b] 100px) [c]&quot;, &quot;[a] auto repeat(2, [b] 100px) [c]&quot;, [&quot;[a] 90px [b] 100px [b] 100px [c]&quot;, &quot;[a] 90px repeat(2, [b] 100px) [c]&quot;], [&quot;[a] 10px [b] 100px [b] 100px [c]&quot;, &quot;[a] 10px repeat(2, [b] 100px) [c]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(2, auto [b]) 100px [c]&quot;, &quot;[a] repeat(2, auto [b]) 100px [c]&quot;, &quot;[a] 0px [b] 0px [b] 100px [c]&quot;, &quot;[a] 0px [b] 0px [b] 100px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(2, auto [b]) 100px [c]&quot;, &quot;[a] repeat(2, auto [b]) 100px [c]&quot;, &quot;[a] 90px [b] 0px [b] 100px [c]&quot;, &quot;[a] 10px [b] 0px [b] 100px [c]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(2, [b] 100px)&quot;, &quot;[a] repeat(2, [b] 100px)&quot;, [&quot;[a b] 100px [b] 100px&quot;, &quot;[a] repeat(2, [b] 100px)&quot;], [&quot;[a b] 100px [b] 100px&quot;, &quot;[a] repeat(2, [b] 100px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(2, [b] 100px)&quot;, &quot;[a] repeat(2, [b] 100px)&quot;, [&quot;[a b] 100px [b] 100px&quot;, &quot;[a] repeat(2, [b] 100px)&quot;], [&quot;[a b] 100px [b] 100px&quot;, &quot;[a] repeat(2, [b] 100px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] repeat(2, [b] auto [c]) [d]&quot;, &quot;[a] repeat(2, [b] auto [c]) [d]&quot;, [&quot;[a b] 0px [c b] 0px [c d]&quot;, &quot;[a] repeat(2, [b] 0px [c]) [d]&quot;], [&quot;[a b] 0px [c b] 0px [c d]&quot;, &quot;[a] repeat(2, [b] 0px [c]) [d]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] repeat(2, [b] auto [c]) [d]&quot;, &quot;[a] repeat(2, [b] auto [c]) [d]&quot;, &quot;[a b] 90px [c b] 0px [c d]&quot;, &quot;[a b] 10px [c b] 0px [c d]&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;[a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]&quot;, &quot;[z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]&quot;, [&quot;[a] 0px [b] 50px [c] 100px [b] 50px [c] 100px [d] 500px [e]&quot;, &quot;[a] 0px repeat(2, [b] 50px [c] 100px) [d] 500px [e]&quot;], [&quot;[z] 0px [y] 175px [x] 100px [y] 175px [x] 100px [w] 50px [v]&quot;, &quot;[z] 0px repeat(2, [y] 175px [x] 100px) [w] 50px [v]&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;[a] min-content repeat(2, [b] 1fr [c] calc(20px + 10%)) [d] minmax(30em, 50em) [e]&quot;, &quot;[z] min-content repeat(2, [y] 1fr [x] calc(10% + 40px)) [w] minmax(3em, 5em) [v]&quot;, [&quot;[a] 40px [b] 30px [c] 100px [b] 30px [c] 100px [d] 500px [e]&quot;, &quot;[a] 40px repeat(2, [b] 30px [c] 100px) [d] 500px [e]&quot;], [&quot;[z] 20px [y] 165px [x] 100px [y] 165px [x] 100px [w] 50px [v]&quot;, &quot;[z] 20px repeat(2, [y] 165px [x] 100px) [w] 50px [v]&quot;]);
+
+            // Reset values.
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;emptyGrid&quot;).style.gridTemplateRows = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateColumns = &quot;&quot;;
+            document.getElementById(&quot;grid&quot;).style.gridTemplateRows = &quot;&quot;;
+
+            // Wrong values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(-1, auto)&quot;, &quot;repeat(-1, auto)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(-1, auto)&quot;, &quot;repeat(-1, auto)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(auto, 2)&quot;, &quot;repeat(auto, 2)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(auto, 2)&quot;, &quot;repeat(auto, 2)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat 2, auto&quot;, &quot;repeat 2, auto&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat 2, auto&quot;, &quot;repeat 2, auto&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2 auto)&quot;, &quot;repeat(2 auto)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2 auto)&quot;, &quot;repeat(2 auto)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;100px (repeat 2, auto)&quot;, &quot;(repeat 2, auto)&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px (repeat 2, auto)&quot;, &quot;(repeat 2, auto)&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;repeat(2, 50px repeat(2, 100px))&quot;, &quot;repeat(2, 50px repeat(2, 100px))&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;repeat(2, 50px repeat(2, 100px))&quot;, &quot;repeat(2, 50px repeat(2, 100px))&quot;, &quot;90px&quot;, &quot;10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;emptyGrid&quot;, &quot;100px repeat(2, [a])&quot;, &quot;100px repeat(2, [a])&quot;, &quot;none&quot;, &quot;none&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px repeat(2, [a])&quot;, &quot;100px repeat(2, [a])&quot;, &quot;90px&quot;, &quot;10px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridtemplatecolumnsrowsresolvedvalues001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,55 @@
</span><ins>+
+PASS 'grid' with: grid-template-columns: ; and grid-template-rows: ; 
+PASS 'grid' with: grid-template-columns: auto auto; and grid-template-rows: ; 
+PASS 'grid' with: grid-template-columns: 60px; and grid-template-rows: ; 
+PASS 'grid' with: grid-template-columns: 100px 60px; and grid-template-rows: ; 
+PASS 'grid' with: grid-template-columns: ; and grid-template-rows: 50px; 
+PASS 'grid' with: grid-template-columns: ; and grid-template-rows: 50px 30px; 
+PASS 'grid' with: grid-template-columns: 60px; and grid-template-rows: 50px; 
+PASS 'grid' with: grid-template-columns: 60px; and grid-template-rows: 50px 30px; 
+PASS 'grid' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px; 
+PASS 'grid' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px 30px; 
+PASS 'gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: ; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: ; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: ; 
+PASS 'gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px; 
+PASS 'gridItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px 50px; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px 50px; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: 60px; 
+PASS 'gridItemsPositions' with: grid-template-columns: 60px 50px; and grid-template-rows: 60px 50px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: auto auto; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 100px 60px; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: 50px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: ; and grid-template-rows: 50px 30px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: 50px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 60px; and grid-template-rows: 50px 30px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px; 
+PASS 'gridAutoFlowColumn' with: grid-template-columns: 100px 60px; and grid-template-rows: 50px 30px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: ; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: ; and grid-template-rows: 60px 70px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px; and grid-template-rows: 60px 70px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: 60px; 
+PASS 'gridAutoFlowColumnItemsPositions' with: grid-template-columns: 60px 70px; and grid-template-rows: 60px 70px; 
+FIRST ITEM
+SECOND ITEM
+THIRD
+ITEM
+FIRST ITEM
+SECOND ITEM
+THIRD
+ITEM
+FIRST ITEM
+SECOND ITEM
+THIRD
+ITEM
+FIRST ITEM
+SECOND ITEM
+THIRD
+ITEM
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitiongridtemplatecolumnsrowsresolvedvalues001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,107 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'grid-template-columns' and 'grid-template-rows' properties resolved values for implicit tracks&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#resolved-track-list&quot; title=&quot;5.1.5. Resolved Values&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that resolved values for 'grid-template-columns' and 'grid-template-rows' list tracks implicitly created.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;support/testing-utils.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                width: 800px;
+                height: 600px;
+                font: 10px/1 Ahem;
+                justify-content: start;
+                align-content: start;
+            }
+
+            .fifthColumn {
+                grid-column: 5;
+            }
+
+            .fourthRow {
+                grid-row: 4;
+            }
+
+            .gridAutoFlowColumn {
+                grid-auto-flow: column;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;grid&quot; class=&quot;grid&quot;&gt;
+            &lt;div&gt;FIRST ITEM&lt;/div&gt;
+            &lt;div&gt;SECOND ITEM&lt;/div&gt;
+            &lt;div&gt;THIRD&lt;br /&gt;ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;div id=&quot;gridItemsPositions&quot; class=&quot;grid&quot;&gt;
+            &lt;div class=&quot;fifthColumn&quot;&gt;FIRST ITEM&lt;/div&gt;
+            &lt;div class=&quot;fourthRow&quot;&gt;SECOND ITEM&lt;/div&gt;
+            &lt;div&gt;THIRD&lt;br /&gt;ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;div id=&quot;gridAutoFlowColumn&quot; class=&quot;grid gridAutoFlowColumn&quot;&gt;
+            &lt;div&gt;FIRST ITEM&lt;/div&gt;
+            &lt;div&gt;SECOND ITEM&lt;/div&gt;
+            &lt;div&gt;THIRD&lt;br /&gt;ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;div id=&quot;gridAutoFlowColumnItemsPositions&quot; class=&quot;grid gridAutoFlowColumn&quot;&gt;
+            &lt;div class=&quot;fifthColumn&quot;&gt;FIRST ITEM&lt;/div&gt;
+            &lt;div class=&quot;fourthRow&quot;&gt;SECOND ITEM&lt;/div&gt;
+            &lt;div&gt;THIRD&lt;br /&gt;ITEM&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            // Valid values.
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;&quot;, &quot;&quot;, &quot;110px&quot;, [&quot;10px 10px 20px&quot;, &quot;repeat(2, 10px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;auto auto&quot;, &quot;&quot;, &quot;100px 110px&quot;, &quot;10px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;60px&quot;, &quot;&quot;, &quot;60px&quot;, [&quot;20px 20px 20px&quot;, &quot;repeat(3, 20px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px 60px&quot;, &quot;&quot;, &quot;100px 60px&quot;, [&quot;20px 20px&quot;, &quot;repeat(2, 20px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;&quot;, &quot;50px&quot;, &quot;110px&quot;, &quot;50px 10px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;&quot;, &quot;50px 30px&quot;, &quot;110px&quot;, &quot;50px 30px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;60px&quot;, &quot;50px&quot;, &quot;60px&quot;, [&quot;50px 20px 20px&quot;, &quot;50px repeat(2, 20px)&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;60px&quot;, &quot;50px 30px&quot;, &quot;60px&quot;, &quot;50px 30px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px 60px&quot;, &quot;50px&quot;, &quot;100px 60px&quot;, &quot;50px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;grid&quot;, &quot;100px 60px&quot;, &quot;50px 30px&quot;, &quot;100px 60px&quot;, &quot;50px 30px&quot;);
+
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;&quot;, &quot;&quot;, [&quot;110px 0px 0px 0px 100px&quot;, &quot;110px repeat(3, 0px) 100px&quot;], &quot;10px 20px 0px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px&quot;, &quot;&quot;, [&quot;60px 0px 0px 0px 100px&quot;, &quot;60px repeat(3, 0px) 100px&quot;], &quot;10px 20px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px 50px&quot;, &quot;&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], &quot;10px 20px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;&quot;, &quot;60px&quot;, [&quot;110px 0px 0px 0px 100px&quot;, &quot;110px repeat(3, 0px) 100px&quot;], &quot;60px 20px 0px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;&quot;, &quot;60px 50px&quot;, [&quot;110px 0px 0px 0px 100px&quot;, &quot;110px repeat(3, 0px) 100px&quot;], &quot;60px 50px 0px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px&quot;, &quot;60px&quot;, [&quot;60px 0px 0px 0px 100px&quot;, &quot;60px repeat(3, 0px) 100px&quot;], &quot;60px 20px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px&quot;, &quot;60px 50px&quot;, [&quot;60px 0px 0px 0px 100px&quot;, &quot;60px repeat(3, 0px) 100px&quot;], &quot;60px 50px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px 50px&quot;, &quot;60px&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], &quot;60px 20px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridItemsPositions&quot;, &quot;60px 50px&quot;, &quot;60px 50px&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], &quot;60px 50px 0px 20px&quot;);
+
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;&quot;, &quot;&quot;, &quot;100px 110px 50px&quot;, &quot;20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;&quot;, &quot;auto auto&quot;, &quot;110px 50px&quot;, &quot;20px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;60px&quot;, &quot;&quot;, &quot;60px 110px 50px&quot;, &quot;20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;100px 60px&quot;, &quot;&quot;, &quot;100px 60px 50px&quot;, &quot;20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;&quot;, &quot;50px&quot;, &quot;100px 110px 50px&quot;, &quot;50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;&quot;, &quot;50px 30px&quot;, &quot;110px 50px&quot;, &quot;50px 30px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;60px&quot;, &quot;50px&quot;, &quot;60px 110px 50px&quot;, &quot;50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;60px&quot;, &quot;50px 30px&quot;, &quot;60px 50px&quot;, &quot;50px 30px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;100px 60px&quot;, &quot;50px&quot;, &quot;100px 60px 50px&quot;, &quot;50px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumn&quot;, &quot;100px 60px&quot;, &quot;50px 30px&quot;, &quot;100px 60px&quot;, &quot;50px 30px&quot;);
+
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;&quot;, &quot;&quot;, [&quot;110px 50px 0px 0px 100px&quot;, &quot;110px 50px repeat(2, 0px) 100px&quot;], [&quot;20px 0px 0px 10px&quot;, &quot;20px repeat(2, 0px) 10px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px&quot;, &quot;&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], [&quot;20px 0px 0px 20px&quot;, &quot;20px repeat(2, 0px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px 70px&quot;, &quot;&quot;, [&quot;60px 70px 0px 0px 100px&quot;, &quot;60px 70px repeat(2, 0px) 100px&quot;], [&quot;20px 0px 0px 20px&quot;, &quot;20px repeat(2, 0px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;&quot;, &quot;60px&quot;, [&quot;110px 50px 0px 0px 100px&quot;, &quot;110px 50px repeat(2, 0px) 100px&quot;], [&quot;60px 0px 0px 10px&quot;, &quot;60px repeat(2, 0px) 10px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;&quot;, &quot;60px 70px&quot;, [&quot;110px 50px 0px 0px 100px&quot;, &quot;110px 50px repeat(2, 0px) 100px&quot;], &quot;60px 70px 0px 10px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px&quot;, &quot;60px&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], [&quot;60px 0px 0px 20px&quot;, &quot;60px repeat(2, 0px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px&quot;, &quot;60px 70px&quot;, [&quot;60px 50px 0px 0px 100px&quot;, &quot;60px 50px repeat(2, 0px) 100px&quot;], &quot;60px 70px 0px 20px&quot;);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px 70px&quot;, &quot;60px&quot;, [&quot;60px 70px 0px 0px 100px&quot;, &quot;60px 70px repeat(2, 0px) 100px&quot;], [&quot;60px 0px 0px 20px&quot;, &quot;60px repeat(2, 0px) 20px&quot;]);
+            TestingUtils.testGridTemplateColumnsRows(&quot;gridAutoFlowColumnItemsPositions&quot;, &quot;60px 70px&quot;, &quot;60px 70px&quot;, [&quot;60px 70px 0px 0px 100px&quot;, &quot;60px 70px repeat(2, 0px) 100px&quot;], &quot;60px 70px 0px 20px&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionsupporttestingutilsjs"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/testing-utils.js (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/testing-utils.js                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/testing-utils.js        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+var TestingUtils = (function() {
+
+    function checkGridTemplateColumns(element, value) {
+        assert_in_array(getComputedStyle(element).gridTemplateColumns, value, &quot;gridTemplateColumns&quot;);
+    }
+
+    function checkGridTemplateRows(element, value) {
+        assert_in_array(getComputedStyle(element).gridTemplateRows, value, &quot;gridTemplateRows&quot;);
+    }
+
+    function testGridTemplateColumnsRows(gridId, columnsStyle, rowsStyle, columnsComputedValue, rowsComputedValue) {
+        test(function() {
+            var grid = document.getElementById(gridId);
+            grid.style.gridTemplateColumns = columnsStyle;
+            grid.style.gridTemplateRows = rowsStyle;
+            checkGridTemplateColumns(grid, columnsComputedValue);
+            checkGridTemplateRows(grid, rowsComputedValue);
+        }, &quot;'&quot; + gridId + &quot;' with: grid-template-columns: &quot; + columnsStyle  + &quot;; and grid-template-rows: &quot; + rowsStyle + &quot;;&quot;);
+    }
+
+    function checkGridTemplateAreas(element, value) {
+        assert_in_array(getComputedStyle(element).gridTemplateAreas, value, &quot;gridTemplateAreas&quot;);
+    }
+
+    function testGridTemplateAreas(gridId, style, value) {
+        test(function() {
+            var grid = document.getElementById(gridId);
+            grid.style.gridTemplateAreas = style;
+            checkGridTemplateAreas(grid, value);
+        }, &quot;'&quot; + gridId + &quot;' with: grid-template-areas: &quot; + style + &quot;;&quot;);
+    }
+
+    return {
+        testGridTemplateColumnsRows: testGridTemplateColumnsRows,
+        testGridTemplateAreas: testGridTemplateAreas
+    }
+})();
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionsupportw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/support/testing-utils.js
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griddefinitionw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit-with-percentage.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/fr-unit.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-areas-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-template-columns-rows-resolved-values-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-auto-tracks.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-basic.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-layout-repeat-notation.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-areas-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-definition/grid-template-columns-rows-resolved-values-001.xht
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Regular and anonymous grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4 Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that inline grid container children become grid items, and text that is directly contained inside the inline grid is wrapped in an anonymous grid item.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-inline-grid-overlapping-green {
+                display: inline-grid;
+                font: 25px/1 Ahem;
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;test-inline-grid-overlapping-green&quot;&gt;
+            &lt;div&gt;it&lt;/div&gt;
+            em
+            &lt;div&gt;it&lt;/div&gt;
+            em
+        &lt;/div&gt;&lt;div class=&quot;test-inline-grid-overlapping-green&quot;&gt;
+            it
+            &lt;span&gt;em&lt;/span&gt;
+            it
+            &lt;span&gt;em&lt;/span&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,55 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Children of grid items do not create new items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4 Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that the grid items do not split around blocks creating extra items within an inline grid.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-inline-grid-overlapping-green {
+                display: inline-grid;
+                font: 25px/1 Ahem;
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;test-inline-grid-overlapping-green&quot;&gt;
+            &lt;div&gt;
+                &lt;div&gt;it&lt;/div&gt;
+                em
+            &lt;/div&gt;
+            &lt;div&gt;
+                it
+                &lt;div&gt;em&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;&lt;div class=&quot;test-inline-grid-overlapping-green&quot;&gt;
+            &lt;span&gt;
+                &lt;span&gt;i&lt;/span&gt;t
+            &lt;/span&gt;
+            &lt;span&gt;
+                e&lt;span&gt;m&lt;/span&gt;
+            &lt;/span&gt;
+            &lt;span&gt;
+                &lt;span&gt;i&lt;/span&gt;t
+            &lt;/span&gt;
+            &lt;span&gt;
+                e&lt;span&gt;m&lt;/span&gt;
+            &lt;/span&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitems003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Grid items with 'display:none' are not rendered within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4 Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-inline-grid-overlapping-green {
+                display: inline-grid;
+                font: 50px/1 Ahem;
+                color: green;
+            }
+
+            .display-none-red {
+                display: none;
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;test-inline-grid-overlapping-green two-columns&quot;&gt;
+            &lt;span&gt;it&lt;/span&gt;
+            &lt;span class=&quot;display-none-red&quot;&gt;hidden&lt;/span&gt;
+            &lt;span&gt;em&lt;/span&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitemsinlineblocks001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineitemsinlineblocks001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Paint order of grid items within an inline grid is the same as inline blocks&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;9.5 Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/CSS2/zindex.html#painting-order&quot; title=&quot;E.2 Painting order&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+            }
+
+            #reference-overlapped-red {
+                color: red;
+                font: 100px/1 Ahem;
+                grid-row: 1;
+                grid-column: 1;
+            }
+
+            #test-overlapping-green {
+                background-color: green;
+                width: 100px;
+                height: 100px;
+                grid-row: 1;
+                grid-column: 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;reference-overlapped-red&quot;&gt;R&lt;/div&gt;
+            &lt;div id=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #inline-grid {
+                display: inline-grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+                order: 1;
+            }
+
+            #lime {
+                color: lime;
+                order: 5;
+            }
+
+            #magenta {
+                color: magenta;
+                order: 10;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #inline-grid {
+                display: inline-grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+            }
+
+            #blue {
+                color: blue;
+                order: -10;
+            }
+
+            #yellow {
+                color: yellow;
+                order: -5;
+            }
+
+            #lime {
+                color: lime;
+                order: -1;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,57 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #inline-grid {
+                display: inline-grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+            }
+
+            #blue {
+                color: blue;
+                order: -5;
+            }
+
+            #yellow {
+                color: yellow;
+                order: -5;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+                order: 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #inline-grid {
+                display: inline-grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+            }
+
+            #blue {
+                color: blue;
+                order: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                order: 1;
+            }
+
+            #lime {
+                color: lime;
+                order: 5;
+            }
+
+            #magenta {
+                color: magenta;
+                order: 5;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement005expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertyautoplacement005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,58 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #inline-grid {
+                display: inline-grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+            }
+
+            #blue {
+                color: blue;
+                order: -5;
+            }
+
+            #yellow {
+                color: yellow;
+                order: -1;
+            }
+
+            #lime {
+                color: lime;
+                order: 1;
+            }
+
+            #magenta {
+                color: magenta;
+                order: 5;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                order: 1;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                order: -1;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                order: 10;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                order: 5;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                order: -5;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                order: -10;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting005expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlineorderpropertypainting005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                order: 1;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                order: -1;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                z-index: 1;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                z-index: -1;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                z-index: 10;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                z-index: 5;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                z-index: -5;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                z-index: -10;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering005expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisordering005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                z-index: 1;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                z-index: -1;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: -1;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                z-index: 1;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: 1;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                z-index: 5;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                z-index: 10;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: -10;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                z-index: -5;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                z-index: -1;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                z-index: 1;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                z-index: 5;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems005expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: -5;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                z-index: -1;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems006expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridinlinezaxisorderingoverlappeditems006xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #inline-grid {
+                display: inline-grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: -1;
+                grid-column: 2;
+                grid-row: 2;
+                margin-top: -25px;
+                margin-left: -25px;
+            }
+
+            #yellow {
+                color: yellow;
+                grid-column: 4;
+                grid-row: 4;
+                margin-top: -50px;
+                margin-left: -50px;
+            }
+
+            #green {
+                color: green;
+                z-index: 1;
+                grid-column: 1;
+                grid-row: 1;
+                margin-top: 50px;
+                margin-left: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Grid item sizing&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Tomek Wytrebowicz&quot; href=&quot;mailto:tomalecpub@gmail.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4. Grid Items&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;A grid item is sized within the containing block defined by its grid area&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;style&gt;
+    #grid {
+        display: grid;
+        width: 200px;
+        height: 200px;
+        grid-template-rows: 100px;
+        grid-template-columns: 100px;
+    }
+
+    #test-overlapped-red {
+        background-color: red;
+        width: 100%;
+        height: 100%;
+    }
+
+    #test-overlapping-green {
+        background-color: green;
+        width: 100px;
+        height: 100px;
+    }
+&lt;/style&gt;
+&lt;body&gt;
+    &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+    &lt;div id=&quot;grid&quot;&gt;
+        &lt;div id=&quot;test-overlapped-red&quot;&gt;
+            &lt;div id=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/body&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock002html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Grid item sizing&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Tomek Wytrebowicz&quot; href=&quot;mailto:tomalecpub@gmail.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4. Grid Items&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;A grid item is sized within the containing block defined by its grid area&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;style&gt;
+    #grid {
+        display: grid;
+        width: 200px;
+        height: 200px;
+        grid-template-rows: 50%;
+        grid-template-columns: 50%;
+    }
+
+    #test-overlapped-red {
+        background-color: red;
+        width: 100%;
+        height: 100%;
+    }
+
+    #test-overlapping-green {
+        background-color: green;
+        width: 100px;
+        height: 100px;
+    }
+&lt;/style&gt;
+&lt;body&gt;
+    &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+    &lt;div id=&quot;grid&quot;&gt;
+        &lt;div id=&quot;test-overlapped-red&quot;&gt;
+            &lt;div id=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/body&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock003html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Grid item sizing&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Tomek Wytrebowicz&quot; href=&quot;mailto:tomalecpub@gmail.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4. Grid Items&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;A grid item is sized within the containing block defined by its grid area&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;style&gt;
+    #grid {
+        display: grid;
+        width: 200px;
+        height: 200px;
+        grid-template-rows: 1fr 1fr;
+        grid-template-columns: 1fr 1fr;
+    }
+
+    #test-overlapped-red {
+        background-color: red;
+        width: 100%;
+        height: 100%;
+    }
+
+    #test-overlapping-green {
+        background-color: green;
+        width: 100px;
+        height: 100px;
+    }
+&lt;/style&gt;
+&lt;body&gt;
+    &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+    &lt;div id=&quot;grid&quot;&gt;
+        &lt;div id=&quot;test-overlapped-red&quot;&gt;
+            &lt;div id=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/body&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemcontainingblock004html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Grid item sizing in a positioned grid container&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Tomek Wytrebowicz&quot; href=&quot;mailto:tomalecpub@gmail.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4. Grid Items&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;A grid item is sized within the containing block defined by its grid area that intersects flexible tracks&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;style&gt;
+    #grid {
+        display: grid;
+        position: absolute;
+        height: 200px;
+        width: 200px;
+        grid-template-rows: 1fr 1fr;
+        grid-template-columns: 1fr 1fr;
+    }
+
+    #test-item-overlapped-red {
+        background-color: red;
+        width: 100%;
+        height: 100%;
+    }
+    #reference-overlapping-green{
+        background-color: green;
+        width: 100px;
+        height: 100px;
+    }
+&lt;/style&gt;
+&lt;body&gt;
+    &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+        &lt;div id=&quot;test-item-overlapped-red&quot;&gt;
+            &lt;div id=&quot;reference-overlapping-green&quot;&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/body&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Regular and anonymous grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4 Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that grid container children become grid items, and text that is directly contained inside the grid is wrapped in an anonymous grid item.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-grid-overlapping-green {
+                display: grid;
+                font: 25px/1 Ahem;
+                color: green;
+                grid-template-columns: auto auto;
+                justify-content: start;
+                align-content: start;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;test-grid-overlapping-green&quot;&gt;
+            &lt;div&gt;it&lt;/div&gt;
+            em
+            &lt;div&gt;it&lt;/div&gt;
+            em
+        &lt;/div&gt;
+        &lt;div class=&quot;test-grid-overlapping-green&quot;&gt;
+            it
+            &lt;span&gt;em&lt;/span&gt;
+            it
+            &lt;span&gt;em&lt;/span&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,56 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Children of grid items do not create new items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4 Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that the grid items do not split around blocks creating extra items.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-grid-overlapping-green {
+                display: grid;
+                font: 25px/1 Ahem;
+                color: green;
+                justify-content: start;
+                align-content: start;
+            }
+
+            .two-columns {
+                grid-template-columns: auto auto;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;test-grid-overlapping-green two-columns&quot;&gt;
+            &lt;div&gt;
+                &lt;div&gt;it&lt;/div&gt;
+                em
+            &lt;/div&gt;
+            &lt;div&gt;
+                it
+                &lt;div&gt;em&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;test-grid-overlapping-green&quot;&gt;
+            &lt;span&gt;
+                &lt;span&gt;it&lt;/span&gt;em
+            &lt;/span&gt;
+            &lt;span&gt;
+                it&lt;span&gt;em&lt;/span&gt;
+            &lt;/span&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditems003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Grid items with 'display:none' are not rendered&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-items&quot; title=&quot;4 Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-grid-overlapping-green {
+                display: grid;
+                font: 50px/1 Ahem;
+                color: green;
+            }
+
+            .display-none-red {
+                display: none;
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;test-grid-overlapping-green two-columns&quot;&gt;
+            &lt;span&gt;it&lt;/span&gt;
+            &lt;span class=&quot;display-none-red&quot;&gt;hidden&lt;/span&gt;
+            &lt;span&gt;em&lt;/span&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemsinlineblocks001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemsinlineblocks001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Paint order of grid items is the same as inline blocks&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;9.5 Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/CSS2/zindex.html#painting-order&quot; title=&quot;E.2 Painting order&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+            }
+
+            #reference-overlapped-red {
+                color: red;
+                font: 100px/1 Ahem;
+                grid-row: 1;
+                grid-column: 1;
+            }
+
+            #test-overlapping-green {
+                background-color: green;
+                width: 100px;
+                height: 100px;
+                grid-row: 1;
+                grid-column: 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;reference-overlapped-red&quot;&gt;R&lt;/div&gt;
+            &lt;div id=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemssizingalignment001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,13 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Reftest Reference: Grid Item Sizing&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+
+&lt;p&gt;Test passes if it has the same output than the reference.&lt;/p&gt;
+
+&lt;div id=&quot;grid&quot;&gt;
+  &lt;button style=&quot;width: 200px; height: 200px;&quot;&gt;Stretched button (200x200)&lt;/button&gt;&lt;button style=&quot;width: 200px; height: 200px;&quot;&gt;Stretched button (200x200)&lt;/button&gt;&lt;button style=&quot;vertical-align: top;&quot;&gt;Regular button&lt;/button&gt;
+  &lt;br&gt;
+  &lt;img style=&quot;vertical-align: top; margin-right: 150px;&quot; src=&quot;support/50x50-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;&lt;img src=&quot;support/200x200-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;&lt;img style=&quot;vertical-align: top;&quot; src=&quot;support/50x50-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
+&lt;/div&gt;
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgriditemssizingalignment001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Grid Item Sizing&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;https://www.w3.org/TR/css-grid-1/#grid-item-sizing&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;grid-items-sizing-alignment-001-ref.html&quot; /&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks how alignment properties affect the size of the non-replaced vs replaced grid items.&quot;&gt;
+&lt;style&gt;
+  #grid {
+    display: grid;
+    grid-auto-rows: 200px;
+    grid-template-columns: repeat(3, 200px);
+  }
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if it has the same output than the reference.&lt;/p&gt;
+
+&lt;div id=&quot;grid&quot;&gt;
+  &lt;button style=&quot;align-self: normal; justify-self: normal;&quot;&gt;Stretched button (200x200)&lt;/button&gt;
+  &lt;button style=&quot;align-self: stretch; justify-self: stretch;&quot;&gt;Stretched button (200x200)&lt;/button&gt;
+  &lt;button style=&quot;align-self: start; justify-self: start;&quot;&gt;Regular button&lt;/button&gt;
+  &lt;img src=&quot;support/50x50-green.png&quot; alt=&quot;Image download support must be enabled&quot;
+    style=&quot;align-self: normal; justify-self: normal;&quot; /&gt;
+  &lt;img src=&quot;support/50x50-green.png&quot; alt=&quot;Image download support must be enabled&quot;
+    style=&quot;align-self: stretch; justify-self: stretch;&quot; /&gt;
+  &lt;img src=&quot;support/50x50-green.png&quot; alt=&quot;Image download support must be enabled&quot;
+    style=&quot;align-self: start; justify-self: start;&quot; /&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutgridingridexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        height: 150px;
+        width: 150px;
+        background: yellow;
+        position: relative;
+      }
+      .a {
+        background: blue;
+        height: 100px;
+        width: 50px;
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
+      .b1 {
+        background: orange;
+        width: 50px;
+        height: 50px;
+        position: absolute;
+        top: 0;
+        left: 50px;
+      }
+      .b2 {
+        background: cyan;
+        width: 50px;
+        height: 50px;
+        position: absolute;
+        top: 50px;
+        left: 100px;
+      }
+      .c {
+        background: pink;
+        width: 100px;
+        height: 50px;
+        position: absolute;
+        top: 100px;
+        left: 50px;
+      }
+      .d {
+        background: #eee;
+        width: 50px;
+        height: 50px;
+        position: absolute;
+        top: 100px;
+        left: 0
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&lt;/div&gt;
+
+      &lt;div class=&quot;b1&quot;&gt;&lt;/div&gt;
+      &lt;div class=&quot;b2&quot;&gt;&lt;/div&gt;
+      &lt;div class=&quot;c&quot;&gt;&lt;/div&gt;
+      &lt;div class=&quot;d&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutgridingridhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,67 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: grid in grid&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-grid/#grid-items&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-grid-in-grid-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the nested grid should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        height: 150px;
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: 50px 100px;
+        grid-template-rows: 100px 50px;
+      }
+      .a {
+        background: blue;
+        grid-column: 1;
+        grid-row: 1;
+      }
+      .b {
+        background: yellow;
+        grid-column: 2;
+        grid-row: 1;
+        display: grid;
+        grid-template-columns: 50px 50px;
+        grid-template-rows: 50px 50px;
+      }
+      .b1 {
+        background: orange;
+        grid-column: 1;
+        grid-row: 1;
+      }
+      .b2 {
+        background: cyan;
+        grid-column: 2;
+        grid-row: 2;
+      }
+      .c {
+        background: pink;
+        grid-column: 2;
+        grid-row: 2;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&lt;div style=&quot;height:100px;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;
+        &lt;div class=&quot;b1&quot;&gt;&lt;div style=&quot;height:50px;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;
+        &lt;div class=&quot;b2&quot;&gt;&lt;div style=&quot;height:50px;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;
+      &lt;/div&gt;
+      &lt;div class=&quot;c&quot;&gt;&lt;div style=&quot;height:50px;&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutzorderaexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 150px;
+        color:white;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float:left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;up&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutzorderahtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: z order&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-z-order-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: 50px 50px 50px;
+        color:white;
+      }
+      .a {
+        background: blue;
+        grid-row: 1;
+        grid-column: 1 / span 2;
+        z-index:10
+      }
+      .b {
+        background: yellow;
+        grid-row: 1;
+        grid-column: 2 / span 2;
+        z-index:1
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;b&quot;&gt;down&lt;/div&gt;
+      &lt;div class=&quot;a&quot;&gt;up&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutzorderbexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 150px;
+        color:white;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float:left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;up&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridlayoutzorderbhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,46 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: z order&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-z-order-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: 50px 50px 50px;
+        color:white;
+      }
+      .a {
+        background: blue;
+        grid-row: 1;
+        grid-column: 1 / 3;
+        z-index:10
+      }
+      .b {
+        background: yellow;
+        grid-row: 1;
+        grid-column: 2 / 4;
+        z-index:1
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;b&quot;&gt;down&lt;/div&gt;
+      &lt;div class=&quot;a&quot;&gt;up&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the content size.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+
+            #test-grid-item-overlapping-green {
+                color: green;
+                background-color: green;
+                font: 50px/1 Ahem;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;IT E&lt;/div&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,45 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the content size.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+
+            #test-grid-item-overlapping-green {
+                background-color: green;
+            }
+
+            #content-100x100 {
+                width: 100px;
+                height: 100px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+                &lt;div id=&quot;content-100x100&quot;&gt;&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the specified size regardless of the content size.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+
+            #test-grid-item-overlapping-green {
+                background-color: green;
+                width: 100px;
+                height: 100px;
+            }
+
+            #content-500x500 {
+                width: 500px;
+                height: 500px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+                &lt;div id=&quot;content-500x500&quot;&gt;&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the specified size regardless of the content size.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+
+            #test-grid-item-overlapping-green {
+                background-color: green;
+                width: 100px;
+                height: 100px;
+            }
+
+            #content-50x50 {
+                width: 50px;
+                height: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+                &lt;div id=&quot;content-50x50&quot;&gt;&lt;/div&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems005expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Reftest Reference: 100x100 green square image&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;img src=&quot;support/100x100-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,35 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;ref-filled-green-100px-square-image.html&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;image&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the content size.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;img src=&quot;support/100x100-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems006expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Reftest Reference: 100x100 green square image&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;img src=&quot;support/100x100-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems006xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;ref-filled-green-100px-square-image.html&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;image&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the specified size for width (regardless the content size) and the transferred size for height (as it's smaller than the content size of the image).&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+
+            #test-grid-item-overlapping-green {
+                width: 100px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;img id=&quot;test-grid-item-overlapping-green&quot; src=&quot;support/200x200-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems007expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Reftest Reference: 100x100 green square image&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;img src=&quot;support/100x100-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems007xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;ref-filled-green-100px-square-image.html&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;image&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the specified size for width (regardless the content size) and the content size for height (as it's smaller than the transferred size of the image).&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+
+            #test-grid-item-overlapping-green {
+                width: 100px;
+                justify-self: stretch;
+                align-self: stretch;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;img id=&quot;test-grid-item-overlapping-green&quot; src=&quot;support/50x100-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems008expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Reftest Reference: 100x100 green square image&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;img src=&quot;support/100x100-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems008xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;ref-filled-green-100px-square-image.html&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;image&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the specified size for height (regardless the content size) and the transferred size for width (as it's smaller than the content size of the image).&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+
+            #test-grid-item-overlapping-green {
+                height: 100px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;img id=&quot;test-grid-item-overlapping-green&quot; src=&quot;support/200x200-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems009expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Reftest Reference: 100x100 green square image&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;img src=&quot;support/100x100-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems009xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.6. Implied Minimum Size of Grid Items&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;ref-filled-green-100px-square-image.html&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;image&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;Checks that minimum size for grid items is the specified size for height (regardless the content size) and the content size for width (as it's smaller than the transferred size of the image).&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #constrained-grid {
+                display: grid;
+                width: 10px;
+                height: 10px;
+            }
+
+            #test-grid-item-overlapping-green {
+                height: 100px;
+                justify-self: stretch;
+                align-self: stretch;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;constrained-grid&quot;&gt;
+            &lt;img id=&quot;test-grid-item-overlapping-green&quot; src=&quot;support/100x50-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
+        &lt;/div&gt;
+
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems010expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems010html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size gets clamped, so the grid item doesn't overflow the fixed size area.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    grid: 100px / 100px;
+}
+
+#test-grid-item-overlapping-green {
+    background-color: green;
+}
+
+#content-200x200 {
+    width: 200px;
+    height: 200px;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+        &lt;div id=&quot;content-200x200&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems011expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems011html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size gets clamped, so the grid item doesn't overflow the fixed size area.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    width: 100px;
+    height: 100px;
+    grid: minmax(0px, 500px) / minmax(0px, 500px);
+}
+
+#test-grid-item-overlapping-green {
+    background-color: green;
+}
+
+#content-200x200 {
+    width: 200px;
+    height: 200px;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+        &lt;div id=&quot;content-200x200&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems012expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems012html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size gets clamped, so the grid item doesn't overflow the fixed size area.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    width: 100px;
+    height: 100px;
+    grid: minmax(0px, auto) / minmax(0px, auto);
+}
+
+#test-grid-item-overlapping-green {
+    background-color: green;
+}
+
+#content-200x200 {
+    width: 200px;
+    height: 200px;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+        &lt;div id=&quot;content-200x200&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems013expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems013html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;flags&quot; content=&quot;ahem&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size is not clamped if the grid item has not stretch alignment.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    grid: 10px / 10px;
+}
+
+#test-grid-item-overlapping-green {
+    color: green;
+    background-color: green;
+    font: 50px/1 Ahem;
+    justify-self: start;
+    align-self: start;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;IT E&lt;/div&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems014expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems014html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size is not clamped if the grid item has not stretch alignment.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    grid: 10px / 10px;
+}
+
+#test-grid-item-overlapping-green {
+    background-color: green;
+    justify-self: start;
+    align-self: start;
+}
+
+#content-100x100 {
+    width: 100px;
+    height: 100px;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+        &lt;div id=&quot;content-100x100&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems015expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems015html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size is not clamped if the grid item if it spans some not fixed grid tracks.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    grid: 10px auto 10px / 10px auto 10px;
+    justify-content: start;
+}
+
+#test-grid-item-overlapping-green {
+    background-color: green;
+    grid-row: span 3;
+    grid-column: span 3;
+}
+
+#content-100x100 {
+    width: 100px;
+    height: 100px;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+        &lt;div id=&quot;content-100x100&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems016expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems016html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size is clamped if the grid item only spans fixed grid tracks.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    grid: 50px 30px 20px / 50px 30px 20px;
+}
+
+#test-grid-item-overlapping-green {
+    background-color: green;
+    grid-row: span 3;
+    grid-column: span 3;
+}
+
+#content-200x200 {
+    width: 200px;
+    height: 200px;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+        &lt;div id=&quot;content-200x200&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems017expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems017html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size is not clamped if the track has an 'auto' min track sizing function.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    width: 10px;
+    height: 10px;
+    grid: minmax(auto, 0px) / minmax(auto, 0px);
+}
+
+#test-grid-item-overlapping-green {
+    background-color: green;
+}
+
+#content-100x100 {
+    width: 100px;
+    height: 100px;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+        &lt;div id=&quot;content-100x100&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems018expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridminimumsizegriditems018html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Grid Layout Test: Minimum size of grid items&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+&lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#min-size-auto&quot; title=&quot;6.5. Implied Minimum Size of Grid Items&quot;&gt;
+&lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot;&gt;
+&lt;meta name=&quot;assert&quot; content=&quot;Checks that automatic minimum size is not clamped if the track has an 'auto' min track sizing function.&quot;&gt;
+&lt;style&gt;
+#reference-overlapped-red {
+    position: absolute;
+    background-color: red;
+    width: 100px;
+    height: 100px;
+    z-index: -1;
+}
+
+#constrained-grid {
+    display: grid;
+    width: 10px;
+    height: 10px;
+    grid: minmax(auto, 500px) / minmax(auto, 500px);
+}
+
+#test-grid-item-overlapping-green {
+    background-color: green;
+}
+
+#content-100x100 {
+    width: 100px;
+    height: 100px;
+}
+&lt;/style&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+&lt;div id=&quot;constrained-grid&quot;&gt;
+    &lt;div id=&quot;test-grid-item-overlapping-green&quot;&gt;
+        &lt;div id=&quot;content-100x100&quot;&gt;&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,59 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #grid {
+                display: grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+                justify-content: start;
+                align-content: start;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+                order: 1;
+            }
+
+            #lime {
+                color: lime;
+                order: 5;
+            }
+
+            #magenta {
+                color: magenta;
+                order: 10;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,59 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #grid {
+                display: grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+                justify-content: start;
+                align-content: start;
+            }
+
+            #blue {
+                color: blue;
+                order: -10;
+            }
+
+            #yellow {
+                color: yellow;
+                order: -5;
+            }
+
+            #lime {
+                color: lime;
+                order: -1;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,59 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #grid {
+                display: grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+                justify-content: start;
+                align-content: start;
+            }
+
+            #blue {
+                color: blue;
+                order: -5;
+            }
+
+            #yellow {
+                color: yellow;
+                order: -5;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+                order: 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #grid {
+                display: grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+                justify-content: start;
+                align-content: start;
+            }
+
+            #blue {
+                color: blue;
+                order: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                order: 1;
+            }
+
+            #lime {
+                color: lime;
+                order: 5;
+            }
+
+            #magenta {
+                color: magenta;
+                order: 5;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement005expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 2x2 grid and cells with the following colors: blue, yellow, lime and magenta&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            div {
+                font: 50px/1 Ahem;
+            }
+
+            #blue {
+                color: blue;
+            }
+
+            #yellow {
+                color: yellow;
+            }
+
+            #lime {
+                color: lime;
+            }
+
+            #magenta {
+                color: magenta;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div&gt;
+            &lt;span id=&quot;blue&quot;&gt;B&lt;/span&gt;&lt;span id=&quot;yellow&quot;&gt;Y&lt;/span&gt;
+            &lt;br /&gt;
+            &lt;span id=&quot;lime&quot;&gt;L&lt;/span&gt;&lt;span id=&quot;magenta&quot;&gt;M&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertyautoplacement005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,60 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items auto-placement position&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-2x2-blue-yellow-lime-magenta.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #grid {
+                display: grid;
+                font: 50px/1 Ahem;
+                grid-template-columns: auto auto;
+                justify-content: start;
+                align-content: start;
+            }
+
+            #blue {
+                color: blue;
+                order: -5;
+            }
+
+            #yellow {
+                color: yellow;
+                order: -1;
+            }
+
+            #lime {
+                color: lime;
+                order: 1;
+            }
+
+            #magenta {
+                color: magenta;
+                order: 5;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are four filled squares with the same size and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+        &lt;p&gt;Blue and yellow squares in the first line; lime and magenta squares in the second line (exactly in this order).&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;magenta&quot;&gt;M&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+            &lt;div id=&quot;lime&quot;&gt;L&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                order: 1;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                order: -1;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                order: 10;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                order: 5;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                order: -5;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                order: -10;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting005expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridorderpropertypainting005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'order' property affects grid items painting order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#order-property&quot; title=&quot;4.2 Reordered Grid Items: the order property&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;https://drafts.csswg.org/css-flexbox-1/#order-property&quot; title=&quot;5.4. Display Order: the order property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                order: 1;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                order: -1;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                z-index: 1;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                z-index: -1;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                z-index: 10;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                z-index: 5;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                z-index: -5;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                z-index: -10;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering005expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisordering005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,38 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the z-axis order of grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+            }
+
+            #test-item-overlapping-green {
+                color: green;
+                z-index: 1;
+            }
+
+            #reference-item-overlapped-red {
+                color: red;
+                z-index: -1;
+            }
+
+            .first-row-first-column {
+                grid-area: 1 / 1;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;test-item-overlapping-green&quot; class=&quot;first-row-first-column&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;reference-item-overlapped-red&quot; class=&quot;first-row-first-column&quot;&gt;R&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: -1;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                z-index: 1;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: 1;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                z-index: 5;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                z-index: 10;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,48 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: -10;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                z-index: -5;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                z-index: -1;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems004expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems004xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                z-index: 1;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                z-index: 5;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems005expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems005xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: -5;
+                grid-column: 1;
+                grid-row: 1;
+            }
+
+            #yellow {
+                color: yellow;
+                z-index: -1;
+                grid-column: 2;
+                grid-row: 2;
+            }
+
+            #green {
+                color: green;
+                grid-column: 3;
+                grid-row: 3;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems006expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,47 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file 3 overlapped squares the following colors: blue, yellow and green&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #main {
+                  position: relative;
+            }
+
+            #main div {
+                width: 100px;
+                height: 100px;
+            }
+
+            .blue {
+                background-color: blue;
+                position: absolute;
+                left: 0px;
+                top: 0px;
+            }
+
+            .yellow {
+                background-color: yellow;
+                position: absolute;
+                left: 25px;
+                top: 25px;
+            }
+
+            .green {
+                background-color: green;
+                position: absolute;
+                left: 50px;
+                top: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;main&quot;&gt;
+            &lt;div class=&quot;blue&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;yellow&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsgridzaxisorderingoverlappeditems006xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,53 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'z-index' property controls the grid items stacking order&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#z-order&quot; title=&quot;4.4. Z-axis Ordering: the z-index property&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-filled-blue-yellow-green-overlapped-100px-squares.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+                font: 100px/1 Ahem;
+                grid-template-columns: 25px 25px 25px 25px;
+                grid-template-rows: 25px 25px 25px 25px;
+            }
+
+            #blue {
+                color: blue;
+                z-index: -1;
+                grid-column: 2;
+                grid-row: 2;
+                margin-top: -25px;
+                margin-left: -25px;
+            }
+
+            #yellow {
+                color: yellow;
+                grid-column: 4;
+                grid-row: 4;
+                margin-top: -50px;
+                margin-left: -50px;
+            }
+
+            #green {
+                color: green;
+                z-index: 1;
+                grid-column: 1;
+                grid-row: 1;
+                margin-top: 50px;
+                margin-left: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there are 3 filled squares with the same size, and &lt;strong&gt;green&lt;/strong&gt; is overlapping &lt;strong&gt;yellow&lt;/strong&gt; which is overlapping &lt;strong&gt;blue&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;green&quot;&gt;G&lt;/div&gt;
+            &lt;div id=&quot;yellow&quot;&gt;Y&lt;/div&gt;
+            &lt;div id=&quot;blue&quot;&gt;B&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsreffilledgreen100pxsquareimagehtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/ref-filled-green-100px-square-image.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/ref-filled-green-100px-square-image.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/ref-filled-green-100px-square-image.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;meta charset=&quot;utf-8&quot;&gt;
+&lt;title&gt;CSS Reftest Reference: 100x100 green square image&lt;/title&gt;
+&lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot;&gt;
+
+&lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+&lt;img src=&quot;support/100x100-green.png&quot; alt=&quot;Image download support must be enabled&quot; /&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport100x100greenpng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x100-green.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x100-green.png
</span><span class="cx">===================================================================
</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x100-green.png        2017-03-06 19:01:41 UTC (rev 213456)
</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x100-green.png        2017-03-06 19:09:41 UTC (rev 213457)
</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x100-green.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport100x50greenpng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x50-green.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x50-green.png
</span><span class="cx">===================================================================
</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x50-green.png        2017-03-06 19:01:41 UTC (rev 213456)
</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x50-green.png        2017-03-06 19:09:41 UTC (rev 213457)
</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x50-green.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport200x200greenpng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/200x200-green.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/200x200-green.png
</span><span class="cx">===================================================================
</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/200x200-green.png        2017-03-06 19:01:41 UTC (rev 213456)
</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/200x200-green.png        2017-03-06 19:09:41 UTC (rev 213457)
</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/200x200-green.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport50x100greenpng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x100-green.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x100-green.png
</span><span class="cx">===================================================================
</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x100-green.png        2017-03-06 19:01:41 UTC (rev 213456)
</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x100-green.png        2017-03-06 19:09:41 UTC (rev 213457)
</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x100-green.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupport50x50greenpng"></a>
<div class="binary"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x50-green.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x50-green.png
</span><span class="cx">===================================================================
</span><del>--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x50-green.png        2017-03-06 19:01:41 UTC (rev 213456)
</del><ins>+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x50-green.png        2017-03-06 19:09:41 UTC (rev 213457)
</ins><span class="cx">Property changes on: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x50-green.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemssupportw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x100-green.png
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/100x50-green.png
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/200x200-green.png
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x100-green.png
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/support/50x50-green.png
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1griditemsw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,170 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-items-inline-blocks-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-auto-placement-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-order-property-painting-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-inline-z-axis-ordering-overlapped-items-006.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-001.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-002.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-003.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-item-containing-block-004.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-inline-blocks-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-grid-in-grid.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-a.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-layout-z-order-b.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-006.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-007.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-008.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-009.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-010.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-011.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-012.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-013.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-014.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-015.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-016.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-017.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-minimum-size-grid-items-018.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-auto-placement-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-order-property-painting-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-004.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-005.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/grid-z-axis-ordering-overlapped-items-006.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-items/ref-filled-green-100px-square-image.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridlayoutpropertiesexpectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,144 @@
</span><ins>+
+PASS display: grid 
+PASS display: inline-grid 
+PASS grid-template-columns 
+PASS grid-template-columns.initial 
+PASS grid-template-columns.none 
+PASS grid-template-columns.&lt;line-names&gt; 
+PASS grid-template-columns.&lt;track-size&gt;.auto 
+PASS grid-template-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;length&gt; 
+PASS grid-template-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;percentage&gt; 
+PASS grid-template-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;flex&gt; 
+PASS grid-template-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.min-content 
+PASS grid-template-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.max-content 
+PASS grid-template-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.minmax() 
+PASS grid-template-columns.reset 
+PASS grid-template-rows 
+PASS grid-template-rows.initial 
+PASS grid-template-rows.none 
+PASS grid-template-rows.&lt;line-names&gt; 
+PASS grid-template-rows.&lt;track-size&gt;.auto 
+PASS grid-template-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;length&gt; 
+PASS grid-template-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;percentage&gt; 
+PASS grid-template-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;flex&gt; 
+PASS grid-template-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.min-content 
+PASS grid-template-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.max-content 
+PASS grid-template-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.minmax() 
+PASS grid-template-rows.reset 
+PASS grid-template-areas 
+PASS grid-template-areas.initial 
+PASS grid-template-areas.none 
+PASS grid-template-areas.&lt;string&gt;+ 
+PASS grid-template-areas.reset 
+PASS grid-template 
+PASS grid-template.initial 
+PASS grid-template.none 
+PASS grid-template.&lt;grid-template-rows&gt; / &lt;grid-template-columns&gt; 
+PASS grid-template.&lt;line-names&gt; 
+PASS grid-template.&lt;string&gt;+ 
+PASS grid-template.&lt;string&gt;&lt;track-size&gt;+ 
+PASS grid-template.reset 
+PASS grid-auto-columns 
+PASS grid-auto-columns.initial 
+PASS grid-auto-columns.&lt;track-size&gt;.auto 
+PASS grid-auto-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;length&gt; 
+PASS grid-auto-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;percentage&gt; 
+PASS grid-auto-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;flex&gt; 
+PASS grid-auto-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.min-content 
+PASS grid-auto-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.max-content 
+PASS grid-auto-columns.&lt;track-size&gt;.&lt;track-breadth&gt;.minmax() 
+PASS grid-auto-columns.reset 
+PASS grid-auto-rows 
+PASS grid-auto-rows.initial 
+PASS grid-auto-rows.&lt;track-size&gt;.auto 
+PASS grid-auto-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;length&gt; 
+PASS grid-auto-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;percentage&gt; 
+PASS grid-auto-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;flex&gt; 
+PASS grid-auto-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.min-content 
+PASS grid-auto-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.max-content 
+PASS grid-auto-rows.&lt;track-size&gt;.&lt;track-breadth&gt;.minmax() 
+PASS grid-auto-rows.reset 
+PASS grid-auto-flow 
+PASS grid-auto-flow.initial 
+PASS grid-auto-flow.row 
+PASS grid-auto-flow.column 
+PASS grid-auto-flow.dense 
+PASS grid-auto-flow.row dense 
+PASS grid-auto-flow.column dense 
+PASS grid-auto-flow.reset 
+PASS grid-row-start 
+PASS grid-row-start.initial 
+PASS grid-row-start.auto 
+PASS grid-row-start.&lt;custom-ident&gt; 
+PASS grid-row-start.&lt;integer&gt; 
+PASS grid-row-start.&lt;integer&gt; &lt;ident&gt; 
+PASS grid-row-start.span &lt;integer&gt; 
+PASS grid-row-start.span &lt;custom-ident&gt; 
+PASS grid-row-start.span &lt;integer&gt; &lt;custom-ident&gt; 
+PASS grid-row-start.reset 
+PASS grid-column-start 
+PASS grid-column-start.initial 
+PASS grid-column-start.auto 
+PASS grid-column-start.&lt;custom-ident&gt; 
+PASS grid-column-start.&lt;integer&gt; 
+PASS grid-column-start.&lt;integer&gt; &lt;ident&gt; 
+PASS grid-column-start.span &lt;integer&gt; 
+PASS grid-column-start.span &lt;custom-ident&gt; 
+PASS grid-column-start.span &lt;integer&gt; &lt;custom-ident&gt; 
+PASS grid-column-start.reset 
+PASS grid-row-end 
+PASS grid-row-end.initial 
+PASS grid-row-end.auto 
+PASS grid-row-end.&lt;custom-ident&gt; 
+PASS grid-row-end.&lt;integer&gt; 
+PASS grid-row-end.&lt;integer&gt; &lt;ident&gt; 
+PASS grid-row-end.span &lt;integer&gt; 
+PASS grid-row-end.span &lt;custom-ident&gt; 
+PASS grid-row-end.span &lt;integer&gt; &lt;custom-ident&gt; 
+PASS grid-row-end.reset 
+PASS grid-column-end 
+PASS grid-column-end.initial 
+PASS grid-column-end.auto 
+PASS grid-column-end.&lt;custom-ident&gt; 
+PASS grid-column-end.&lt;integer&gt; 
+PASS grid-column-end.&lt;integer&gt; &lt;ident&gt; 
+PASS grid-column-end.span &lt;integer&gt; 
+PASS grid-column-end.span &lt;custom-ident&gt; 
+PASS grid-column-end.span &lt;integer&gt; &lt;custom-ident&gt; 
+PASS grid-column-end.reset 
+PASS grid-column 
+PASS grid-column.initial 
+PASS grid-column.auto 
+PASS grid-column.&lt;custom-ident&gt; 
+PASS grid-column.&lt;integer&gt; start 
+PASS grid-column.&lt;integer&gt; 
+PASS grid-column.&lt;integer&gt; &lt;ident&gt; 
+PASS grid-column.span &lt;integer&gt; 
+PASS grid-column.span &lt;custom-ident&gt; 
+PASS grid-column.span &lt;integer&gt; &lt;custom-ident&gt; 
+PASS grid-column.reset 
+PASS grid-row 
+PASS grid-row.initial 
+PASS grid-row.auto 
+PASS grid-row.&lt;custom-ident&gt; 
+PASS grid-row.&lt;integer&gt; start 
+PASS grid-row.&lt;integer&gt; 
+PASS grid-row.&lt;integer&gt; &lt;ident&gt; 
+PASS grid-row.span &lt;integer&gt; 
+PASS grid-row.span &lt;custom-ident&gt; 
+PASS grid-row.span &lt;integer&gt; &lt;custom-ident&gt; 
+PASS grid-row.reset 
+PASS grid-area 
+PASS grid-area.initial 
+PASS grid-area.auto 
+PASS grid-area.&lt;custom-ident&gt; 
+PASS grid-area.&lt;integer&gt; start 
+PASS grid-area.&lt;integer&gt; 
+PASS grid-area.&lt;integer&gt; &lt;ident&gt; 
+PASS grid-area.span &lt;integer&gt; 
+PASS grid-area.span &lt;custom-ident&gt; 
+PASS grid-area.span &lt;integer&gt; &lt;custom-ident&gt; 
+PASS grid-area.reset 
+I T
+IT
+I
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridlayoutpropertieshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,233 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html lang=&quot;en&quot;&gt;
+&lt;head&gt;
+  &lt;meta charset=&quot;UTF-8&quot;&gt;
+  &lt;title&gt;CSS Test: Grid Layout - Properties exist&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;贺师俊&quot; href=&quot;mailto:johnhax@gmail.com&quot;&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;&gt; &lt;!--  2013-09-30  --&gt;
+  &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#property-index&quot;&gt;
+  &lt;meta name=&quot;flags&quot; content=&quot;ahem dom&quot;&gt;
+  &lt;meta name=&quot;assert&quot; content=&quot;Test checks that css properties of grid layout exist.&quot;&gt;
+  &lt;script src=&quot;../../../../resources/testharness.js&quot;&gt;&lt;/script&gt;
+  &lt;script src=&quot;../../../../resources/testharnessreport.js&quot;&gt;&lt;/script&gt;
+  &lt;style&gt;
+    #container {
+        width: 800px;
+        height: 600px;
+    }
+    #myDiv {
+        font: 50px/1 Ahem;
+        justify-content: start;
+        align-content: start;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+  &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+  &lt;div id=&quot;container&quot;&gt;
+    &lt;div id=&quot;myDiv&quot;&gt;
+      &lt;div&gt;I T&lt;/div&gt;
+      &lt;div&gt;IT&lt;/div&gt;
+      &lt;div&gt;I&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/div&gt;
+
+  &lt;script&gt;
+    var myDiv = document.getElementById('myDiv')
+
+    test(function(){
+      myDiv.style.display = 'grid'
+      assert_equals(myDiv.style.display, 'grid',
+        'display should be &quot;grid&quot;')
+    }, 'display: grid')
+
+    test(function(){
+      myDiv.style.display = 'inline-grid'
+      assert_equals(myDiv.style.display, 'inline-grid',
+        'display should be &quot;inline-grid&quot;')
+    }, 'display: inline-grid')
+
+    void function(data){
+
+      myDiv.style.display = 'grid'
+
+      Object.keys(data).forEach(function(prop){
+        test(function(){
+          assert_own_property(myDiv.style, prop)
+        }, prop)
+
+        if ('initial' in data[prop]) test(function(){
+          var initial = data[prop].initial
+          delete data[prop].initial
+          assert_equals(getComputedStyle(myDiv)[prop], initial, 'initial value of ' + prop + ' should be ' + initial)
+        }, prop + '.initial')
+
+        var syntaxTests = data[prop]
+        Object.keys(syntaxTests).forEach(function(testcase){
+          test(function(){
+            assert_own_property(myDiv.style, prop)
+            myDiv.style[prop] = syntaxTests[testcase][0]
+            assert_equals(myDiv.style[prop], syntaxTests[testcase][0], testcase)
+            assert_equals(getComputedStyle(myDiv)[prop], syntaxTests[testcase][1], testcase)
+          }, prop + '.' + testcase)
+        })
+      })
+
+    }({
+      'grid-template-columns': { // named 'grid-definition-columns' in last draft
+        initial: '150px',
+        'none': ['none', '150px'],
+        '&lt;line-names&gt;': ['[a] auto [b] auto [c]', '[a] 150px [b] 100px [c]'],
+        '&lt;track-size&gt;.auto': ['auto', '150px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;length&gt;': ['100px', '100px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;percentage&gt;': ['100%', '800px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;flex&gt;': ['1fr', '800px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.min-content': ['min-content', '100px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.max-content': ['max-content', '150px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.minmax()': ['minmax(100px, 200px)', '200px'],
+        'reset': ['none', '150px'],
+      },
+      'grid-template-rows': { // named 'grid-definition-rows' in last draft
+        initial: '50px 50px 50px',
+        'none': ['none', '50px 50px 50px'],
+        '&lt;line-names&gt;': ['[a] auto [b] auto [c]', '[a] 50px [b] 50px [c] 50px'],
+        '&lt;track-size&gt;.auto': ['auto', '50px 50px 50px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;length&gt;': ['100px', '100px 50px 50px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;percentage&gt;': ['100%', '50px 50px 50px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;flex&gt;': ['1fr', '50px 50px 50px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.min-content': ['min-content', '50px 50px 50px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.max-content': ['max-content', '50px 50px 50px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.minmax()': ['minmax(100px, 200px)', '200px 50px 50px'],
+        'reset': ['none', '50px 50px 50px'],
+      },
+      'grid-template-areas': {
+        initial: 'none',
+        'none': ['none', 'none'],
+        '&lt;string&gt;+': ['&quot;a&quot;', '&quot;a&quot;'],
+        'reset': ['none', 'none'],
+      },
+      'grid-template': {
+        initial: '150px / 50px 50px 50px',
+        'none': ['', '150px / 50px 50px 50px'],
+        '&lt;grid-template-rows&gt; / &lt;grid-template-columns&gt;': ['100px 100px / 200px 200px', '100px 100px / 200px 200px'],
+        '&lt;line-names&gt;': ['[a] auto [b] auto [c] / [d] auto [e] auto [f]', '[a] auto [b] auto [c] / [d] auto [e] auto [f]'],
+        '&lt;string&gt;+': ['&quot;a b&quot; &quot;a b&quot;', '&quot;a b&quot; &quot;a b&quot;'],
+        '&lt;string&gt;&lt;track-size&gt;+': ['100px / &quot;a b&quot; 50px', '100px / &quot;a b&quot; 50px'],
+        'reset': ['', '150px / 50px 50px 50px'],
+      },
+      'grid-auto-columns': {
+        initial: 'auto',
+        '&lt;track-size&gt;.auto': ['auto', 'auto'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;length&gt;': ['100px', '100px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;percentage&gt;': ['100%', '100%'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;flex&gt;': ['1fr', '1fr'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.min-content': ['min-content', 'min-content'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.max-content': ['max-content', 'max-content'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.minmax()': ['minmax(100px, 200px)', 'minmax(100px, 200px)'],
+        'reset': ['auto', 'auto'],
+      },
+      'grid-auto-rows': {
+        initial: 'auto',
+        '&lt;track-size&gt;.auto': ['auto', 'auto'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;length&gt;': ['100px', '100px'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;percentage&gt;': ['100%', '100%'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.&lt;flex&gt;': ['1fr', '1fr'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.min-content': ['min-content', 'min-content'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.max-content': ['max-content', 'max-content'],
+        '&lt;track-size&gt;.&lt;track-breadth&gt;.minmax()': ['minmax(100px, 200px)', 'minmax(100px, 200px)'],
+        'reset': ['auto', 'auto'],
+      },
+      'grid-auto-flow': {
+        initial: 'row',
+        'row': ['row', 'row'],
+        'column': ['column', 'column'],
+        'dense': ['dense', 'row dense'],
+        'row dense': ['row dense', 'row dense'],
+        'column dense': ['column dense', 'column dense'],
+        'reset': ['row', 'row'],
+      },
+      'grid-row-start': {
+        initial: 'auto',
+        'auto': ['auto', 'auto'],
+        '&lt;custom-ident&gt;': ['a', 'a'],
+        '&lt;integer&gt;': ['1', '1'],
+        '&lt;integer&gt; &lt;ident&gt;': ['1 a', '1 a'],
+        'span &lt;integer&gt;': ['span 1', 'span 1'],
+        'span &lt;custom-ident&gt;': ['span a', 'span 1 a'],
+        'span &lt;integer&gt; &lt;custom-ident&gt;': ['span 2 a', 'span 2 a'],
+        'reset': ['auto', 'auto'],
+      },
+      'grid-column-start': {
+        initial: 'auto',
+        'auto': ['auto', 'auto'],
+        '&lt;custom-ident&gt;': ['a', 'a'],
+        '&lt;integer&gt;': ['1', '1'],
+        '&lt;integer&gt; &lt;ident&gt;': ['1 a', '1 a'],
+        'span &lt;integer&gt;': ['span 1', 'span 1'],
+        'span &lt;custom-ident&gt;': ['span a', 'span 1 a'],
+        'span &lt;integer&gt; &lt;custom-ident&gt;': ['span 2 a', 'span 2 a'],
+        'reset': ['auto', 'auto'],
+      },
+      'grid-row-end': {
+        initial: 'auto',
+        'auto': ['auto', 'auto'],
+        '&lt;custom-ident&gt;': ['a', 'a'],
+        '&lt;integer&gt;': ['1', '1'],
+        '&lt;integer&gt; &lt;ident&gt;': ['1 a', '1 a'],
+        'span &lt;integer&gt;': ['span 1', 'span 1'],
+        'span &lt;custom-ident&gt;': ['span a', 'span 1 a'],
+        'span &lt;integer&gt; &lt;custom-ident&gt;': ['span 2 a', 'span 2 a'],
+        'reset': ['auto', 'auto'],
+      },
+      'grid-column-end': {
+        initial: 'auto',
+        'auto': ['auto', 'auto'],
+        '&lt;custom-ident&gt;': ['a', 'a'],
+        '&lt;integer&gt;': ['1', '1'],
+        '&lt;integer&gt; &lt;ident&gt;': ['1 a', '1 a'],
+        'span &lt;integer&gt;': ['span 1', 'span 1'],
+        'span &lt;custom-ident&gt;': ['span a', 'span 1 a'],
+        'span &lt;integer&gt; &lt;custom-ident&gt;': ['span 2 a', 'span 2 a'],
+        'reset': ['auto', 'auto'],
+      },
+      'grid-column': {
+        initial: 'auto',
+        'auto': ['auto', 'auto'],
+        '&lt;custom-ident&gt;': ['a / b', 'a / b'],
+        '&lt;integer&gt; start': ['1', '1'],
+        '&lt;integer&gt;': ['1 / 3', '1 / 3'],
+        '&lt;integer&gt; &lt;ident&gt;': ['1 a / 2 b', '1 a / 2 b'],
+        'span &lt;integer&gt;': ['span 1 / span 2', 'span 1 / span 2'],
+        'span &lt;custom-ident&gt;': ['span a / span b', 'span 1 a / span 1 b'],
+        'span &lt;integer&gt; &lt;custom-ident&gt;': ['span 2 a / span 3 b', 'span 2 a / span 3 b'],
+        'reset': ['auto', 'auto'],
+      },
+      'grid-row': {
+        initial: 'auto',
+        'auto': ['auto', 'auto'],
+        '&lt;custom-ident&gt;': ['a / b', 'a / b'],
+        '&lt;integer&gt; start': ['1', '1'],
+        '&lt;integer&gt;': ['1 / 3', '1 / 3'],
+        '&lt;integer&gt; &lt;ident&gt;': ['1 a / 2 b', '1 a / 2 b'],
+        'span &lt;integer&gt;': ['span 1 / span 2', 'span 1 / span 2'],
+        'span &lt;custom-ident&gt;': ['span a / span b', 'span 1 a / span 1 b'],
+        'span &lt;integer&gt; &lt;custom-ident&gt;': ['span 2 a / span 3 b', 'span 2 a / span 3 b'],
+        'reset': ['auto', 'auto'],
+      },
+      'grid-area': {
+        initial: 'auto',
+        'auto': ['auto', 'auto'],
+        '&lt;custom-ident&gt;': ['a / b / c / d', 'a / b / c / d'],
+        '&lt;integer&gt; start': ['1 / 2', '1 / 2'],
+        '&lt;integer&gt;': ['1 / 2 / 3 / 4', '1 / 2 / 3 / 4'],
+        '&lt;integer&gt; &lt;ident&gt;': ['1 a / 2 b / 3 c / 4 d', '1 a / 2 b / 3 c / 4 d'],
+        'span &lt;integer&gt;': ['span 1 / span 2 / span 3 / span 4', 'span 1 / span 2 / span 3 / span 4'],
+        'span &lt;custom-ident&gt;': ['span a / span b / span c / span d', 'span 1 a / span 1 b / span 1 c / span 1 d'],
+        'span &lt;integer&gt; &lt;custom-ident&gt;': ['span 2 a / span 3 b / span 4 c / span 5 d', 'span 2 a / span 3 b / span 4 c / span 5 d'],
+        'reset': ['auto', 'auto'],
+      },
+    })
+  &lt;/script&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodeldisplaygridexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,64 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;CSS Grid Layout: Reference File&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;swain&quot; href=&quot;mailto:swainet@126.com&quot;/&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;/&gt; &lt;!--  2013-09-17  --&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #container {
+      position:relative;
+      width:400px;
+      height:100px;
+    }
+
+    .error {
+      position:absolute;
+      top:0;
+      left:0;
+      height:100%;
+      width:100%;
+      z-index:-1;
+    }
+
+    #table {
+      width:100%;
+      height:100%;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:last-child td {
+      height:30px;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p&gt;Test passes if there are 4 green rectangles and no red.&lt;/p&gt;
+
+&lt;div id=&quot;container&quot;&gt;
+  &lt;div class=&quot;error&quot;&gt;
+    &lt;table id=&quot;table&quot;&gt;
+      &lt;tbody&gt;
+      &lt;tr&gt;
+        &lt;td style=&quot;background-color:green&quot;&gt;cell1&lt;/td&gt;
+        &lt;td style=&quot;background-color:limegreen&quot;&gt;cell2&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td style=&quot;background-color:limegreen&quot;&gt;cell3&lt;/td&gt;
+        &lt;td style=&quot;background-color:green&quot;&gt;cell4&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;/tbody&gt;
+    &lt;/table&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodeldisplaygridhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,107 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;CSS Grid Layout: display: grid&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;swain&quot; href=&quot;mailto:swainet@126.com&quot;/&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;/&gt; &lt;!--  2013-09-17  --&gt;
+  &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot;/&gt;
+  &lt;link rel=&quot;match&quot; href=&quot;../reference/display-grid-ref.html&quot;&gt;
+  &lt;meta name=&quot;assert&quot; content=&quot;'display: grid' causes an element to generate a block-level grid container box.&quot;/&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #container {
+      position:relative;
+      width:400px;
+      height:100px;
+    }
+
+    #grid {
+      display:grid;
+      grid-template-columns:100px 300px;
+      grid-template-rows:70px 30px;
+      height:100%;
+    }
+
+    #cell1 {
+      grid-column:1;
+      grid-row:1;
+      background-color:green;
+      height:70px;
+    }
+
+    #cell2 {
+      grid-column:2;
+      grid-row:1;
+      background-color:limegreen;
+      height:70px;
+    }
+
+    #cell3 {
+      grid-column:1;
+      grid-row:2;
+      background-color:limegreen;
+      height:30px;
+    }
+
+    #cell4 {
+      grid-column:2;
+      grid-row:2;
+      background-color:green;
+      height:30px;
+    }
+
+    .error {
+      position:absolute;
+      top:0;
+      left:0;
+      height:100%;
+      width:100%;
+      z-index:-1;
+    }
+
+    #table {
+      width:100%;
+      height:100%;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:last-child td {
+      height:30px;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p&gt;Test passes if there are 4 green rectangles and no red.&lt;/p&gt;
+
+&lt;div id=&quot;container&quot;&gt;
+  &lt;div id=&quot;grid&quot;&gt;
+    &lt;div id=&quot;cell1&quot;&gt;cell1&lt;/div&gt;
+    &lt;div id=&quot;cell2&quot;&gt;cell2&lt;/div&gt;
+    &lt;div id=&quot;cell3&quot;&gt;cell3&lt;/div&gt;
+    &lt;div id=&quot;cell4&quot;&gt;cell4&lt;/div&gt;
+  &lt;/div&gt;
+  &lt;div class=&quot;error&quot;&gt;
+    &lt;table id=&quot;table&quot;&gt;
+      &lt;tbody&gt;
+      &lt;tr&gt;
+        &lt;td style=&quot;background-color:#f00&quot;&gt;cell1&lt;/td&gt;
+        &lt;td style=&quot;background-color:#e00&quot;&gt;cell2&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td style=&quot;background-color:#e00&quot;&gt;cell3&lt;/td&gt;
+        &lt;td style=&quot;background-color:#f00&quot;&gt;cell4&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;/tbody&gt;
+    &lt;/table&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodeldisplayinlinegridexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,62 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;CSS Grid Layout: Reference File&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;swain&quot; href=&quot;mailto:swainet@126.com&quot;/&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;/&gt; &lt;!--  2013-09-17  --&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #container {
+      position:relative;
+    }
+
+    #table {
+      width:400px;
+      height:100px;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:last-child td {
+      height:30px;
+    }
+
+    #table-wrapper {
+      display:inline-block;
+      clear:right;
+    }
+
+    span {
+      vertical-align:top;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p&gt;Test passes if there are 4 green rectangles and no red.&lt;/p&gt;
+
+&lt;div id=&quot;container&quot;&gt;
+  &lt;div id=&quot;table-wrapper&quot;&gt;
+    &lt;table id=&quot;table&quot;&gt;
+      &lt;tbody&gt;
+      &lt;tr&gt;
+        &lt;td style=&quot;background-color:green&quot;&gt;cell1&lt;/td&gt;
+        &lt;td style=&quot;background-color:limegreen&quot;&gt;cell2&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td style=&quot;background-color:limegreen&quot;&gt;cell3&lt;/td&gt;
+        &lt;td style=&quot;background-color:green&quot;&gt;cell4&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;/tbody&gt;
+    &lt;/table&gt;
+  &lt;/div&gt;
+  &lt;span&gt;Inline&lt;/span&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodeldisplayinlinegridhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,111 @@
</span><ins>+&lt;!DOCTYPE HTML&gt;
+&lt;html&gt;
+&lt;head&gt;
+  &lt;title&gt;CSS Grid Layout: display: inline-grid&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;swain&quot; href=&quot;mailto:swainet@126.com&quot;/&gt;
+  &lt;link rel=&quot;reviewer&quot; title=&quot;Dayang Shen&quot; href=&quot;mailto:shendayang@baidu.com&quot;/&gt; &lt;!--  2013-09-17  --&gt;
+  &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot;/&gt;
+  &lt;link rel=&quot;match&quot; href=&quot;../reference/display-inline-grid-ref.html&quot;&gt;
+  &lt;meta name=&quot;assert&quot; content=&quot;'display: inline-grid' causes an element to generate an inline-level grid container box.&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;
+    #container {
+      position:relative;
+    }
+
+    #grid {
+      display:inline-grid;
+      grid-template-columns:100px 300px;
+      grid-template-rows:70px 30px;
+      width:400px;
+      height:100px;
+    }
+
+    #cell1 {
+      grid-column:1;
+      grid-row:1;
+      background-color:green;
+      height:70px;
+    }
+
+    #cell2 {
+      grid-column:2;
+      grid-row:1;
+      background-color:limegreen;
+      height:70px;
+    }
+
+    #cell3 {
+      grid-column:1;
+      grid-row:2;
+      background-color:limegreen;
+      height:30px;
+    }
+
+    #cell4 {
+      grid-column:2;
+      grid-row:2;
+      background-color:green;
+      height:30px;
+    }
+
+    .error {
+      position:absolute;
+      top:0;
+      left:0;
+      height:100px;
+      width:400px;
+      z-index:-1;
+    }
+
+    #table {
+      width:100%;
+      height:100%;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:last-child td {
+      height:30px;
+    }
+
+    span {
+      vertical-align:top;
+    }
+  &lt;/style&gt;
+&lt;/head&gt;
+&lt;body&gt;
+&lt;p&gt;Test passes if there are 4 green rectangles and no red.&lt;/p&gt;
+
+&lt;div id=&quot;container&quot;&gt;
+  &lt;div id=&quot;grid&quot;&gt;
+    &lt;div id=&quot;cell1&quot;&gt;cell1&lt;/div&gt;
+    &lt;div id=&quot;cell2&quot;&gt;cell2&lt;/div&gt;
+    &lt;div id=&quot;cell3&quot;&gt;cell3&lt;/div&gt;
+    &lt;div id=&quot;cell4&quot;&gt;cell4&lt;/div&gt;
+  &lt;/div&gt;
+  &lt;span&gt;Inline&lt;/span&gt;
+  &lt;div class=&quot;error&quot;&gt;
+    &lt;table id=&quot;table&quot;&gt;
+      &lt;tbody&gt;
+      &lt;tr&gt;
+        &lt;td style=&quot;background-color:#f00&quot;&gt;cell1&lt;/td&gt;
+        &lt;td style=&quot;background-color:#e00&quot;&gt;cell2&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;tr&gt;
+        &lt;td style=&quot;background-color:#e00&quot;&gt;cell3&lt;/td&gt;
+        &lt;td style=&quot;background-color:#f00&quot;&gt;cell4&lt;/td&gt;
+      &lt;/tr&gt;
+      &lt;/tbody&gt;
+    &lt;/table&gt;
+  &lt;/div&gt;
+&lt;/div&gt;
+&lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridcomputedvaluedisplayfloateditems001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+
+PASS Test display floated 'inline-table' grid item 
+PASS Test display floated 'inline' grid item 
+PASS Test display floated 'flex' grid item 
+PASS Test display floated 'inline-table' grid item within an inline grid 
+PASS Test display floated 'inline' grid item within an inline grid 
+PASS Test display floated 'flex' grid item within an inline grid 
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridcomputedvaluedisplayfloateditems001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,87 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'float' affects to the computed value of 'display' on grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo&quot; title=&quot;9.7 Relationships between 'display', 'position', and 'float'&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #grid {
+                display: grid;
+            }
+
+            #inline-grid {
+                display: inline-grid;
+            }
+
+            .inline-table {
+                display: inline-table;
+            }
+
+            .inline {
+                display: inline;
+            }
+
+            .flex {
+                display: flex;
+            }
+
+            .float {
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;grid-inline-table&quot; class=&quot;float inline-table&quot;&gt;&lt;/div&gt;
+            &lt;div id=&quot;grid-inline&quot; class=&quot;float inline&quot;&gt;&lt;/div&gt;
+            &lt;div id=&quot;grid-flex&quot; class=&quot;float flex&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+        &lt;div id=&quot;inline-grid&quot;&gt;
+            &lt;div id=&quot;inline-grid-inline-table&quot; class=&quot;float inline-table&quot;&gt;&lt;/div&gt;
+            &lt;div id=&quot;inline-grid-inline&quot; class=&quot;float inline&quot;&gt;&lt;/div&gt;
+            &lt;div id=&quot;inline-grid-flex&quot; class=&quot;float flex&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            function testComputedStyleDisplay(element, value) {
+                assert_equals(getComputedStyle(element).getPropertyValue(&quot;display&quot;), value, &quot;getComputedStyle() display should be '&quot; + value + &quot;'&quot;);
+            }
+
+            var gridInlineTable = document.getElementById(&quot;grid-inline-table&quot;);
+            test(function() {
+                    testComputedStyleDisplay(gridInlineTable, &quot;table&quot;);
+                }, &quot;Test display floated 'inline-table' grid item&quot;);
+
+            var gridInline = document.getElementById(&quot;grid-inline&quot;);
+            test(function() {
+                    testComputedStyleDisplay(gridInline, &quot;block&quot;);
+                }, &quot;Test display floated 'inline' grid item&quot;);
+
+            var gridFlex = document.getElementById(&quot;grid-flex&quot;);
+            test(function() {
+                    testComputedStyleDisplay(gridFlex, &quot;flex&quot;);
+                }, &quot;Test display floated 'flex' grid item&quot;);
+
+            var inlineGridInlineTable = document.getElementById(&quot;inline-grid-inline-table&quot;);
+            test(function() {
+                    testComputedStyleDisplay(inlineGridInlineTable, &quot;table&quot;);
+                }, &quot;Test display floated 'inline-table' grid item within an inline grid&quot;);
+
+            var inlineGridInline = document.getElementById(&quot;inline-grid-inline&quot;);
+            test(function() {
+                    testComputedStyleDisplay(inlineGridInline, &quot;block&quot;);
+                }, &quot;Test display floated 'inline' grid item within an inline grid&quot;);
+
+            var inlineGridFlex = document.getElementById(&quot;inline-grid-flex&quot;);
+            test(function() {
+                    testComputedStyleDisplay(inlineGridFlex, &quot;flex&quot;);
+                }, &quot;Test display floated 'flex' grid item within an inline grid&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgriddisplaygrid001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgriddisplaygrid001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'grid' value for 'display' property&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;reviewer&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt; &lt;!--  2014-11-18  --&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid' value for 'display' property generates a block level containing box.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-grid-overlapping-green {
+                display: grid;
+                font: 25px/1 Ahem;
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;test-grid-overlapping-green&quot;&gt;
+            &lt;span&gt;firs&lt;/span&gt;
+            &lt;span&gt;seco&lt;/span&gt;
+        &lt;/div&gt;
+        &lt;div class=&quot;test-grid-overlapping-green&quot;&gt;
+            &lt;span&gt;firs&lt;/span&gt;
+            &lt;span&gt;seco&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgriddisplayinlinegrid001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgriddisplayinlinegrid001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,33 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'inline-grid' value for 'display' property&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;reviewer&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt; &lt;!--  2014-11-18  --&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'inline-grid' value for 'display' property generates an inline level containing box.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-inline-grid-overlapping-green {
+                display: inline-grid;
+                background-color: green;
+                width: 50px;
+                height: 100px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;test-inline-grid-overlapping-green&quot;&gt;&lt;/div&gt;&lt;div class=&quot;test-inline-grid-overlapping-green&quot;&gt;&lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-letter' from grid container does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-letter&quot; title=&quot;7.2. The ::first-letter pseudo-element&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                color: green;
+            }
+
+            .grid::first-letter {
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;grid&quot;&gt;
+            &lt;div&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-letter' from grid container ancestors does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-letter&quot; title=&quot;7.2. The ::first-letter pseudo-element&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to a grid container ancestors.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                color: green;
+            }
+
+            body::first-letter {
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;grid&quot;&gt;
+            &lt;div&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text first letter should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+
+            .green {
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;
+            &lt;span class=&quot;green&quot;&gt;T&lt;/span&gt;he &lt;strong&gt;first letter&lt;/strong&gt; of this paragraph, and only that one, should be &lt;strong&gt;green&lt;/strong&gt;.
+            In addition, body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.
+        &lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstletter003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-letter' works on grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-letter&quot; title=&quot;7.2. The ::first-letter pseudo-element&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-first-letter-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+            }
+
+            .item::first-letter {
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;grid&quot;&gt;
+            &lt;div class=&quot;item&quot;&gt;
+                &lt;p&gt;
+                    The &lt;strong&gt;first letter&lt;/strong&gt; of this paragraph, and only that one, should be &lt;strong&gt;green&lt;/strong&gt;.
+                    In addition, body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.
+                &lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-line' from grid container does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-formatted-line&quot; title=&quot;7.1.1. First formatted line definition in CSS&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                color: green;
+            }
+
+            .grid::first-line {
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;grid&quot;&gt;
+            &lt;div&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-line' from grid container ancestors does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-formatted-line&quot; title=&quot;7.1.1. First formatted line definition in CSS&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-line' pseudo-element is ignored in grid items when applied to a grid container ancestors.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                color: green;
+            }
+
+            body::first-line {
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;grid&quot;&gt;
+            &lt;div&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfirstline003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-line' works on grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-formatted-line&quot; title=&quot;7.1.1. First formatted line definition in CSS&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+                color: red;
+            }
+
+            .item::first-line {
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;grid&quot;&gt;
+            &lt;div class=&quot;item&quot;&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfloat001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfloat001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'float' has no effect on grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;reviewer&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt; &lt;!--  2015-01-03  --&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/CSS21/visuren.html#float-position&quot; title=&quot;9.5.1 Positioning the float&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .grid {
+                display: grid;
+            }
+
+            .test-overlapping-green {
+                background-color: green;
+                width: 100px;
+                height: 50px;
+            }
+
+            .float-left {
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+
+        &lt;div class=&quot;grid&quot;&gt;
+            &lt;div class=&quot;test-overlapping-green float-left&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfloatsnointrude001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridfloatsnointrude001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: floats do not intrude into a grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-overlapping-green {
+                background-color: green;
+                width: 50px;
+                height: 100px;
+            }
+
+            .float {
+                float: left;
+            }
+
+            .grid {
+                display: grid;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+
+        &lt;div class=&quot;float test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;grid test-overlapping-green&quot;&gt;&lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-letter' from inline grid container does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-letter&quot; title=&quot;7.2. The ::first-letter pseudo-element&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                color: green;
+            }
+
+            .grid::first-letter {
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;inline-grid&quot;&gt;
+            &lt;div&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-letter' from inline grid container ancestors does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-letter&quot; title=&quot;7.2. The ::first-letter pseudo-element&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-letter' pseudo-element is ignored in grid items when applied to an inline grid container ancestors.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                color: green;
+            }
+
+            body::first-letter {
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;inline-grid&quot;&gt;
+            &lt;div&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,23 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text first letter should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+
+            .green {
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;
+            &lt;span class=&quot;green&quot;&gt;T&lt;/span&gt;he &lt;strong&gt;first letter&lt;/strong&gt; of this paragraph, and only that one, should be &lt;strong&gt;green&lt;/strong&gt;.
+            In addition, body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.
+        &lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstletter003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,30 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-letter' works on grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-letter&quot; title=&quot;7.2. The ::first-letter pseudo-element&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-first-letter-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-letter' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+            }
+
+            .item::first-letter {
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;inline-grid&quot;&gt;
+            &lt;div class=&quot;item&quot;&gt;
+                &lt;p&gt;
+                    The &lt;strong&gt;first letter&lt;/strong&gt; of this paragraph, and only that one, should be &lt;strong&gt;green&lt;/strong&gt;.
+                    In addition, body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.
+                &lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-line' from inline grid container does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-formatted-line&quot; title=&quot;7.1.1. First formatted line definition in CSS&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-line' pseudo-element is ignored in grid items when applied to an inline grid container.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                color: green;
+            }
+
+            .inline-grid::first-line {
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;inline-grid&quot;&gt;
+            &lt;div&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline002expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline002xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-line' from inline grid container ancestors does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-formatted-line&quot; title=&quot;7.1.1. First formatted line definition in CSS&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-line' pseudo-element is ignored in anonymous grid items when applied to an inline grid container ancestors.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                color: green;
+            }
+
+            body::first-line {
+                color: red;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;inline-grid&quot;&gt;
+            &lt;div&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline003expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefirstline003xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,28 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: '::first-line' works on grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-selectors/#first-formatted-line&quot; title=&quot;7.1.1. First formatted line definition in CSS&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that '::first-line' pseudo-element works as expected if it is applied directly to a grid item within an inline grid.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .inline-grid {
+                display: inline-grid;
+                color: red;
+            }
+
+            .item::first-line {
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div class=&quot;inline-grid&quot;&gt;
+            &lt;div class=&quot;item&quot;&gt;
+                &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+            &lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefloat001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefloat001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,44 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'float' has no effect on grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;reviewer&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt; &lt;!--  2015-01-03  --&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/CSS21/visuren.html#float-position&quot; title=&quot;9.5.1 Positioning the float&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .inline-grid {
+                display: inline-grid;
+            }
+
+            .test-overlapping-green {
+                background-color: green;
+                width: 100px;
+                height: 50px;
+            }
+
+            .float-left {
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+
+        &lt;div class=&quot;inline-grid&quot;&gt;
+            &lt;div class=&quot;test-overlapping-green float-left&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefloatsnointrude001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinefloatsnointrude001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: floats do not intrude into an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-overlapping-green {
+                background-color: green;
+                width: 50px;
+                height: 100px;
+            }
+
+            .float {
+                float: left;
+            }
+
+            .inline-grid {
+                display: inline-grid;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+
+        &lt;div class=&quot;float test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;div class=&quot;inline-grid test-overlapping-green&quot;&gt;&lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinemarginsnocollapse001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinemarginsnocollapse001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: inline grid's margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that inline grid's margin (body) do not collapse with the marings of the grid item (a paragraph).&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            body {
+                display: inline-grid;
+            }
+
+            p {
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinemulticol001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlinemulticol001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'column-*' properties from inline grid container does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns&quot; title=&quot;3. The number and width of columns&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-overlapping-green {
+                background-color: green;
+                width: 100px;
+                height: 50px;
+            }
+
+            .inline-grid {
+                display: inline-grid;
+                column-width: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+
+        &lt;div class=&quot;inline-grid&quot;&gt;
+            &lt;div class=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlineverticalalign001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridinlineverticalalign001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'vertical-align' has no effect on grid items within an inline grid&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;reviewer&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt; &lt;!--  2014-12-10  --&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align&quot; title=&quot;10.8.1 Leading and half-leading&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #test-inline-grid-overlapping-green {
+                display: inline-grid;
+                font: 50px/1 Ahem;
+                color: green;
+            }
+
+            #vertical-align {
+                vertical-align: 125px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;test-inline-grid-overlapping-green&quot;&gt;
+            &lt;span&gt;1s&lt;/span&gt;
+            &lt;span id=&quot;vertical-align&quot;&gt;2n&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridmarginsnocollapse001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,17 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: Reference file text should be green and margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            p {
+                color: green;
+                /* Prevent collapsing body and paragraph margins. */
+                float: left;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridmarginsnocollapse001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: grid's margins do not collapse&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-text-green-margin-no-collapse-ref.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that grid's margin (body) do not collapse with the marings of the grid item (a paragraph).&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            body {
+                display: grid;
+            }
+
+            p {
+                color: green;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;This text should be &lt;strong&gt;green&lt;/strong&gt; and body and paragraph margins should &lt;strong&gt;not collapse&lt;/strong&gt;.&lt;/p&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridmulticol001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridmulticol001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'column-*' properties from grid container does not apply to grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns&quot; title=&quot;3. The number and width of columns&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container.&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            .test-overlapping-green {
+                background-color: green;
+                width: 100px;
+                height: 50px;
+            }
+
+            .grid {
+                display: grid;
+                column-width: 50px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+
+        &lt;div class=&quot;grid&quot;&gt;
+            &lt;div class=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;test-overlapping-green&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridsupportdisplay001expectedtxt"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001-expected.txt (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001-expected.txt                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001-expected.txt        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,8 @@
</span><ins>+
+PASS Test style display 'grid' 
+PASS Test style display 'inline-grid' 
+PASS Test CSS display 'grid' 
+PASS Test CSS display 'inline-grid' 
+PASS Test JavaScript display 'grid' 
+PASS Test JavaScript display 'inline-grid' 
+
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridsupportdisplay001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,80 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: DOM support for 'grid' and 'inline-grid' 'display' values&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;reviewer&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt; &lt;!--  2014-11-18  --&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;dom&quot; /&gt;
+        &lt;meta name=&quot;assert&quot; content=&quot;This test checks that 'grid' and 'inline-grid' values for 'display' property are supported so that DOM methods, specifically getComputedValue(), and its associated CSS2Properties interface, can fetch such 'display' values.&quot; /&gt;
+        &lt;script src=&quot;../../../../../resources/testharness.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;script src=&quot;../../../../../resources/testharnessreport.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            .grid {
+                display: grid;
+            }
+
+            .inline-grid {
+                display: inline-grid;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;div id=&quot;log&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;style-grid&quot; style=&quot;display: grid;&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;style-inline-grid&quot; style=&quot;display: inline-grid;&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;css-grid&quot; class=&quot;grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;css-inline-grid&quot; class=&quot;inline-grid&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;js-grid&quot;&gt;&lt;/div&gt;
+        &lt;div id=&quot;js-inline-grid&quot;&gt;&lt;/div&gt;
+
+        &lt;script type=&quot;text/javascript&quot;&gt;&lt;![CDATA[
+            function testStyleDisplay(element, value) {
+                assert_equals(element.style.display, value, &quot;Style display should be '&quot; + value + &quot;'&quot;);
+            }
+
+            function testComputedStyleDisplay(element, value) {
+                assert_equals(getComputedStyle(element).getPropertyValue(&quot;display&quot;), value, &quot;getComputedStyle() display should be '&quot; + value + &quot;'&quot;);
+            }
+
+            var styleGrid = document.getElementById(&quot;style-grid&quot;);
+            test(function() {
+                    testStyleDisplay(styleGrid, &quot;grid&quot;);
+                    testComputedStyleDisplay(styleGrid, &quot;grid&quot;);
+                }, &quot;Test style display 'grid'&quot;);
+
+            var styleInlineGrid = document.getElementById(&quot;style-inline-grid&quot;);
+            test(function() {
+                    testStyleDisplay(styleInlineGrid, &quot;inline-grid&quot;);
+                    testComputedStyleDisplay(styleInlineGrid, &quot;inline-grid&quot;);
+                }, &quot;Test style display 'inline-grid'&quot;);
+
+            var cssGrid = document.getElementById(&quot;css-grid&quot;);
+            test(function() {
+                    testComputedStyleDisplay(cssGrid, &quot;grid&quot;);
+                }, &quot;Test CSS display 'grid'&quot;);
+
+            var cssInlineGrid = document.getElementById(&quot;css-inline-grid&quot;);
+            test(function() {
+                    testComputedStyleDisplay(cssInlineGrid, &quot;inline-grid&quot;);
+                }, &quot;Test CSS display 'inline-grid'&quot;);
+
+            var jsGrid = document.getElementById(&quot;js-grid&quot;);
+            jsGrid.style.display = &quot;grid&quot;;
+            test(function() {
+                    testStyleDisplay(jsGrid, &quot;grid&quot;);
+                    testComputedStyleDisplay(jsGrid, &quot;grid&quot;);
+                }, &quot;Test JavaScript display 'grid'&quot;);
+
+            var jsInlineGrid = document.getElementById(&quot;js-inline-grid&quot;);
+            jsInlineGrid.style.display = &quot;inline-grid&quot;;
+            test(function() {
+                    testStyleDisplay(jsInlineGrid, &quot;inline-grid&quot;);
+                    testComputedStyleDisplay(jsInlineGrid, &quot;inline-grid&quot;);
+                }, &quot;Test JavaScript display 'inline-grid'&quot;);
+        ]]&gt;&lt;/script&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridverticalalign001expectedxht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001-expected.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001-expected.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001-expected.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+ &lt;head&gt;
+  &lt;title&gt;CSS Reftest Reference&lt;/title&gt;
+  &lt;link rel=&quot;author&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt;
+  &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+  div
+  {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+  }
+  ]]&gt;&lt;/style&gt;
+ &lt;/head&gt;
+ &lt;body&gt;
+  &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+  &lt;div&gt;&lt;/div&gt;
+ &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelgridverticalalign001xht"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001.xht (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001.xht                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001.xht        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
+&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
+    &lt;head&gt;
+        &lt;title&gt;CSS Grid Layout Test: 'vertical-align' has no effect on grid items&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Manuel Rego Casasnovas&quot; href=&quot;mailto:rego@igalia.com&quot; /&gt;
+        &lt;link rel=&quot;reviewer&quot; title=&quot;Gérard Talbot&quot; href=&quot;http://www.gtalbot.org/BrowserBugsSection/css21testsuite/&quot; /&gt; &lt;!--  2014-12-10  --&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-containers&quot; title=&quot;3.1 Establishing Grid Containers&quot; /&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align&quot; title=&quot;10.8.1 Leading and half-leading&quot; /&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../../css21/reference/ref-filled-green-100px-square.xht&quot; /&gt;
+        &lt;meta name=&quot;flags&quot; content=&quot;ahem&quot; /&gt;
+        &lt;style type=&quot;text/css&quot;&gt;&lt;![CDATA[
+            #reference-overlapped-red {
+                position: absolute;
+                background-color: red;
+                width: 100px;
+                height: 100px;
+                z-index: -1;
+            }
+
+            #test-grid-overlapping-green {
+                display: grid;
+                font: 50px/1 Ahem;
+                color: green;
+            }
+
+            #vertical-align {
+                vertical-align: 125px;
+            }
+        ]]&gt;&lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;Test passes if there is a filled green square and &lt;strong&gt;no red&lt;/strong&gt;.&lt;/p&gt;
+
+        &lt;div id=&quot;reference-overlapped-red&quot;&gt;&lt;/div&gt;
+
+        &lt;div id=&quot;test-grid-overlapping-green&quot;&gt;
+            &lt;span&gt;1s&lt;/span&gt;
+            &lt;span id=&quot;vertical-align&quot;&gt;2n&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1gridmodelw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,71 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-grid.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/display-inline-grid.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-computed-value-display-floated-items-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-grid-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-display-inline-grid-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-letter-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-first-line-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-float-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-floats-no-intrude-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-letter-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-002.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-first-line-003.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-float-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-floats-no-intrude-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-margins-no-collapse-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-multicol-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-inline-vertical-align-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-margins-no-collapse-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-multicol-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-support-display-001.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001-expected.xht
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-model/grid-vertical-align-001.xht
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1implicitgridsgridsupportgridautocolumnsrows001expectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+    &lt;head&gt;
+        &lt;meta charset=&quot;utf-8&quot;&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties&lt;/title&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Joao Oliveira&quot; href=&quot;mailto:hello@jxs.pt&quot;/&gt;
+        &lt;style&gt;
+         #grid {
+             position: relative;
+         }
+         .position {
+             position: absolute;
+             top: 0;
+             left: 0;
+         }
+         #first-column-first-row {
+             width: 30px;
+             height: 30px;
+             background-color: purple;
+         }
+         #third-column-first-and-second-rows {
+             left: 60px;
+             width: 30px;
+             height: 60px;
+             background-color: orange
+         }
+         #first-and-second-columns-second-row {
+             top: 30px;
+             width: 60px;
+             height: 30px;
+             background-color: blue;
+         }
+        &lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+        &lt;p&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div class=&quot;position&quot; id=&quot;first-column-first-row&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;position&quot; id=&quot;third-column-first-and-second-rows&quot;&gt;&lt;/div&gt;
+            &lt;div class=&quot;position&quot; id=&quot;first-and-second-columns-second-row&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1implicitgridsgridsupportgridautocolumnsrows001html"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+    &lt;head&gt;
+        &lt;meta charset=&quot;utf-8&quot;&gt;
+        &lt;title&gt;CSS Grid Layout Test: Support for 'grid-auto-columns' and 'grid-auto-rows' properties&lt;/title&gt;
+        &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#auto-tracks&quot;&gt;
+        &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-support-grid-auto-columns-rows-001-ref.html&quot;&gt;
+        &lt;link rel=&quot;author&quot; title=&quot;Joao Oliveira&quot; href=&quot;mailto:hello@jxs.pt&quot;/&gt;
+        &lt;style&gt;
+         #grid {
+             display: grid;
+             grid-auto-columns: 30px;
+             grid-auto-rows: 30px;
+         }
+         #first-column-first-row {
+             grid-column: 1;
+             grid-row: 1;
+             background-color: purple;
+         }
+         #third-column-first-and-second-rows {
+             grid-column: 3;
+             grid-row: 1 / span 2;
+             background-color: orange
+         }
+         #first-and-second-columns-second-row {
+             grid-column: 1 / span 2;
+             grid-row: 2;
+             background-color: blue;
+         }
+        &lt;/style&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+      &lt;p&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+        &lt;div id=&quot;grid&quot;&gt;
+            &lt;div id=&quot;first-column-first-row&quot;&gt;&lt;/div&gt;
+            &lt;div id=&quot;third-column-first-and-second-rows&quot;&gt;&lt;/div&gt;
+            &lt;div id=&quot;first-and-second-columns-second-row&quot;&gt;&lt;/div&gt;
+        &lt;/div&gt;
+    &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1implicitgridsw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/implicit-grids/grid-support-grid-auto-columns-rows-001.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1layoutalgorithmgridlayoutfreespaceunitexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 150px;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float:left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1layoutalgorithmgridlayoutfreespaceunithtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: free space unit&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#free-space&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-basic-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: 1fr 50px;
+      }
+      .a {
+        background: blue;
+        grid-column: 1;
+        grid-row: 1;
+      }
+      .b {
+        background: yellow;
+        grid-column: 2;
+        grid-row: 1;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1layoutalgorithmw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,19 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/layout-algorithm/grid-layout-free-space-unit.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutgridspanexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 150px;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float:left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutgridspanhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: grid span&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#grid-span&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-basic-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: 50px 50px 50px;
+      }
+      .a {
+        background: blue;
+        grid-column: 1 / span 2;
+        grid-row: 1;
+      }
+      .b {
+        background: yellow;
+        grid-column: 3;
+        grid-row: 1;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutlinesexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 150px;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float:left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutlinesshorthandsexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 150px;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float:left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutlinesshorthandshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,41 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: grid lines shorthands&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#common-uses-named-lines&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-basic-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: [left] 100px [center] 50px [right];
+      }
+      .a {
+        background: blue;
+        grid-column: left / center;
+      }
+      .b {
+        background: yellow;
+        grid-column: center / right;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutlineshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: grid lines&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#common-uses-named-lines&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-basic-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: [left] 100px [center] 50px [right];
+      }
+      .a {
+        background: blue;
+        grid-column-start: left;
+        grid-column-end: center;
+      }
+      .b {
+        background: yellow;
+        grid-column-start: center;
+        grid-column-end: right;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutplacementshorthandsexpectedhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands-expected.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands-expected.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands-expected.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,39 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Reference&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+        border: 0 none;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        margin: 0;
+        width: 150px;
+      }
+      .a {
+        background: blue;
+        width: 100px;
+        float:left
+      }
+      .b {
+        background: yellow;
+        width: 50px;
+        float:left;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementgridlayoutplacementshorthandshtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,43 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Test: placement shorthand&lt;/title&gt;
+    &lt;link rel=&quot;author&quot; title=&quot;Leo Deng&quot; href=&quot;mailto:myst.dg@gmail.com&quot;&gt;
+    &lt;link rel=&quot;help&quot; href=&quot;http://www.w3.org/TR/css-grid-1/#placement-shorthands&quot;&gt;
+    &lt;link rel=&quot;match&quot; href=&quot;../reference/grid-layout-basic-ref.html&quot;&gt;
+    &lt;meta name=&quot;assert&quot; content=&quot;the layout should behave the same as reference.&quot;&gt;
+    &lt;style&gt;
+      body {
+        margin: 0;
+        padding: 0;
+      }
+      #caseTitle {
+        margin: 10px;
+        height: 40px;
+      }
+      #grid {
+        width: 150px;
+        background: #eee;
+        display: grid;
+        grid-template-columns: 50px 50px 50px;
+      }
+      .a {
+        background: blue;
+        grid-column: 1 / span 2;
+        grid-row: 1;
+      }
+      .b {
+        background: yellow;
+        grid-column: 3;
+        grid-row: 1;
+      }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;p id=&quot;caseTitle&quot;&gt;The test passes if it has the same visual effect as reference.&lt;/p&gt;
+    &lt;div id=&quot;grid&quot;&gt;
+      &lt;div class=&quot;a&quot;&gt;&amp;nbsp;&lt;/div&gt;
+      &lt;div class=&quot;b&quot;&gt;&amp;nbsp;&lt;/div&gt;
+    &lt;/div&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1placementw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,25 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-grid-span.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines-shorthands.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-lines.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands-expected.html
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/placement/grid-layout-placement-shorthands.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1testplanindexhtml"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/index.html (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/index.html                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/index.html        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,558 @@
</span><ins>+&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;
+    &lt;title&gt;CSS Grid Layout Module Level 1 Test Plan&lt;/title&gt;
+    &lt;meta http-equiv='Content-Type' content='text/html;charset=utf-8'/&gt;
+    &lt;!-- 
+      === NOTA BENE ===
+      For the three scripts below, if your spec resides on dev.w3 you can check them
+      out in the same tree and use relative links so that they'll work offline,
+      --&gt;
+    &lt;script src='http://www.w3.org/Tools/respec/respec-w3c-common' class='remove' async&gt;&lt;/script&gt;
+    &lt;script class='remove'&gt;
+      var respecConfig = {
+          publishDate: &quot;2015-07-10&quot;,
+          shortName: &quot;css-grid-1-test-plan&quot;,
+          specStatus: &quot;unofficial&quot;,
+          editors: [
+            {
+              name: &quot;Manuel Rego Casasnovas&quot;, mailto: &quot;rego@igalia.com&quot;,
+              company: &quot;Igalia, S.L.&quot;, companyURL: &quot;http://www.igalia.com/&quot;
+            },
+          ],
+          testSuiteURI: &quot;http://test.csswg.org/suites/css-grid-1_dev/nightly-unstable/&quot;,
+      };
+    &lt;/script&gt;
+    &lt;style&gt;
+    a.bibref,
+    #references dt {
+      text-transform: uppercase;
+    }
+    &lt;/style&gt;
+  &lt;/head&gt;
+  &lt;body&gt;
+    &lt;section id='abstract'&gt;
+      &lt;p&gt;
+        This document is intended to be used as a guideline for the testing
+        activities related to the CSS Grid Layout Level 1 spec
+        [[!css3-grid-layout]]. Its main goal is to provide an overview of the
+        general testing areas, possible caveats and testing aspects not
+        immediately apparent from the spec. Also, it provides a means of
+        tracking the progress of the CSS Grid Layout spec testing.
+      &lt;/p&gt;
+      &lt;p&gt;
+        This document is not meant to replace the spec in determining the
+        normative and non-normative assertions to be tested, but rather
+        complement it.
+      &lt;/p&gt;
+    &lt;/section&gt;
+
+    &lt;section&gt;
+      &lt;h2&gt;Introduction&lt;/h2&gt;
+      &lt;p&gt;
+        As CSS moved away from the monolithic development of CSS 2.1 to the
+        modular development of CSS 3, the number of proposed new features and
+        the complexity of the layout landscape have increased dramatically.
+        While this directly translates to increased flexibility and agility in
+        adopting and implementing new CSS features, it also increases the
+        complexity of testing CSS features and the need for coordinating the
+        testing efforts. Also, the need for testing coordination increases as
+        crowd-sourcing efforts like
+        &lt;a href=&quot;http://testthewebforward.org/&quot; target=&quot;_blank&quot;&gt;Test the Web
+        Forward&lt;/a&gt; present people less familiar with the processes and
+        policies of the W3C with the opportunity to contribute new tests.
+      &lt;/p&gt;
+      &lt;p&gt;
+        Except when defining new behaviors or redefining old behaviors, the
+        implicit assumption for new CSS modules is that they play nicely with
+        other modules or properties defined in CSS 2.1 [[!CSS21]]. As CSS Grid
+        Layout is a spec that touches many aspects of layout, styling and
+        CSSOM, it's not unreasonable to want to test the spec against these
+        implicit assumptions, too.
+      &lt;/p&gt;
+      &lt;p&gt;
+        This testing strategy document is meant to complement the CSS Grid
+        Layout spec and the existing test suite by providing an overview of
+        the testing areas (especially the less apparent ones) and tracking
+        the progress of the testing activities against these test areas.
+      &lt;/p&gt;
+    &lt;/section&gt;
+
+    &lt;section&gt;
+      &lt;h2&gt;Goals&lt;/h2&gt;
+      &lt;p&gt;
+        To ensure a comprehensive test suite with useful, high quality tests,
+        a number of goals are proposed. They range from process goals (how to
+        conduct testing) to implementation goals (how to write good tests).
+      &lt;/p&gt;
+      &lt;section&gt;
+        &lt;h3&gt;Enabling easy test contribution&lt;/h3&gt;
+        &lt;p&gt;
+          An important vector in successfully testing CSS Grid Layout is to
+          enable easy test contributions, both from W3C partners and from
+          non-W3C members that wish to contribute. This is achieved by clearly
+          marking and explaining the areas that need testing, linking to
+          existing tests, and general testing progress.
+        &lt;/p&gt;
+      &lt;/section&gt;
+      &lt;section&gt;
+        &lt;h3&gt;Providing guidance on testing&lt;/h3&gt;
+        &lt;p&gt;
+          In order to increase the quality of the test contributions, this
+          document offers a set of guidelines for conducting testing (see
+          &lt;a href=&quot;#approach&quot; class=&quot;sectionRef&quot;&gt;&lt;/a&gt;) and a testing progress
+          tracker to increase the surface coverage of tests (see
+          &lt;a href=&quot;#test-progress-tracking&quot; class=&quot;sectionRef&quot;&gt;&lt;/a&gt;).
+        &lt;/p&gt;
+      &lt;/section&gt;
+      &lt;section&gt;
+        &lt;h3&gt;Creating automation-friendly tests&lt;/h3&gt;
+        &lt;p&gt;
+          In terms of actual tests produced for the CSS Grid Layout
+          specification, the main goal is to ensure that most tests are
+          automatable (i.e. they're either reftests or use
+          &lt;code&gt;testharness.js&lt;/code&gt;). Even where manual tests are absolutely
+          necessary they should be written so that they can be easily
+          automated &amp;ndash; as there are ongoing efforts to make WebDriver
+          [[webdriver]] automated tests a first class citizen in W3C testing.
+          This means that even if a manual test requires user interaction,
+          the validation or PASS/FAIL conditions should still be clear enough
+          as to allow automatic validation if said interaction is later
+          automated.
+        &lt;/p&gt;
+      &lt;/section&gt;
+    &lt;/section&gt;
+    &lt;section&gt;
+                &lt;h2&gt;Approach&lt;/h2&gt;
+                &lt;p&gt;
+            As spec testing cannot be realistically separated from testing a
+            particular implementation (except for the very simple cases), the
+            approach proposed for testing is one that tries to first cover as
+            many areas as possible, instead of deep diving on a certain
+            feature or aspect of the spec first. A side benefit of this
+            approach is that the spec tests can be used at any time to gauge
+            the level of support of a certain implementation.
+        &lt;/p&gt;
+        &lt;p&gt;
+            Having this &lt;em&gt;breadth-first&lt;/em&gt; approach in mind, tests will be
+            created for the testing areas listed in &lt;a href=&quot;#testing-areas&quot;
+            class=&quot;sectionRef&quot;&gt;&lt;/a&gt;. Testing will be done in multiple passes,
+            each aimed at covering more specific edge-cases.
+        &lt;/p&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+      &lt;h2&gt;Testing areas&lt;/h2&gt;
+      &lt;section&gt;
+        &lt;h3&gt;Explicit testing areas&lt;/h3&gt;
+        &lt;p&gt;
+          These are testing areas normatively defined by the spec. They cover
+          things explicitly or implicitly defined in the CSS Grid Layout spec.
+          Please note that while detailed, this list is not necessarily
+          exhaustive and normative behaviors may not be contained in it.
+          When in doubt, consult the CSS Grid Layout spec or ask a question on
+          the &lt;a href=&quot;http://lists.w3.org/Archives/Public/www-style/&quot;&gt;mailing
+          list&lt;/a&gt; adding &lt;kbd&gt;[css-grid]&lt;/kbd&gt; to the subject.
+        &lt;/p&gt;
+        &lt;section&gt;
+          &lt;h4&gt;Grid Containers (&lt;kbd&gt;grid-model&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              &lt;code&gt;grid&lt;/code&gt; and &lt;code&gt;inline-grid&lt;/code&gt; values for
+              &lt;code&gt;display&lt;/code&gt; property
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/627&quot;&gt;#627&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Grid container’s margins do not collapse with the margins of its
+              contents
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/661&quot;&gt;#661&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              &lt;code&gt;column-*&lt;/code&gt; properties have no effect on a grid
+              container
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/628&quot;&gt;#628&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              &lt;code&gt;float&lt;/code&gt; and &lt;code&gt;clear&lt;/code&gt; have no effect on a
+              grid item
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/629&quot;&gt;#629&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              &lt;code&gt;float&lt;/code&gt; affects to the computed value of display on
+              grid items
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/630&quot;&gt;#630&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              &lt;code&gt;vertical-align&lt;/code&gt; has no effect on a grid item
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/631&quot;&gt;#631&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              &lt;code&gt;first-line&lt;/code&gt; and &lt;code&gt;first-letter&lt;/code&gt; do not
+              apply to grid containers
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/632&quot;&gt;#632&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Sizing grid containers
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/638&quot;&gt;#638&lt;/a&gt;].
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+          &lt;h4&gt;Grid Items (&lt;kbd&gt;grid-items&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              Each child of a grid container becomes a grid item
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/639&quot;&gt;#639&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Each contiguous run of text that is directly contained inside
+              grid container is wrapped in an anonymous grid item
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/640&quot;&gt;#640&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              &lt;code&gt;visibility&lt;/code&gt; property.
+              &lt;div class=&quot;note&quot;&gt;Still undefined in the spec.&lt;/div&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              &lt;code&gt;order&lt;/code&gt; property
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/641&quot;&gt;#641&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Static position
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/642&quot;&gt;#642&lt;/a&gt;
+              &amp;amp;
+              &lt;a href=&quot;https://github.com/w3c/csswg-test/issues/643&quot;&gt;#643&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Z-axis ordering:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;z-index&lt;/code&gt; property
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/677&quot;&gt;#677&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Minimum size of grid items
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/799&quot;&gt;#799&lt;/a&gt;].
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+          &lt;h4&gt;The Explicit Grid (&lt;kbd&gt;grid-definition&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              Track sizing:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;grid-template-columns&lt;/code&gt; and
+                  &lt;code&gt;grid-template-rows&lt;/code&gt; properties
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/644&quot;&gt;#644&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  &lt;kbd&gt;&amp;lt;track-size&amp;gt;&lt;/kbd&gt;: &lt;code&gt;length&lt;/code&gt;,
+                  &lt;code&gt;percentage&lt;/code&gt;, &lt;code&gt;max-content&lt;/code&gt;,
+                  &lt;code&gt;min-content&lt;/code&gt;, &lt;code&gt;minmax(min, max)&lt;/code&gt;,
+                  &lt;code&gt;auto&lt;/code&gt;.
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Named grid lines (&lt;kbd&gt;&amp;lt;custom-ident&amp;gt;&lt;/kbd&gt;)
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/645&quot;&gt;#645&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  &lt;code&gt;repeat()&lt;/code&gt; notation
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/646&quot;&gt;#646&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Flexible lengths: &lt;code&gt;fr&lt;/code&gt; unit
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/647&quot;&gt;#647&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  &lt;code&gt;subgrid&lt;/code&gt; keyword.
+                  &lt;div class=&quot;note&quot;&gt;Subgrid feature is currently at-risk.&lt;/div&gt;
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Resolved values
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/648&quot;&gt;#648&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Named areas:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;grid-template-areas&lt;/code&gt; property
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/649&quot;&gt;#649&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Implicit named grid lines
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/650&quot;&gt;#650&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Implicit named areas
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/651&quot;&gt;#651&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Explicit grid shorthand:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;grid-template&lt;/code&gt; property
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/652&quot;&gt;#652&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+          &lt;h4&gt;The Implicit Grid (&lt;kbd&gt;implicit-grids&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              &lt;code&gt;grid-auto-rows&lt;/code&gt; and &lt;code&gt;grid-auto-columns&lt;/code&gt;
+              properties
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/662&quot;&gt;#662&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              &lt;code&gt;grid-auto-flow&lt;/code&gt; property
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/663&quot;&gt;#663&lt;/a&gt;].
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+          &lt;h4&gt;Grid Definition Shorthand (&lt;kbd&gt;grid-shorthand&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              &lt;code&gt;grid&lt;/code&gt; property
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/664&quot;&gt;#664&lt;/a&gt;].
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+          &lt;h4&gt;Placing Grid Items (&lt;kbd&gt;placement&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              Common patterns:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  Named areas
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/665&quot;&gt;#665&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Numeric indexes and spans
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/666&quot;&gt;#666&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Named lines and spans
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/667&quot;&gt;#667&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Auto placement
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/668&quot;&gt;#668&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Auto sizing siblings.
+                  &lt;div class=&quot;note&quot;&gt;Subgrid feature is currently at-risk.&lt;/div&gt;
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Line-based placement:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;grid-row-start&lt;/code&gt;, &lt;code&gt;grid-column-start&lt;/code&gt;,
+                  &lt;code&gt;grid-row-end&lt;/code&gt; and &lt;code&gt;grid-column-end&lt;/code&gt;
+                  properties
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/669&quot;&gt;#669&lt;/a&gt;].
+                &lt;/li&gt;
+                &lt;li&gt;
+                  Grid placement conflict handling
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/670&quot;&gt;#670&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Placement shorthands:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;grid-column&lt;/code&gt;, &lt;code&gt;grid-row&lt;/code&gt; and
+                  &lt;code&gt;grid-area&lt;/code&gt; properties
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/671&quot;&gt;#671&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Absolutely-positioned grid items
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/672&quot;&gt;#672&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Grid item placement algorithm
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/683&quot;&gt;#683&lt;/a&gt;].
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+          &lt;h4&gt;Alignment (&lt;kbd&gt;alignment&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              Aligning with auto margins
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/673&quot;&gt;#673&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Row-axis alignment:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;justify-self&lt;/code&gt; and &lt;code&gt;justify-items&lt;/code&gt;
+                  properties.
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/674&quot;&gt;#674&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Column-axis alignment:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;align-self&lt;/code&gt; and &lt;code&gt;align-items&lt;/code&gt;
+                  properties
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/675&quot;&gt;#675&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Aligning the grid:
+              &lt;ul&gt;
+                &lt;li&gt;
+                  &lt;code&gt;justify-content&lt;/code&gt; and &lt;code&gt;align-content&lt;/code&gt;
+                  properties
+                  [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/676&quot;&gt;#676&lt;/a&gt;].
+                &lt;/li&gt;
+              &lt;/ul&gt;
+            &lt;/li&gt;
+            &lt;li&gt;
+              Grid baselines
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/678&quot;&gt;#678&lt;/a&gt;].
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+          &lt;h4&gt;Track Sizing Algorithm (&lt;kbd&gt;layout-algorithm&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              Content-based track sizing
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/679&quot;&gt;#679&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Grow tracks using free space
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/680&quot;&gt;#680&lt;/a&gt;].
+            &lt;/li&gt;
+            &lt;li&gt;
+              Flexible tracks
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/681&quot;&gt;#681&lt;/a&gt;].
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+        &lt;section&gt;
+          &lt;h4&gt;Fragmenting Grid Layout (&lt;kbd&gt;pagination&lt;/kbd&gt;)&lt;/h4&gt;
+          &lt;ul&gt;
+            &lt;li&gt;
+              Fragmentation algorithm
+              [&lt;a href=&quot;https://github.com/w3c/csswg-test/issues/682&quot;&gt;#682&lt;/a&gt;].
+            &lt;/li&gt;
+          &lt;/ul&gt;
+        &lt;/section&gt;
+      &lt;/section&gt;
+      &lt;section&gt;
+        &lt;h3&gt;Specification examples&lt;/h3&gt;
+        &lt;p&gt;
+          The spec examples should become tests (maybe some of them need to be
+          defined as manual tests). This will allow to increase the coverage
+          with more tests, but also to check the spec itself.
+        &lt;/p&gt;
+      &lt;/section&gt;
+      &lt;section&gt;
+        &lt;h3&gt;Implicit testing areas&lt;/h3&gt;
+        &lt;p&gt;
+          These are testing areas either normatively defined in other specs
+          that explicitly refer to the CSS Grid Layout spec or simply not
+          explicitly defined, but implied by various aspects of the spec.
+          Please note that while detailed, this list is not necessarily
+          exhaustive and normative behaviors may not be contained in it. When
+          in doubt, consult the CSS Grid Layout spec or ask a question on the
+          &lt;a href=&quot;http://lists.w3.org/Archives/Public/www-style/&quot;&gt;mailing
+          list&lt;/a&gt; adding &lt;kbd&gt;[css-grid]&lt;/kbd&gt; to the subject.
+        &lt;/p&gt;
+        &lt;p&gt;
+          Below is the list of implicit testing areas:
+        &lt;/p&gt;
+        &lt;ul&gt;
+          &lt;li&gt;
+            CSS Grid Layout and other layout models:
+            &lt;ul&gt;
+              &lt;li&gt;Floats [[!CSS21]].&lt;/li&gt;
+              &lt;li&gt;Positioned elements [[!css3-positioning]].&lt;/li&gt;
+              &lt;li&gt;CSS Flexbox [[!css3-flexbox]].&lt;/li&gt;
+              &lt;li&gt;CSS Multicolumn [[!css3-multicol]].&lt;/li&gt;
+              &lt;li&gt;CSS Regions [[!css3-regions]].&lt;/li&gt;
+              &lt;li&gt;CSS Shapes [[!css-shapes-1]].&lt;/li&gt;
+            &lt;/ul&gt;
+          &lt;/li&gt;
+          &lt;li&gt;
+            CSS Grid Layout and different type of elements [[!html5]]:
+            &lt;ul&gt;
+              &lt;li&gt;&lt;code&gt;img&lt;/code&gt;.&lt;/li&gt;
+              &lt;li&gt;&lt;code&gt;video&lt;/code&gt;.&lt;/li&gt;
+              &lt;li&gt;&lt;code&gt;iframe&lt;/code&gt;.&lt;/li&gt;
+              &lt;li&gt;&lt;code&gt;canvas&lt;/code&gt;.&lt;/li&gt;
+              &lt;li&gt;&lt;code&gt;table&lt;/code&gt;.&lt;/li&gt;
+            &lt;/ul&gt;
+          &lt;/li&gt;
+          &lt;li&gt;
+            Dynamic content:
+            &lt;ul&gt;
+              &lt;li&gt;Changing the content of the grid items at runtime.&lt;/li&gt;
+              &lt;li&gt;
+                Interactive content &lt;code&gt;contentEditable&lt;/code&gt;,
+                &lt;code&gt;designMode&lt;/code&gt; and input elements [[!html5]].
+              &lt;/li&gt;
+            &lt;/ul&gt;
+          &lt;/li&gt;
+          &lt;li&gt;Writing modes [[!css3-writing-modes]].&lt;/li&gt;
+          &lt;li&gt;Transforms [[!css3-transforms]].&lt;/li&gt;
+          &lt;li&gt;
+            Transitions [[!css3-transitions]] and animations
+            [[!css3-animations]].
+          &lt;/li&gt;
+          &lt;li&gt;Pseudo-elements in grid items [[!CSS21]].&lt;/li&gt;
+        &lt;/ul&gt;
+      &lt;/section&gt;
+    &lt;/section&gt;
+    &lt;section&gt;
+      &lt;h2&gt;People and responsibilities&lt;/h2&gt;
+      &lt;p&gt;
+        Below is a list of people you should reach out to if you have any
+        questions related to this document or testing CSS Grid Layout in
+        general:
+      &lt;/p&gt;
+      &lt;ul&gt;
+        &lt;li&gt;Manuel Rego &amp;ndash; Test Coordinator for CSS Grid Layout&lt;/li&gt;
+      &lt;/ul&gt;
+    &lt;/section&gt;
+    &lt;section&gt;
+      &lt;h2&gt;Test progress tracking&lt;/h2&gt;
+      &lt;p&gt;
+        Currently test progress tracking is done via GitHub
+        &lt;a href=&quot;https://github.com/w3c/csswg-test/issues?labels=spec%3Agrid&amp;amp;milestone=&amp;amp;page=1&amp;amp;state=open&quot;&gt;
+        milestones and issues&lt;/a&gt;.
+        &lt;!-- 
+          FIXME: This link doesn't work yet.
+          TODO:
+          * Label &quot;spec:grid&quot; has to be created
+            (https://github.com/w3c/csswg-test/labels)
+          * Milestone &quot;css-grid-1_dev&quot; has to be created
+            https://github.com/w3c/csswg-test/milestones
+          * Once issues are created, add references from the different
+            sections.
+         --&gt;
+      &lt;/p&gt;
+    &lt;/section&gt;
+  &lt;/body&gt;
+&lt;/html&gt;
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1testplanw3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,18 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/test-plan/index.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3ccsswgtestcssgrid1w3cimportlog"></a>
<div class="addfile"><h4>Added: trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/w3c-import.log (0 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/w3c-import.log                                (rev 0)
+++ trunk/LayoutTests/imported/w3c/csswg-test/css-grid-1/w3c-import.log        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -0,0 +1,20 @@
</span><ins>+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the W3C CSS or WPT github:
+        https://github.com/w3c/csswg-test
+        https://github.com/w3c/web-platform-tests
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/OWNERS
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/README.md
+/LayoutTests/imported/w3c/csswg-test/css-grid-1/grid-layout-properties.html
</ins></span></pre></div>
<a id="trunkLayoutTestsimportedw3cresourcesimportexpectationsjson"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/resources/import-expectations.json (213456 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/resources/import-expectations.json        2017-03-06 19:01:41 UTC (rev 213456)
+++ trunk/LayoutTests/imported/w3c/resources/import-expectations.json        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -14,7 +14,7 @@
</span><span class="cx"> [&quot;csswg-test/css-flexbox-1&quot;, &quot;skip&quot;],
</span><span class="cx"> [&quot;csswg-test/css-fonts-3&quot;, &quot;skip&quot;],
</span><span class="cx"> [&quot;csswg-test/css-gcpm-3&quot;, &quot;skip&quot;],
</span><del>-[&quot;csswg-test/css-grid-1&quot;, &quot;skip&quot;],
</del><ins>+[&quot;csswg-test/css-grid-1&quot;, &quot;import&quot;],
</ins><span class="cx"> [&quot;csswg-test/css-images-3&quot;, &quot;skip&quot;],
</span><span class="cx"> [&quot;csswg-test/css-lists-3&quot;, &quot;skip&quot;],
</span><span class="cx"> [&quot;csswg-test/css-masking-1&quot;, &quot;skip&quot;],
</span></span></pre></div>
<a id="trunkLayoutTestsimportedw3cresourcesresourcefilesjson"></a>
<div class="modfile"><h4>Modified: trunk/LayoutTests/imported/w3c/resources/resource-files.json (213456 => 213457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/LayoutTests/imported/w3c/resources/resource-files.json        2017-03-06 19:01:41 UTC (rev 213456)
+++ trunk/LayoutTests/imported/w3c/resources/resource-files.json        2017-03-06 19:09:41 UTC (rev 213457)
</span><span class="lines">@@ -12,6 +12,8 @@
</span><span class="cx">         &quot;web-platform-tests/tools&quot;
</span><span class="cx">     ],
</span><span class="cx">     &quot;files&quot;: [
</span><ins>+        &quot;csswg-test/css-grid-1/grid-items/ref-filled-green-100px-square-image.html&quot;,
+        &quot;csswg-test/css-grid-1/test-plan/index.html&quot;,
</ins><span class="cx">         &quot;web-platform-tests/XMLHttpRequest/xmlhttprequest-sync-block-defer-scripts-subframe.html&quot;,
</span><span class="cx">         &quot;web-platform-tests/XMLHttpRequest/xmlhttprequest-sync-not-hang-scriptloader-subframe.html&quot;,
</span><span class="cx">         &quot;web-platform-tests/dom/events/EventListener-incumbent-global-subframe-1.sub.html&quot;,
</span><span class="lines">@@ -255,4 +257,4 @@
</span><span class="cx">         &quot;web-platform-tests/test_keys_wdspec.html&quot;,
</span><span class="cx">         &quot;web-platform-tests/upgrade-insecure-requests/support/post-origin-to-parent.html&quot;
</span><span class="cx">     ]
</span><del>-}
</del><ins>+}
</ins><span class="cx">\ No newline at end of file
</span></span></pre>
</div>
</div>

</body>
</html>