Bug 1515310 - Eliminate antialiasing fuzz from reftests. r=emilio

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Kartikaya Gupta 2019-01-30 17:18:02 +00:00
Родитель 06c9ebf4d3
Коммит eaf27c9c98
11 изменённых файлов: 15 добавлений и 11 удалений

Просмотреть файл

@ -9,7 +9,7 @@
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>

Просмотреть файл

@ -9,7 +9,7 @@
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>

Просмотреть файл

@ -3,7 +3,7 @@
<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>

Просмотреть файл

@ -2,7 +2,7 @@
<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>

Просмотреть файл

@ -8,7 +8,7 @@
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>

Просмотреть файл

@ -3,7 +3,7 @@
<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>

Просмотреть файл

@ -8,7 +8,7 @@
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>

Просмотреть файл

@ -10,6 +10,7 @@ thead tr {
}
th {
background-color: green;
height: 20px;
}
td {
background-color: blue;
@ -18,7 +19,7 @@ td {
<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>

Просмотреть файл

@ -12,6 +12,7 @@ th {
position: sticky;
top: -2px;
background-color: green;
height: 20px;
}
td {
background-color: blue;
@ -20,7 +21,7 @@ td {
<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>

Просмотреть файл

@ -10,6 +10,7 @@ thead tr {
}
th {
background-color: green;
height: 20px;
}
th:first-child {
position: relative;
@ -22,7 +23,7 @@ td {
<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>

Просмотреть файл

@ -10,6 +10,7 @@ thead tr {
}
th {
background-color: green;
height: 20px;
}
th:first-child {
position: sticky;
@ -22,7 +23,7 @@ td {
<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>