New tests case for verifying not sized template-areas use auto-{columns,rows}.

New tests case for verifying not sized template-areas use auto-{columns,rows}.

Any rows/columns defined by grid-template-areas but not sized by 
grid-template-rows/grid-template-columns take their size from the 
grid-auto-rows/grid-auto-columns properties.

BUG=79180
Committed: https://src.chromium.org/viewvc/blink?view=rev&revision=174607

[Manuel Rego, 2014-05-14 15:11:33]

https://codereview.chromium.org/278543003/diff/1/LayoutTests/fast/css-grid-la...
File LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-resolution.html
(right):

https://codereview.chromium.org/278543003/diff/1/LayoutTests/fast/css-grid-la...
LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-resolution.html:17:
grid-template-areas: "first second";
I'd define 2 rows too, in order to check that both grid-auto-rows
and grid-auto-columns are used.

For example:
.gridAreas {
    grid-template-areas: ". ."
                         ". placeholder";
}

https://codereview.chromium.org/278543003/diff/1/LayoutTests/fast/css-grid-la...
LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-resolution.html:57: <div
style="grid-column: second;" class="sizedToGridArea" data-offset-x="10"
data-offset-y="0" data-expected-width="50" data-expected-height="20">XXXXX
XXXXXX</div>
Here, I'd use "grid-area: placeholder;" instead of grid-column.

[Julien - ping for review, 2014-05-21 16:16:23]

lgtm, let's improve the description by mentioning what the new test covers.

[jfernandez, 2014-05-22 14:49:57]

The CQ bit was checked by jfernandez@igalia.com

[commit-bot: I haz the power, 2014-05-22 14:51:04]

CQ is trying da patch. Follow status at
 https://chromium-status.appspot.com/cq/jfernandez@igalia.com/278543003/20001

[commit-bot: I haz the power, 2014-05-23 00:17:53]

Change committed as 174607