Bug 1356820 part 2 - [css-grid] Reftests. a=test-only
authorMats Palmgren <mats@mozilla.com>
Tue, 18 Apr 2017 22:35:04 +0200
changeset 395970 4ca8d3cb1da10a5555694354d1b8817b02077abe
parent 395969 826d40cdc956c4992206ff2b3ba9e41cf7fffc0d
child 395971 ed524b425f187bdd051eacffca42bb196238a176
push id1468
push userasasaki@mozilla.com
push dateMon, 05 Jun 2017 19:31:07 +0000
treeherdermozilla-release@0641fc6ee9d1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstest-only
bugs1356820
milestone54.0
Bug 1356820 part 2 - [css-grid] Reftests. a=test-only MozReview-Commit-ID: 5Q9hmoJhSxH
layout/reftests/css-grid/bug1349571-ref.html
layout/reftests/css-grid/bug1349571.html
layout/reftests/css-grid/bug1356820-ref.html
layout/reftests/css-grid/bug1356820.html
layout/reftests/css-grid/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-grid/bug1349571-ref.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1349571</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.container {
+  display: grid;
+  grid: 250px / 500px;
+  border: 3px solid;
+  width: 500px;
+}
+
+.responsive-container {
+  background: lightgrey;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="container">
+    <div class="responsive-container"></div>
+</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-grid/bug1349571.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Testcase for bug 1349571</title>
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+.container {
+  display: grid;
+  grid-template-columns: 1fr;
+  border: 3px solid;
+  width: 500px;
+}
+
+.responsive-container {
+  padding-bottom: 50%;
+  height: 0;
+  background: lightgrey;
+}
+
+  </style>
+</head>
+<body>
+
+<div class="container">
+  <div>
+    <div class="responsive-container"></div>
+  </div>
+</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-grid/bug1356820-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<div style="display: grid; width: 5em;">
+   <div style="word-wrap: break-word; width: 5em; justify-self:start">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
+<div style="display: grid; width: 5em;">
+   <div style="width: 5em; justify-self:start">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
+<div style="display: grid; width: 5em;">
+   <div style="word-wrap: break-word; writing-mode:vertical-lr; justify-self:start">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/css-grid/bug1356820.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<div style="display: grid; width: 5em;">
+   <div style="word-wrap: break-word; min-width: 0;">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
+<div style="display: grid; width: 5em;">
+   <div style="min-width: 0;">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
+<div style="display: grid; width: 5em;">
+   <div style="word-wrap: break-word; min-height: 0; writing-mode:vertical-lr">
+     first item with a longlonglongword
+   </div>
+   <div>
+     second item
+   </div>
+</div>
--- a/layout/reftests/css-grid/reftest.list
+++ b/layout/reftests/css-grid/reftest.list
@@ -272,8 +272,10 @@ asserts(1-10) == grid-fragmentation-dyn4
 == grid-fragmentation-dyn1-029.html grid-fragmentation-029-ref.html
 == grid-fragmentation-dyn2-029.html grid-fragmentation-029-ref.html
 == grid-fragmentation-dyn2-030.html grid-fragmentation-030-ref.html
 == grid-fragmentation-dyn2-031.html grid-fragmentation-031-ref.html
 == bug1306106.html bug1306106-ref.html
 == grid-percent-intrinsic-sizing-001.html grid-percent-intrinsic-sizing-001-ref.html
 == grid-measuring-reflow-resize-static-001.html grid-measuring-reflow-resize-001-ref.html
 == grid-measuring-reflow-resize-dynamic-001.html grid-measuring-reflow-resize-001-ref.html
+== bug1349571.html bug1349571-ref.html
+== bug1356820.html bug1356820-ref.html