[css-grid] Use a smaller font-size to make sure the rendering fits within the reftest snapshot area. (minor test changes only, no bug, r=me)
authorMats Palmgren <mats@mozilla.com>
Fri, 04 Sep 2015 22:06:58 +0200
changeset 261125 37eb43b1d82ea3460d562a4ac4d0d9a2af20ae6c
parent 261124 56e29e6d877eab5f887cc93bfeff34a9a63144e9
child 261126 dbfbfa04bbc399fd627a704082eb656f6e9cb05a
push id29336
push usercbook@mozilla.com
push dateMon, 07 Sep 2015 10:01:38 +0000
treeherdermozilla-central@5fe9ed3edd68 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersme
milestone43.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
[css-grid] Use a smaller font-size to make sure the rendering fits within the reftest snapshot area. (minor test changes only, no bug, r=me)
layout/reftests/css-grid/grid-order-placement-auto-001-ref.html
layout/reftests/css-grid/grid-order-placement-auto-001.html
layout/reftests/css-grid/grid-order-placement-definite-001-ref.html
layout/reftests/css-grid/grid-order-placement-definite-001.html
layout/reftests/css-grid/grid-placement-auto-col-dense-001-ref.html
layout/reftests/css-grid/grid-placement-auto-col-dense-001.html
layout/reftests/css-grid/grid-placement-auto-col-sparse-001-ref.html
layout/reftests/css-grid/grid-placement-auto-col-sparse-001.html
layout/reftests/css-grid/grid-placement-auto-implicit-001-ref.html
layout/reftests/css-grid/grid-placement-auto-implicit-001.html
layout/reftests/css-grid/grid-placement-auto-row-dense-001-ref.html
layout/reftests/css-grid/grid-placement-auto-row-dense-001.html
layout/reftests/css-grid/grid-placement-auto-row-sparse-001-ref.html
layout/reftests/css-grid/grid-placement-auto-row-sparse-001.html
layout/reftests/css-grid/grid-placement-definite-001-ref.html
layout/reftests/css-grid/grid-placement-definite-001.html
layout/reftests/css-grid/grid-placement-definite-002-ref.html
layout/reftests/css-grid/grid-placement-definite-002.html
layout/reftests/css-grid/grid-placement-definite-003-ref.html
layout/reftests/css-grid/grid-placement-definite-003.html
layout/reftests/css-grid/grid-placement-definite-implicit-001-ref.html
layout/reftests/css-grid/grid-placement-definite-implicit-001.html
layout/reftests/css-grid/reftest.list
layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001-ref.html
layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001.html
layout/reftests/css-grid/rtl-grid-placement-definite-001-ref.html
layout/reftests/css-grid/rtl-grid-placement-definite-001.html
layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001-ref.html
layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001.html
layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001-ref.html
layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001.html
--- a/layout/reftests/css-grid/grid-order-placement-auto-001-ref.html
+++ b/layout/reftests/css-grid/grid-order-placement-auto-001-ref.html
@@ -7,16 +7,17 @@
   <meta charset="utf-8">
   <title>CSS Test: Testing automatic placement of grid items with 'order'</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
   <style type="text/css">
 .grid {
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {
   position: absolute;
   background: lime;
   border: 1px solid black;
   box-sizing: border-box;
   width: 20px;
--- a/layout/reftests/css-grid/grid-order-placement-auto-001.html
+++ b/layout/reftests/css-grid/grid-order-placement-auto-001.html
@@ -14,16 +14,17 @@
 .grid {
   display: grid;
   border: 1px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: row;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {
   background: lime;
   border: 1px solid;
 }
 
 .test1 .a {
--- a/layout/reftests/css-grid/grid-order-placement-definite-001-ref.html
+++ b/layout/reftests/css-grid/grid-order-placement-definite-001-ref.html
@@ -3,17 +3,17 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html><head>
   <meta charset="utf-8">
   <title>CSS Test: Testing definite placement of grid items with 'order'</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  /*display: grid;*/
  position: relative;
  grid-template-columns: 20px 20px 20px 20px;
  grid-auto-flow: row;
  grid-auto-columns: 23px;
  grid-auto-rows: 17px;
--- a/layout/reftests/css-grid/grid-order-placement-definite-001.html
+++ b/layout/reftests/css-grid/grid-order-placement-definite-001.html
@@ -6,17 +6,17 @@
 <html><head>
   <meta charset="utf-8">
   <title>CSS Test: Testing definite placement of grid items with 'order'</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
   <link rel="help" href="http://dev.w3.org/csswg/css-grid/#auto-placement-algo">
   <link rel="help" href="http://dev.w3.org/csswg/css-flexbox-1/#order-property">
   <link rel="match" href="grid-order-placement-definite-001-ref.html">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  display: grid;
  position: relative;
  grid-template-columns: 20px 20px 20px 20px;
  grid-template-rows: 20px;
  padding: 17px 7px 11px 13px;
  width: 100px;
--- a/layout/reftests/css-grid/grid-placement-auto-col-dense-001-ref.html
+++ b/layout/reftests/css-grid/grid-placement-auto-col-dense-001-ref.html
@@ -2,16 +2,17 @@
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 .grid {
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {
   position: absolute;
   background: lime;
   border: 1px solid black;
   box-sizing: border-box;
   width: 20px;
--- a/layout/reftests/css-grid/grid-placement-auto-col-dense-001.html
+++ b/layout/reftests/css-grid/grid-placement-auto-col-dense-001.html
@@ -6,16 +6,17 @@
 .grid {
   display: grid;
   border: 1px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: dense column;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {
   background: lime;
   border: 1px solid;
 }
 
 .test1 .a {
--- a/layout/reftests/css-grid/grid-placement-auto-col-sparse-001-ref.html
+++ b/layout/reftests/css-grid/grid-placement-auto-col-sparse-001-ref.html
@@ -2,16 +2,17 @@
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 .grid {
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {
   position: absolute;
   background: lime;
   border: 1px solid black;
   box-sizing: border-box;
   width: 20px;
--- a/layout/reftests/css-grid/grid-placement-auto-col-sparse-001.html
+++ b/layout/reftests/css-grid/grid-placement-auto-col-sparse-001.html
@@ -6,16 +6,17 @@
 .grid {
   display: grid;
   border: 1px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: column;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {
   background: lime;
   border: 1px solid;
 }
 
 .test1 .a {
--- a/layout/reftests/css-grid/grid-placement-auto-implicit-001-ref.html
+++ b/layout/reftests/css-grid/grid-placement-auto-implicit-001-ref.html
@@ -3,17 +3,17 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html><head>
   <meta charset="utf-8">
   <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  border: 1px solid blue;
  width:300px;
 }
 
 .a { background:lime; }
 .a2 { height:38px; background:lime; }
--- a/layout/reftests/css-grid/grid-placement-auto-implicit-001.html
+++ b/layout/reftests/css-grid/grid-placement-auto-implicit-001.html
@@ -6,17 +6,17 @@
 <html><head>
   <meta charset="utf-8">
   <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
   <link rel="help" href="http://dev.w3.org/csswg/css-grid/#auto-placement-algo">
   <link rel="help" href="http://dev.w3.org/csswg/css-grid/#overlarge-grids">
   <link rel="match" href="grid-placement-auto-implicit-001-ref.html">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  display: grid;
  grid-template-columns: 20px 20px 20px 20px;
  grid-template-rows: 20px;
  grid-auto-columns: 3px;
  grid-auto-rows: 20px;
  border: 1px solid blue;
--- a/layout/reftests/css-grid/grid-placement-auto-row-dense-001-ref.html
+++ b/layout/reftests/css-grid/grid-placement-auto-row-dense-001-ref.html
@@ -2,16 +2,17 @@
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 .grid {
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {
   position: absolute;
   background: lime;
   border: 1px solid black;
   box-sizing: border-box;
   width: 20px;
--- a/layout/reftests/css-grid/grid-placement-auto-row-dense-001.html
+++ b/layout/reftests/css-grid/grid-placement-auto-row-dense-001.html
@@ -6,16 +6,17 @@
 .grid {
   display: grid;
   border: 1px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: dense row;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {
   background: lime;
   border: 1px solid;
 }
 
 .test1 .a {
--- a/layout/reftests/css-grid/grid-placement-auto-row-sparse-001-ref.html
+++ b/layout/reftests/css-grid/grid-placement-auto-row-sparse-001-ref.html
@@ -2,16 +2,17 @@
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 .grid {
   height: 60px;
   border: 1px solid green;
   position: relative;
+  font-size: 12px;
 }
 
 span {
   position: absolute;
   background: lime;
   border: 1px solid black;
   box-sizing: border-box;
   width: 20px;
--- a/layout/reftests/css-grid/grid-placement-auto-row-sparse-001.html
+++ b/layout/reftests/css-grid/grid-placement-auto-row-sparse-001.html
@@ -6,16 +6,17 @@
 .grid {
   display: grid;
   border: 1px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: row;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size: 12px;
 }
 
 span {
   background: lime;
   border: 1px solid;
 }
 
 .test1 .a {
--- a/layout/reftests/css-grid/grid-placement-definite-001-ref.html
+++ b/layout/reftests/css-grid/grid-placement-definite-001-ref.html
@@ -3,16 +3,17 @@
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 	
 .grid {
   height: 60px;
   border: 10px solid green;
   position: relative;
+  font-size:12px;
 }
 
 span {
   position: absolute;
   background: lime;
   border: 1px solid black;
   box-sizing: border-box;
 }
--- a/layout/reftests/css-grid/grid-placement-definite-001.html
+++ b/layout/reftests/css-grid/grid-placement-definite-001.html
@@ -1,27 +1,28 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
-	
+
 .grid {
  display: grid;
  grid-template-areas:
 '. . a a a .'
 '. . a a a .'
 '. b b . . .'
 ;
   border: 10px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: column dense;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
+  font-size:12px;
 }
 
 span {
   background: lime;
   border: 1px solid black;
 }
 
 .a {
--- a/layout/reftests/css-grid/grid-placement-definite-002-ref.html
+++ b/layout/reftests/css-grid/grid-placement-definite-002-ref.html
@@ -1,15 +1,15 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 html,body {
-  font-size:16px;
+  font-size:12px;
   font-family:monospace;
 }
 .grid {
   height: 60px;
   border: 1px solid green;
   position: relative;
 }
 
--- a/layout/reftests/css-grid/grid-placement-definite-002.html
+++ b/layout/reftests/css-grid/grid-placement-definite-002.html
@@ -1,15 +1,15 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 html,body {
-  font-size:16px;
+  font-size:12px;
   font-family:monospace;
 }
 .grid {
   display: grid;
   border: 1px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: row;
--- a/layout/reftests/css-grid/grid-placement-definite-003-ref.html
+++ b/layout/reftests/css-grid/grid-placement-definite-003-ref.html
@@ -1,15 +1,15 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 html,body {
-  font-size:16px;
+  font-size:12px;
   font-family:monospace;
 }
 .grid {
   height: 60px;
   border: 1px solid green;
   position: relative;
 }
 
--- a/layout/reftests/css-grid/grid-placement-definite-003.html
+++ b/layout/reftests/css-grid/grid-placement-definite-003.html
@@ -1,15 +1,15 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
 html,body {
-  font-size:16px;
+  font-size:12px;
   font-family:monospace;
 }
 .grid {
   display: grid;
   border: 1px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: row;
--- a/layout/reftests/css-grid/grid-placement-definite-implicit-001-ref.html
+++ b/layout/reftests/css-grid/grid-placement-definite-implicit-001-ref.html
@@ -3,17 +3,17 @@
      Any copyright is dedicated to the Public Domain.
      http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <html><head>
   <meta charset="utf-8">
   <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  border: 1px solid blue;
 }
 
 .a { background:lime; }
 .b { background:pink; }
 .c { width:1px; display: block; background:yellow; }
--- a/layout/reftests/css-grid/grid-placement-definite-implicit-001.html
+++ b/layout/reftests/css-grid/grid-placement-definite-implicit-001.html
@@ -6,17 +6,17 @@
 <html><head>
   <meta charset="utf-8">
   <title>CSS Test: Testing placement of grid items outside the explicit grid</title>
   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1146051">
   <link rel="help" href="http://dev.w3.org/csswg/css-grid/#auto-placement-algo">
   <link rel="help" href="http://dev.w3.org/csswg/css-grid/#overlarge-grids">
   <link rel="match" href="grid-placement-definite-implicit-001-ref.html">
   <style type="text/css">
-body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid {
  display: grid;
  grid-template-columns: 20px 20px 20px 20px;
  grid-template-rows: 20px;
  grid-auto-columns: 3px;
  grid-auto-rows: 20px;
  border: 1px solid blue;
--- a/layout/reftests/css-grid/reftest.list
+++ b/layout/reftests/css-grid/reftest.list
@@ -13,16 +13,16 @@ fails == grid-whitespace-handling-1b.xht
 == grid-track-sizing-001.html grid-track-sizing-001-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-order-abspos-items-001.html grid-order-abspos-items-001-ref.html
 == grid-order-placement-auto-001.html grid-order-placement-auto-001-ref.html
 == grid-order-placement-definite-001.html grid-order-placement-definite-001-ref.html
 skip-if(Android) == grid-placement-definite-implicit-001.html grid-placement-definite-implicit-001-ref.html
 == grid-placement-definite-implicit-002.html grid-placement-definite-implicit-002-ref.html
-skip-if(Android) == grid-placement-auto-implicit-001.html grid-placement-auto-implicit-001-ref.html
+skip-if(Android) fuzzy-if(winWidget,1,32) == grid-placement-auto-implicit-001.html grid-placement-auto-implicit-001-ref.html
 == grid-placement-abspos-implicit-001.html grid-placement-abspos-implicit-001-ref.html
 pref(layout.css.vertical-text.enabled,true) == rtl-grid-placement-definite-001.html rtl-grid-placement-definite-001-ref.html
 pref(layout.css.vertical-text.enabled,true) == rtl-grid-placement-auto-row-sparse-001.html rtl-grid-placement-auto-row-sparse-001-ref.html
 pref(layout.css.vertical-text.enabled,true) == vlr-grid-placement-auto-row-sparse-001.html vlr-grid-placement-auto-row-sparse-001-ref.html
 pref(layout.css.vertical-text.enabled,true) == vrl-grid-placement-auto-row-sparse-001.html vrl-grid-placement-auto-row-sparse-001-ref.html
 == grid-relpos-items-001.html grid-relpos-items-001-ref.html
 == grid-item-dir-001.html grid-item-dir-001-ref.html
--- a/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001-ref.html
+++ b/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001-ref.html
@@ -1,13 +1,15 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
 .grid {
   block-size: 60px;
   border: 2px solid green;
   position: relative;
 }
 
 span {
   position: absolute;
--- a/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001.html
+++ b/layout/reftests/css-grid/rtl-grid-placement-auto-row-sparse-001.html
@@ -1,13 +1,15 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
+
 .grid {
   display: grid;
   border: 2px solid green;
   grid-template-columns: 20px 20px 20px 20px;
   grid-template-rows: 20px 20px 20px;
   grid-auto-flow: row;
   grid-auto-columns: 20px;
   grid-auto-rows: 20px;
--- a/layout/reftests/css-grid/rtl-grid-placement-definite-001-ref.html
+++ b/layout/reftests/css-grid/rtl-grid-placement-definite-001-ref.html
@@ -1,14 +1,15 @@
 <!DOCTYPE HTML>
 <html>
 <head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid1, .grid2 {
   block-size: 60px;
   border: 2px solid green;
   position: relative;
 }
 
 .grid2 {
--- a/layout/reftests/css-grid/rtl-grid-placement-definite-001.html
+++ b/layout/reftests/css-grid/rtl-grid-placement-definite-001.html
@@ -1,14 +1,15 @@
 <!DOCTYPE HTML>
 <html>
 <head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 
 .grid1, .grid2 {
   display: grid;
   grid-template-areas:
     '. . a a a .'
     '. . a a a .'
     '. b b . . .'
     ;
--- a/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001-ref.html
+++ b/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001-ref.html
@@ -1,13 +1,14 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 html {
   writing-mode: vertical-lr;
   text-orientation: sideways-right;
 }
 
 .grid {
   block-size: 60px;
   border: 2px solid green;
--- a/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001.html
+++ b/layout/reftests/css-grid/vlr-grid-placement-auto-row-sparse-001.html
@@ -1,13 +1,14 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 html {
   writing-mode: vertical-lr;
   text-orientation: sideways-right;
 }
 
 .grid {
   display: grid;
   border: 2px solid green;
--- a/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001-ref.html
+++ b/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001-ref.html
@@ -1,13 +1,14 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 html {
   writing-mode: vertical-rl;
   text-orientation: sideways-right;
 }
 
 .grid {
   block-size: 60px;
   border: 2px solid green;
--- a/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001.html
+++ b/layout/reftests/css-grid/vrl-grid-placement-auto-row-sparse-001.html
@@ -1,13 +1,14 @@
 <!DOCTYPE HTML>
 <html><head>
     <meta charset="utf-8">
     <title></title>
     <style type="text/css">
+body,html { color:black; background:white; font-size:12px; padding:0; margin:0; }
 html {
   writing-mode: vertical-rl;
   text-orientation: sideways-right;
 }
 
 .grid {
   display: grid;
   border: 2px solid green;