Bug 1515310 - Eliminate antialiasing fuzz from reftests. r=emilio, a=test-only
authorKartikaya Gupta <kgupta@mozilla.com>
Wed, 30 Jan 2019 17:18:02 +0000
changeset 515631 42b45239eb53c9632b6a6896286481e83cd63791
parent 515630 767ca8e22c4d1b9169f43c4f282495fd53a23dde
child 515632 b2a72b5a7d2e6ba66c619f96c4ec6e5d7f5b49c6
push id1953
push userffxbld-merge
push dateMon, 11 Mar 2019 12:10:20 +0000
treeherdermozilla-release@9c35dcbaa899 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersemilio, test-only
bugs1515310
milestone66.0
Bug 1515310 - Eliminate antialiasing fuzz from reftests. r=emilio, a=test-only The text in the <th> element was causing intermittent fuzz due to antialiasing. This patch removes the text to eliminate the problem. Differential Revision: https://phabricator.services.mozilla.com/D18092
layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-1.html
layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-2.html
layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-ref.html
layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1-ref.html
layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1.html
layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2-ref.html
layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2.html
layout/reftests/position-sticky/nested-sticky-1-ref.html
layout/reftests/position-sticky/nested-sticky-1.html
layout/reftests/position-sticky/nested-sticky-2-ref.html
layout/reftests/position-sticky/nested-sticky-2.html
--- a/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-1.html
+++ b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-1.html
@@ -4,12 +4,12 @@
 <div style="overflow:scroll; height: 400px; width: 400px; background-color: yellow"
      reftest-displayport-x="0"
      reftest-displayport-y="0"
      reftest-displayport-w="400"
      reftest-displayport-h="800"
      reftest-async-scroll-x="0"
      reftest-async-scroll-y="120">
 <div style="height: 800px">
-<div style="position:sticky; top: 0px; height: 20px; background-color: green">sticky</div>
+<div style="position:sticky; top: 0px; height: 20px; background-color: green"></div>
 </div>
 </div>
 </div>
--- a/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-2.html
+++ b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-2.html
@@ -4,12 +4,12 @@
 <div style="overflow:scroll; height: 400px; width: 400px; background-color: yellow"
      reftest-displayport-x="0"
      reftest-displayport-y="0"
      reftest-displayport-w="400"
      reftest-displayport-h="800"
      reftest-async-scroll-x="0"
      reftest-async-scroll-y="120">
 <div style="height: 800px">
-<div style="position:sticky; top: 0px; height: 20px; background-color: green">sticky</div>
+<div style="position:sticky; top: 0px; height: 20px; background-color: green"></div>
 </div>
 </div>
 </div>
--- a/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-ref.html
+++ b/layout/reftests/async-scrolling/position-sticky-in-transformed-scrollframe-ref.html
@@ -1,12 +1,12 @@
 <!DOCTYPE HTML>
 <html>
 <div style="margin-top: 100px">
 <div id="scroller" style="overflow:scroll; height: 400px; width: 400px; background-color: yellow">
 <div style="height: 800px">
-<div style="position: relative; top: 120px; height: 20px; background-color: green">sticky</div>
+<div style="position: relative; top: 120px; height: 20px; background-color: green"></div>
 </div>
 </div>
 </div>
 <script>
     document.getElementById('scroller').scrollTop = 120;
 </script>
--- a/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1-ref.html
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1-ref.html
@@ -1,11 +1,11 @@
 <!DOCTYPE HTML>
 <html>
 <div id="scroller" style="overflow:scroll; height: 400px; width: 400px">
 <div style="transform: translateY(10px); margin-top: 90px; background-color: yellow; height: 400px">
-<div style="position: relative; top: 30px; height: 20px; background-color: green">sticky</div>
+<div style="position: relative; top: 30px; height: 20px; background-color: green"></div>
 </div>
 <div style="height: 400px">spacer</div>
 </div>
 <script>
     document.getElementById('scroller').scrollTop = 120;
 </script>
--- a/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1.html
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-1.html
@@ -3,12 +3,12 @@
 <div style="overflow:scroll; height: 400px; width: 400px"
      reftest-displayport-x="0"
      reftest-displayport-y="0"
      reftest-displayport-w="400"
      reftest-displayport-h="890"
      reftest-async-scroll-x="0"
      reftest-async-scroll-y="120">
 <div style="transform: translateY(10px); margin-top: 90px; background-color: yellow; height: 400px">
-<div style="position:sticky; top: 0px; height: 20px; background-color: green">sticky</div>
+<div style="position:sticky; top: 0px; height: 20px; background-color: green"></div>
 </div>
 <div style="height: 400px">spacer</div>
 </div>
--- a/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2-ref.html
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2-ref.html
@@ -1,12 +1,12 @@
 <!DOCTYPE HTML>
 <html>
 <div id="scroller" style="overflow:scroll; height: 400px; width: 400px">
 <div style="margin-top: 120px; background-color: yellow; height: 380px">
 <div style="height: 90px"></div>
-<div style="height: 20px; background-color: green">sticky</div>
+<div style="height: 20px; background-color: green"></div>
 </div>
 <div style="height: 310px"></div>
 </div>
 <script>
     document.getElementById('scroller').scrollTop = 120;
 </script>
--- a/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2.html
+++ b/layout/reftests/async-scrolling/position-sticky-transformed-in-scrollframe-2.html
@@ -3,12 +3,12 @@
 <div style="overflow:scroll; height: 400px; width: 400px"
      reftest-displayport-x="0"
      reftest-displayport-y="0"
      reftest-displayport-w="400"
      reftest-displayport-h="890"
      reftest-async-scroll-x="0"
      reftest-async-scroll-y="120">
 <div style="transform: translateY(90px); margin-top: 10px; background-color: yellow; height: 400px">
-<div style="position:sticky; top: 0px; height: 20px; background-color: green">sticky</div>
+<div style="position:sticky; top: 0px; height: 20px; background-color: green"></div>
 </div>
 <div style="height: 400px">spacer</div>
 </div>
--- a/layout/reftests/position-sticky/nested-sticky-1-ref.html
+++ b/layout/reftests/position-sticky/nested-sticky-1-ref.html
@@ -5,25 +5,26 @@ html, body {
     margin: 0;
 }
 thead tr {
     position: relative;
     top: 50px;
 }
 th {
     background-color: green;
+    height: 20px;
 }
 td {
     background-color: blue;
 }
 </style>
 <body>
 <table cellspacing=0>
     <thead>
-        <tr><th>Sticky header</th></tr>
+        <tr><th></th></tr>
     </thead>
     <tbody>
         <tr><td style="height: 2000px; vertical-align: top">table cell</td></tr>
     </tbody>
 </table>
 <script>
   addEventListener('load', function() {
     document.scrollingElement.scrollTop = 50;
--- a/layout/reftests/position-sticky/nested-sticky-1.html
+++ b/layout/reftests/position-sticky/nested-sticky-1.html
@@ -7,23 +7,24 @@ html, body {
 thead tr {
     position: sticky;
     top: 0;
 }
 th {
     position: sticky;
     top: -2px;
     background-color: green;
+    height: 20px;
 }
 td {
     background-color: blue;
 }
 </style>
 <body>
 <table cellspacing=0>
     <thead>
-        <tr><th>Sticky header</th></tr>
+        <tr><th></th></tr>
     </thead>
     <tbody>
         <tr><td style="height: 2000px; vertical-align: top">table cell</td></tr>
     </tbody>
 </table>
 </html>
--- a/layout/reftests/position-sticky/nested-sticky-2-ref.html
+++ b/layout/reftests/position-sticky/nested-sticky-2-ref.html
@@ -5,29 +5,30 @@ html, body {
     margin: 0;
 }
 thead tr {
     position: relative;
     top: 50px;
 }
 th {
     background-color: green;
+    height: 20px;
 }
 th:first-child {
     position: relative;
     top: 10px;
 }
 td {
     background-color: blue;
 }
 </style>
 <body>
 <table cellspacing=0>
     <thead>
-        <tr><th>Sticky</th><th>header</th></tr>
+        <tr><th></th><th></th></tr>
     </thead>
     <tbody>
         <tr><td style="height: 2000px; vertical-align: top">table cell</td><td>sibling</td></tr>
     </tbody>
 </table>
 <script>
   addEventListener('load', function() {
     document.scrollingElement.scrollTop = 50;
--- a/layout/reftests/position-sticky/nested-sticky-2.html
+++ b/layout/reftests/position-sticky/nested-sticky-2.html
@@ -5,27 +5,28 @@ html, body {
     margin: 0;
 }
 thead tr {
     position: sticky;
     top: 0;
 }
 th {
     background-color: green;
+    height: 20px;
 }
 th:first-child {
     position: sticky;
     top: 10px;
 }
 td {
     background-color: blue;
 }
 </style>
 <body>
 <table cellspacing=0>
     <thead>
-        <tr><th>Sticky</th><th>header</th></tr>
+        <tr><th></th><th></th></tr>
     </thead>
     <tbody>
         <tr><td style="height: 2000px; vertical-align: top">table cell</td><td>sibling</td></tr>
     </tbody>
 </table>
 </html>