Bug 1300369 Part 2: Add a new reftest to verify revised automatic minimum size of grid items in tracks with fixed max track sizing functions. r?mats
MozReview-Commit-ID: HzQmpRQ2CWj
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-definite-002-ref.html
@@ -0,0 +1,94 @@
+<!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: Testing 'auto' min-sizing with definite min-width/height</title>
+ <link rel="author" title="Brad Werth" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+ <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+br { clear:both; }
+
+.grid {
+ display: grid;
+ border: 2px dashed black;
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin-right: 20px;
+ margin-bottom: 30px;
+}
+
+.template0 {
+ grid-template-columns: minmax(auto, 0px);
+ grid-template-rows: minmax(auto, 0px);
+}
+.template10 {
+ grid-template-columns: minmax(auto, 10px);
+ grid-template-rows: minmax(auto, 10px);
+}
+.template20 {
+ grid-template-columns: minmax(auto, 20px);
+ grid-template-rows: minmax(auto, 20px);
+}
+.template40 {
+ grid-template-columns: minmax(auto, 40px);
+ grid-template-rows: minmax(auto, 40px);
+}
+.templateAuto {
+ grid-template-columns: minmax(auto, auto);
+ grid-template-rows: minmax(auto, auto);
+}
+
+span {
+ display: block;
+ font-size: 12px;
+ background: lime;
+ min-width: auto;
+ min-height: auto;
+}
+
+.big {
+ font-size: 50px;
+}
+
+.max0 {
+ max-width: 0px;
+ max-height: 0px;
+}
+.max10 {
+ max-width: 10px;
+ max-height: 10px;
+}
+.max20 {
+ max-width: 20px;
+ max-height: 20px;
+}
+.max40 {
+ max-width: 40px;
+ max-height: 40px;
+}
+
+ </style>
+</head>
+<body>
+
+<!--min width and height are auto; max are-->
+<div class="grid template0"><span class="max0">0</span></div>
+<div class="grid template10"><span class="max10">10</span></div>
+<div class="grid template20"><span class="max20">20</span></div>
+<div class="grid template40"><span class="max40">40</span></div>
+<div class="grid templateAuto"><span>auto</span></div>
+
+<br/>
+
+<div class="grid template0"><span class="big max0">0</span></div>
+<div class="grid template10"><span class="big max10">10</span></div>
+<div class="grid template20"><span class="big max20">20</span></div>
+<div class="grid template40"><span class="big max40">40</span></div>
+<div class="grid templateAuto"><span class="big">auto</span></div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-grid/grid-auto-min-sizing-definite-002.html
@@ -0,0 +1,96 @@
+<!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: 'auto' min-sizing with definite min-width/height</title>
+ <link rel="author" title="Brad Werth" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1300369">
+ <link rel="help" href="https://drafts.csswg.org/css-grid/#min-size-auto">
+ <link rel="match" href="grid-auto-min-sizing-definite-002-ref.html">
+ <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+br { clear:both; }
+
+.grid {
+ display: grid;
+ border: 2px dashed black;
+ float: left;
+ width: 40px;
+ height: 40px;
+ margin-right: 20px;
+ margin-bottom: 30px;
+}
+
+.template0 {
+ grid-template-columns: minmax(auto, 0px);
+ grid-template-rows: minmax(auto, 0px);
+}
+.template10 {
+ grid-template-columns: minmax(auto, 10px);
+ grid-template-rows: minmax(auto, 10px);
+}
+.template20 {
+ grid-template-columns: minmax(auto, 20px);
+ grid-template-rows: minmax(auto, 20px);
+}
+.template40 {
+ grid-template-columns: minmax(auto, 40px);
+ grid-template-rows: minmax(auto, 40px);
+}
+.templateAuto {
+ grid-template-columns: minmax(auto, auto);
+ grid-template-rows: minmax(auto, auto);
+}
+
+span {
+ display: block;
+ font-size: 12px;
+ background: lime;
+ min-width: auto;
+ min-height: auto;
+}
+
+.big {
+ font-size: 50px;
+}
+
+.max0 {
+ max-width: 0px;
+ max-height: 0px;
+}
+.max10 {
+ max-width: 10px;
+ max-height: 10px;
+}
+.max20 {
+ max-width: 20px;
+ max-height: 20px;
+}
+.max40 {
+ max-width: 40px;
+ max-height: 40px;
+}
+
+ </style>
+</head>
+<body>
+
+<!--min width and height are auto; max are-->
+<div class="grid template0"><span>0</span></div>
+<div class="grid template10"><span>10</span></div>
+<div class="grid template20"><span>20</span></div>
+<div class="grid template40"><span>40</span></div>
+<div class="grid templateAuto"><span>auto</span></div>
+
+<br/>
+
+<div class="grid template0"><span class="big">0</span></div>
+<div class="grid template10"><span class="big">10</span></div>
+<div class="grid template20"><span class="big">20</span></div>
+<div class="grid template40"><span class="big">40</span></div>
+<div class="grid templateAuto"><span class="big">auto</span></div>
+
+</body>
+</html>
--- a/layout/reftests/css-grid/reftest.list
+++ b/layout/reftests/css-grid/reftest.list
@@ -47,16 +47,17 @@ skip-if(Android) fuzzy-if(winWidget,1,32
== grid-item-sizing-percent-001.html grid-item-sizing-percent-001-ref.html
== grid-item-sizing-px-001.html grid-item-sizing-percent-001-ref.html
== grid-item-dir-001.html grid-item-dir-001-ref.html
fuzzy-if(winWidget,70,130) fuzzy-if(cocoaWidget,85,180) == grid-col-max-sizing-max-content-001.html grid-col-max-sizing-max-content-001-ref.html
fuzzy-if(winWidget,70,130) fuzzy-if(cocoaWidget,85,180) == grid-col-max-sizing-max-content-002.html grid-col-max-sizing-max-content-002-ref.html
== grid-min-max-content-sizing-001.html grid-min-max-content-sizing-001-ref.html
== grid-min-max-content-sizing-002.html grid-min-max-content-sizing-002-ref.html
fuzzy-if(winWidget,1,36) == grid-auto-min-sizing-definite-001.html grid-auto-min-sizing-definite-001-ref.html
+== grid-auto-min-sizing-definite-002.html grid-auto-min-sizing-definite-002-ref.html
== grid-auto-min-sizing-intrinsic-001.html grid-auto-min-sizing-intrinsic-001-ref.html
== grid-auto-min-sizing-intrinsic-002.html grid-auto-min-sizing-intrinsic-002-ref.html
== grid-auto-min-sizing-intrinsic-003.html grid-auto-min-sizing-intrinsic-003-ref.html
== grid-auto-min-sizing-intrinsic-004.html grid-auto-min-sizing-intrinsic-004-ref.html
skip-if(Android) == grid-auto-min-sizing-percent-001.html grid-auto-min-sizing-percent-001-ref.html # bug 1305716
== grid-track-intrinsic-sizing-001.html grid-track-intrinsic-sizing-001-ref.html
== grid-track-intrinsic-sizing-002.html grid-track-intrinsic-sizing-002-ref.html
== grid-track-intrinsic-sizing-003.html grid-track-intrinsic-sizing-003-ref.html
