LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set.html - Issue 22215002: Allow grid positions to be named grid areas

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set.html

Issue 22215002: Allow grid positions to be named grid areas (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-item-column-row-get-set-expected.txt ('k') | LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set.html

diff --git a/LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set.html b/LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set.html

index 019af6614cdcc1934ef50fd0551f98b28717267a..016429e7579a1cb159015ebe2458297c961fee92 100644

--- a/LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set.html

+++ b/LayoutTests/fast/css-grid-layout/grid-item-end-after-get-set.html

@@ -3,6 +3,11 @@

<head>

<style>

+.grid {

+ grid-template: "firstArea" "secondArea"

+ "thirdArea" "thirdArea";

.gridItemWithPositiveInteger {

grid-column-end: 10;

grid-row-end: 15;

@@ -39,6 +44,10 @@

grid-column-end: 2 "first" span;

grid-row-end: "last" 3 span;

}

+.gridItemWithArea {

+ grid-column-end: firstArea;

+ grid-row-end: thirdArea;

</style>

@@ -56,6 +65,7 @@

+ <div class="gridItemWithArea" id="gridItemWithArea"></div>

</div>

description('Test that setting and getting grid-column-end and grid-row-end works as expected');

@@ -71,6 +81,7 @@

testColumnRowCSSParsing("gridItemWithStringElement", "auto / 1 first", "auto / 1 last");

testColumnRowCSSParsing("gridItemWithSpanStringElement", "auto / span 1 first", "auto / span 1 last");

testColumnRowCSSParsing("gridItemWithSpanNumberStringElement", "auto / span 2 first", "auto / span 3 last");

+ testColumnRowCSSParsing("gridItemWithArea", "auto / firstArea", "auto / thirdArea");

debug("");

debug("Test the initial value");

@@ -89,6 +100,9 @@

testColumnEndRowEndJSParsing("span 7", "span 2");

testColumnEndRowEndJSParsing("span 'first'", "span 'last'", "span 1 first", "span 1 last");

testColumnEndRowEndJSParsing("auto", "auto");

+ testColumnEndRowEndJSParsing("thirdArea", "secondArea");

+ testColumnEndRowEndJSParsing("nonExistentArea", "secondArea", "nonExistentArea", "secondArea");

+ testColumnEndRowEndJSParsing("secondArea", "nonExistentArea", "secondArea", "nonExistentArea");

debug("");

debug("Test setting grid-column-start and grid-row-start to 'inherit' through JS");