Skip to content

Commit

Permalink
Add Gecko tests, which are failing with gfx-hal backend
Browse files Browse the repository at this point in the history
  • Loading branch information
Zakor Gyula committed Mar 13, 2019
1 parent 9513544 commit a519e31
Show file tree
Hide file tree
Showing 62 changed files with 2,457 additions and 4 deletions.
660 changes: 656 additions & 4 deletions tests/wpt/mozilla/meta/MANIFEST.json

Large diffs are not rendered by default.

@@ -0,0 +1,2 @@
[border-collapse-bevels-1d.html]
expected: FAIL
@@ -0,0 +1,2 @@
[border-collapse-bevels-1e.html]
expected: FAIL
2 changes: 2 additions & 0 deletions tests/wpt/mozilla/meta/gfx-rs-gecko/color-2a.html.ini
@@ -0,0 +1,2 @@
[color-2a.html]
expected: FAIL
@@ -0,0 +1,2 @@
[column-balancing-nested-001.html]
expected: FAIL
@@ -0,0 +1,2 @@
[display-block-baselines-1.html]
expected: FAIL
@@ -0,0 +1,2 @@
[element-paint-recursion.html]
expected: FAIL
@@ -0,0 +1,2 @@
[grid-item-align-002.html]
expected: FAIL
@@ -0,0 +1,2 @@
[grid-item-justify-001.html]
expected: FAIL
2 changes: 2 additions & 0 deletions tests/wpt/mozilla/meta/gfx-rs-gecko/image-zoom-1.html.ini
@@ -0,0 +1,2 @@
[image-zoom-1.html]
expected: FAIL
@@ -0,0 +1,2 @@
[opacity-background-1.html]
expected: FAIL
29 changes: 29 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1-ref.html
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Testcase, bug 1035611</title>
<meta charset=UTF-8>
<style type="text/css">

#outer {
width: 500px;
height: 100px;
overflow:hidden;
background: orange;
}

#inner {
width: 36px;
height: 100px;
background: blue;
}

</style>
</head>
<body>
<div id="outer">
<div id="inner"></div>
</div>

</body>
</html>
39 changes: 39 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/1035611-1.html
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<link rel="match" href="1035611-1-ref.html">
<html lang="en-US" reftest-zoom="1.0">
<head>
<title>Testcase, bug 1035611</title>
<meta charset=UTF-8>
<style type="text/css">

#outer1 {
width: 500px;
height: 100px;
overflow:hidden;
background: blue;
}

#outer2 {
width: 250px;
height: 100px;
perspective: 125px;
}

#inner {
transform-origin: 0px 0px 70px;
transform: rotate3d(0, 1, 0, -54deg);
width: 128px;
height: 128px;
background: orange;
}
</style>
</head>
<body>
<div id="outer1">
<div id="outer2">
<div id="inner"></div>
</div>
</div>

</body>
</html>
29 changes: 29 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2-ref.html
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<body onload="setup()">
<textarea id="ta" dir="rtl">

&#x05d0;a&#x05d1;

</textarea>
<textarea id="tb">

abc

</textarea>

<div id="coords1"></div>
<div id="coords2"></div>

<script>
function setup() {
document.getElementById("ta").selectionStart = 3;
document.getElementById("ta").selectionEnd = 3;
document.getElementById("coords1").innerHTML = document.getElementById("ta").selectionStart;
document.getElementById("tb").selectionStart = 3;
document.getElementById("tb").selectionEnd = 3;
document.getElementById("coords2").innerHTML = document.getElementById("tb").selectionStart;
}
</script>
</body>
</html>
20 changes: 20 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/240933-2.html
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<link rel="match" href="240933-2-ref.html">
<html>
<body>
<textarea id="ta" dir="rtl">

&#x05d0;a&#x05d1;

</textarea>
<textarea id="tb">

abc

</textarea>

<div id="coords1">3</div>
<div id="coords2">3</div>

</body>
</html>
15 changes: 15 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1-ref.html
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html>
<style>
table {
border: .1mm solid black;
}
</style>
<body>
<table cellspacing="0">
<tr>
<td>border: .1mm, collapsed</td>
</tr>
</table>
</body>
</html>
17 changes: 17 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/356774-1.html
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel="match" href="356774-1-ref.html">
<html>
<style>
table {
border: .1mm solid black;
border-collapse: collapse;
}
</style>
<body>
<table>
<tr>
<td>border: .1mm, collapsed</td>
</tr>
</table>
</body>
</html>
Binary file not shown.
Binary file added tests/wpt/mozilla/tests/gfx-rs-gecko/big.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/blank.html
@@ -0,0 +1 @@
<!DOCTYPE html>
33 changes: 33 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-dyn.html
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<link rel="match" href="block-first-child-6-ref.html">
<html class="reftest-wait">
<head>
<style type="text/css">
#separator {
height: 20px;
background-color: green;
}
#first-child {
height: 20px;
margin-top: 20px;
background-color: blue;
}
#parent {
margin-top: 0px;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.marginTop = '-20px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('DOMContentLoaded', test);
</script>
</head>
<body>
<div id="separator"></div>
<div id="parent">
<div id="first-child"></div>
</div>
</body>
</html>
21 changes: 21 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-6-ref.html
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#separator {
height: 20px;
background-color: green;
}
#first-child {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="separator"></div>
<div id="parent">
<div id="first-child"></div>
</div>
</body>
</html>
33 changes: 33 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-dyn.html
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<link rel="match" href="block-first-child-7-ref.html">
<html class="reftest-wait">
<head>
<style type="text/css">
#separator {
height: 20px;
background-color: green;
}
#first-child {
height: 20px;
margin-top: 20px;
background-color: blue;
}
#parent {
margin-top: 0;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('parent').style.marginTop = '-30px';
document.documentElement.removeAttribute('class');
}
document.addEventListener('DOMContentLoaded', test);
</script>
</head>
<body>
<div id="separator"></div>
<div id="parent">
<div id="first-child"></div>
</div>
</body>
</html>
21 changes: 21 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-7-ref.html
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#separator {
height: 10px;
background-color: green;
}
#first-child {
height: 20px;
background-color: blue;
}
</style>
</head>
<body>
<div id="separator"></div>
<div id="parent">
<div id="first-child"></div>
</div>
</body>
</html>
21 changes: 21 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8-ref.html
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#separator {
height: 20px;
background-color: green;
}
#first-child {
height: 40px;
background-color: blue;
}
</style>
</head>
<body>
<div id="separator"></div>
<div id="parent">
<div id="first-child"></div>
</div>
</body>
</html>
34 changes: 34 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8a-dyn.html
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<link rel="match" href="block-first-child-8-ref.html">
<html class="reftest-wait">
<head>
<style type="text/css">
#separator {
height: 40px;
background-color: green;
}
#first-child {
display: none;
height: 40px;
margin-top: -20px;
background-color: blue;
}
#parent {
margin-top: -10px;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('first-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('DOMContentLoaded', test);
</script>
</head>
<body>
<div id="separator"></div>
<div id="parent">
<div id="first-child"></div>
</div>
</body>
</html>
34 changes: 34 additions & 0 deletions tests/wpt/mozilla/tests/gfx-rs-gecko/block-first-child-8b-dyn.html
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<link rel="match" href="block-first-child-8-ref.html">
<html class="reftest-wait">
<head>
<style type="text/css">
#separator {
height: 40px;
background-color: green;
}
#first-child {
display: none;
height: 40px;
margin-top: -10px;
background-color: blue;
}
#parent {
margin-top: -20px;
}
</style>
<script type="text/javascript">
function test() {
document.getElementById('first-child').style.display = 'block';
document.documentElement.removeAttribute('class');
}
document.addEventListener('DOMContentLoaded', test);
</script>
</head>
<body>
<div id="separator"></div>
<div id="parent">
<div id="first-child"></div>
</div>
</body>
</html>

0 comments on commit a519e31

Please sign in to comment.