Bug 1225368 - [css-grid] More Track Sizing reftests.
authorMats Palmgren <mats@mozilla.com>
Sat, 28 Nov 2015 21:37:44 +0100
changeset 274509 07c30e16ddbd3a8fe876bd88e709b731c2236aea
parent 274508 d58f495ddcfb01b82312c1922e78b3d457c55ee1
child 274510 64f5eb0e56a3657ffb4ee0c800dc10782fd2e354
push id68608
push usermpalmgren@mozilla.com
push dateSat, 28 Nov 2015 20:37:57 +0000
treeherdermozilla-inbound@07c30e16ddbd [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs1225368
milestone45.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1225368 - [css-grid] More Track Sizing reftests.
layout/reftests/css-grid/grid-track-sizing-002-ref.html
layout/reftests/css-grid/grid-track-sizing-002.html
layout/reftests/css-grid/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-sizing-002-ref.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+  <title>Reference: freezing tracks in step 2.5 of the Track Sizing Algorithm</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1225368">
+  <style>
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: block;
+  float: left;
+  grid-template-rows: 20px;
+  justify-items: start;
+  margin-right: 5px;
+}
+
+x {
+  display: block;
+  min-width: 0;
+  width: 30px;
+  height: 20px;
+  background: grey;
+}
+.grid div {
+  grid-column:1/span 2;
+  min-width: 0;
+  width: 100px;
+  height: 20px;
+  background: black;
+}
+div div:nth-child(2n+1) {
+  background: grey;
+}
+.grid.c3 div {
+  grid-column:1/span 3;
+}
+y { display: block; width: 130px; }
+</style>
+</head>
+<body>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-auto-columns: minmax(0,auto)">
+  <x></x>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-auto-columns: minmax(0,auto)">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div></div>
+  <y></y>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div></div>
+  <div></div>
+  <y></y>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <y></y>
+</div>
+
+<br clear=all>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <y></y>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="grid-row:2; grid-column:span 2"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div style="grid-column:span 2"></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="grid-row:2; grid-column:span 2; width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-grid/grid-track-sizing-002.html
@@ -0,0 +1,238 @@
+<!DOCTYPE html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+<meta charset="utf-8">
+  <title>CSS Grid Test: freezing tracks in step 2.5 of the Track Sizing Algorithm</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1225368">
+  <link rel="help" href="https://drafts.csswg.org/css-grid/#algo-content">
+  <link rel="match" href="grid-track-sizing-002-ref.html">
+  <style>
+body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+
+.grid {
+  display: grid;
+  float: left;
+  grid-template-rows: 20px;
+  justify-items: start;
+  margin-right: 5px;
+}
+
+x {
+  min-width: 0;
+  width: 30px;
+  background: grey;
+}
+.grid div {
+  grid-column:1/span 2;
+  min-width: 0;
+  width: 100px;
+  height: 20px;
+  background: black;
+}
+div div:nth-child(2n+1) {
+  background: grey;
+}
+.grid.c3 div {
+  grid-column:1/span 3;
+}
+</style>
+</head>
+<body>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-auto-columns: minmax(0,auto)">
+  <x></x>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-auto-columns: minmax(0,auto)">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid" style="grid-template-columns: minmax(0,auto) 0">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 0 auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) 10px auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<br clear=all>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) min-content auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="grid-row:2; grid-column:span 2"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div style="grid-column:span 2"></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="grid-row:2; grid-column:span 2; width:80px"></div>
+  <div></div>
+</div>
+
+<div class="grid c3" style="grid-template-columns: minmax(0,auto) auto auto">
+  <x></x>
+  <div style="width:80px"></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+</body>
+</html>
--- a/layout/reftests/css-grid/reftest.list
+++ b/layout/reftests/css-grid/reftest.list
@@ -8,16 +8,17 @@ fails == grid-whitespace-handling-1b.xht
 == grid-placement-definite-003.html grid-placement-definite-003-ref.html
 == grid-placement-negative-lines-001.html grid-placement-negative-lines-001-ref.html
 == grid-placement-auto-row-sparse-001.html grid-placement-auto-row-sparse-001-ref.html
 == grid-placement-auto-row-dense-001.html grid-placement-auto-row-dense-001-ref.html
 == grid-placement-auto-col-sparse-001.html grid-placement-auto-col-sparse-001-ref.html
 == grid-placement-auto-col-dense-001.html grid-placement-auto-col-dense-001-ref.html
 == grid-placement-implicit-named-areas-001.html grid-placement-implicit-named-areas-001-ref.html
 == grid-track-sizing-001.html grid-track-sizing-001-ref.html
+== grid-track-sizing-002.html grid-track-sizing-002-ref.html
 == grid-abspos-items-001.html grid-abspos-items-001-ref.html
 == grid-abspos-items-002.html grid-abspos-items-002-ref.html
 == grid-abspos-items-003.html grid-abspos-items-003-ref.html
 == grid-abspos-items-004.html grid-abspos-items-004-ref.html
 == grid-abspos-items-005.html grid-abspos-items-005-ref.html
 == grid-abspos-items-006.html grid-abspos-items-006-ref.html
 == grid-abspos-items-007.html grid-abspos-items-007-ref.html
 == grid-abspos-items-008.html grid-abspos-items-008-ref.html