From c2ead6a5d4639a385d9168ee66f21cba9ca90ed6 Mon Sep 17 00:00:00 2001
From: Mats Palmgren
Date: Wed, 16 Dec 2015 04:27:12 +0100
Subject: [PATCH] Bug 1226697 part 2 - [css-grid] Add more tests that tests
searching for lines in reverse, from the end of the grid, or from an *-end
line and/or padding edge in the abs.pos. case.
---
...d-placement-definite-implicit-002-ref.html | 15 ++
.../grid-placement-definite-implicit-002.html | 15 ++
.../grid-placement-named-lines-001-ref.html | 187 ++++++++++++++++++
.../grid-placement-named-lines-001.html | 182 +++++++++++++++++
.../grid-placement-named-lines-002-ref.html | 187 ++++++++++++++++++
.../grid-placement-named-lines-002.html | 182 +++++++++++++++++
.../grid-placement-named-lines-003-ref.html | 171 ++++++++++++++++
.../grid-placement-named-lines-003.html | 166 ++++++++++++++++
...grid-placement-negative-lines-001-ref.html | 110 +++++++++--
.../grid-placement-negative-lines-001.html | 80 +++++++-
layout/reftests/css-grid/reftest.list | 3 +
11 files changed, 1273 insertions(+), 25 deletions(-)
create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-001-ref.html
create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-001.html
create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-002-ref.html
create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-002.html
create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-003-ref.html
create mode 100644 layout/reftests/css-grid/grid-placement-named-lines-003.html
diff --git a/layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html b/layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html
index 30f764f4e94e..a796ea9acd31 100644
--- a/layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html
+++ b/layout/reftests/css-grid/grid-placement-definite-implicit-002-ref.html
@@ -110,6 +110,12 @@ span {
._n { } ._n ~ span { left: 20px; }
._n2 { } ._n2 ~ span { top: 20px; }
.A3Xe { left: 60px; }
+.asA { } .asA ~ span { left: 20px; }
+.asA2 { } .asA2 ~ span { top: 20px; }
+.a2sA2 { width: 40px; } .a2sA2 ~ span { left: 20px; top: 20px; }
+.as1 { } .as1 ~ span { left: 20px; }
+.as2 { } .as2 ~ span { top: 20px; }
+.as3 { left: 20px; }
.c1 { background:grey; }
@@ -210,6 +216,15 @@ span {
+
+
+
+
+
+
+grid-template-columns: [A-start] 60px 60px 60px;
+grid-template-areas: "B A";
+grid-auto-columns: 40px;
+grid-gap: 1px;
+
+
+grid-column-start:
+
+
+-1
+4
+-2
+-3
+-4
+-5
+A -1
+B -1
+A -2
+A -3
+A -4
+A -5
+A
+B
+A 1
+A 2
+A 3
+A 4
+A 5
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+grid-column-end:
+
+
+-1
+4
+-2
+-3
+-4
+-5
+A -1
+B -1
+A -2
+A -3
+A -4
+A -5
+A
+B
+A 1
+A 2
+A 3
+A 4
+A 5
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+grid-column: / span A-start 2
+
+
+-1
+4
+-2
+-3
+-4
+-5
+A -1
+B -1
+A -2
+A -3
+A -4
+A -5
+A
+B
+A 1
+A 2
+A 3
+A 4
+A 5
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/layout/reftests/css-grid/grid-placement-definite-implicit-002.html b/layout/reftests/css-grid/grid-placement-definite-implicit-002.html
index 31034dc7a9bf..5e742585474a 100644
--- a/layout/reftests/css-grid/grid-placement-definite-implicit-002.html
+++ b/layout/reftests/css-grid/grid-placement-definite-implicit-002.html
@@ -122,6 +122,12 @@ span {
._n { grid-column: auto / 1; }
._n2 { grid-column: auto / 2; }
.A3Xe { grid-column: A 3 / X 2; }
+.asA { grid-column: span A / A; }
+.asA2 { grid-column: span A / A 2; }
+.a2sA2 { grid-column: span A 2 / A 2; }
+.as1 { grid-column: span A / 1; }
+.as2 { grid-column: span A / 2; }
+.as3 { grid-column: span A / 3; }
.c1 { grid-column:1; grid-row:auto; background:grey; }
@@ -223,6 +229,15 @@ span {
+
+
+
+
diff --git a/layout/reftests/css-grid/grid-placement-named-lines-001-ref.html b/layout/reftests/css-grid/grid-placement-named-lines-001-ref.html
new file mode 100644
index 000000000000..2a0c0951850c
--- /dev/null
+++ b/layout/reftests/css-grid/grid-placement-named-lines-001-ref.html
@@ -0,0 +1,187 @@
+
+
+
+
+
Reference: Placement involving named lines
+
+
+
+
+