Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-16 23:05:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1502762 - Add reftests for ImageRendering on list-style-image property. r=nical

Browse Source 
Add reftests that test the ImageRendering property on list-style-images, JS-based ImageRendering changes and inequality of results between different ImageRendering settings.

--HG--
extra : rebase_source : a3c6298364dd5c099d6e1a851b2f20e1a2b48ab9
This commit is contained in:
Henrik Winnemöller 2018-10-29 00:47:59 +01:00
parent 141eb43b59
commit 2b2b880128
5 changed files with 123 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
layout/reftests/list-item/image-rendering-css-auto.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/licenses/publicdomain/
-->
<html reftest-zoom="2">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>test list-style-image image-rendering css auto</title>
<style type="text/css">
div {
display: list-item;
list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
height: 50px;
border: 1px solid black;
list-style-position: inside;
image-rendering: auto;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>

28
layout/reftests/list-item/image-rendering-css.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/licenses/publicdomain/
-->
<html reftest-zoom="2">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>test list-style-image image-rendering css -moz-crisp-edges</title>
<style type="text/css">
div {
display: list-item;
list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
height: 50px;
border: 1px solid black;
list-style-position: inside;
image-rendering: -moz-crisp-edges;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>

27
layout/reftests/list-item/image-rendering-ref.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/licenses/publicdomain/
-->
<html reftest-zoom="2">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>reference list-style-image image-rendering</title>
<style type="text/css">
div {
height: 50px;
border: 1px solid black;
image-rendering: -moz-crisp-edges;
}
</style>
</head>
<body>
<div>
<img src=" data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs="
>
</div>
</body>
</html>

37
layout/reftests/list-item/image-rendering-script.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/licenses/publicdomain/
-->
<html reftest-zoom="2" class="reftest-wait">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>test list-style-image image-rendering script change</title>
<style type="text/css">
div {
display: list-item;
list-style-image: url(data:image/gif;base64,R0lGODlhHAAcAMQAAAAAAP///8DP/8bU/8zZ/9Le/9jj/97o/+Tt/Ory9vD48PX96vv/5P//wP//xv//zP//0v//2P//3v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABMALAAAAAAcABwAAAWNYCOOZGmeaKquYxSxcGMY8RoJwlujBk7vphsuByz1hr9iQzgkFiHHpkGXekQWCgOhyR0ODAiFhOoodM9oQcExKqffajbJDe+uT/Q67o7Kw/kpfmiAKkxpEjELdQoxCXUHMVFpBTEDXARmXDAOTQQMIgxbQ1QpQgMKciOhOJ8rC6epJq+MNrF9iEq5ug0hADs=);
height: 50px;
border: 1px solid black;
list-style-position: inside;
image-rendering: auto;
}
</style>
<script type="text/javascript">
document.addEventListener("MozReftestInvalidate", updateImageRendering);
function updateImageRendering() {
var div = document.getElementById("d1");
div.style.imageRendering = '-moz-crisp-edges';
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body>
<div id="d1">
</div>
</body>
</html>

3
layout/reftests/list-item/reftest.list
View File

@ -13,3 +13,6 @@ asserts(1) == ol-reversed-1b.html ol-reversed-1-ref.html # bug 478135
== bullet-intrinsic-isize-1.html bullet-intrinsic-isize-1-ref.html
== bullet-intrinsic-isize-2.html bullet-intrinsic-isize-2-ref.html
== bullet-justify-1.html bullet-justify-1-ref.html
== image-rendering-css.html image-rendering-ref.html
== image-rendering-script.html image-rendering-ref.html
!= image-rendering-css.html image-rendering-css-auto.html