mozilla
/
pjs
зеркало из https://github.com/mozilla/pjs.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Add tests for collapsed borders and foreground images.

This commit is contained in:
dbaron%dbaron.org 2007-02-22 23:27:18 +00:00
Родитель c975cc257f
Коммит b7a28a3596
42 изменённых файлов: 1887 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

44
layout/reftests/pixel-rounding/collapsed-border-height-4.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10px; width: 10px; border-top: 10.4px solid green"></div>
<div style="top: 10px; left: 30px; height: 10.4px; border-right: 10px solid green"></div>
<div style="top: 10px; left: 50px; width: 10px; border-bottom: 10.4px solid green"></div>
<div style="top: 10px; left: 70px; height: 10.4px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90px; border-top: 10.4px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 110px; border-bottom: 10.4px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 130px; border-top: 10.4px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 150px; border-bottom: 10.4px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170px; width: 10px; border-top: 5.4px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5.4px solid green;"></div>
<div style="top: 10px; left: 210px; height: 10.4px; border-right: 5px solid green; border-left: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230px; border-right: 5px solid green; border-bottom: 10.4px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 10.4px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 5.4px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 290px; border-top: 5.4px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 310px; border-top: 5px solid green; border-bottom: 5.4px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 330px; border-top: 5.4px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350px; border-top: 5.4px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.4px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-height-5.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10px; width: 10px; border-top: 10.5px solid green"></div>
<div style="top: 10px; left: 30px; height: 10.5px; border-right: 10px solid green"></div>
<div style="top: 10px; left: 50px; width: 10px; border-bottom: 10.5px solid green"></div>
<div style="top: 10px; left: 70px; height: 10.5px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90px; border-top: 10.5px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 110px; border-bottom: 10.5px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 130px; border-top: 10.5px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 150px; border-bottom: 10.5px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170px; width: 10px; border-top: 5.5px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5.5px solid green;"></div>
<div style="top: 10px; left: 210px; height: 10.5px; border-right: 5px solid green; border-left: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230px; border-right: 5px solid green; border-bottom: 10.5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 10.5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 5.5px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 290px; border-top: 5.5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 310px; border-top: 5px solid green; border-bottom: 5.5px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 330px; border-top: 5.5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350px; border-top: 5.5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.5px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-height-6.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10px; width: 10px; border-top: 10.6px solid green"></div>
<div style="top: 10px; left: 30px; height: 10.6px; border-right: 10px solid green"></div>
<div style="top: 10px; left: 50px; width: 10px; border-bottom: 10.6px solid green"></div>
<div style="top: 10px; left: 70px; height: 10.6px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90px; border-top: 10.6px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 110px; border-bottom: 10.6px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 130px; border-top: 10.6px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 150px; border-bottom: 10.6px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170px; width: 10px; border-top: 5.6px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5.6px solid green;"></div>
<div style="top: 10px; left: 210px; height: 10.6px; border-right: 5px solid green; border-left: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230px; border-right: 5px solid green; border-bottom: 10.6px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 250px; border-right: 5px solid green; border-top: 10.6px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 270px; border-top: 5px solid green; border-bottom: 5.6px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 290px; border-top: 5.6px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 310px; border-top: 5px solid green; border-bottom: 5.6px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 330px; border-top: 5.6px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350px; border-top: 5.6px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5.6px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-left-4.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10.4px; width: 10px; border-top: 10px solid green"></div>
<div style="top: 10px; left: 30.4px; height: 10px; border-right: 10px solid green"></div>
<div style="top: 10px; left: 50.4px; width: 10px; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 70.4px; height: 10px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90.4px; border-top: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 110.4px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 130.4px; border-top: 10px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 150.4px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170.4px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 190.4px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 210.4px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230.4px; border-top: 5px solid green; border-right: 10px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 250.4px; border-top: 5px solid green; border-left: 10px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 270.4px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 290.4px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 310.4px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<div style="top: 10px; left: 330.4px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.4px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-left-5.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10.5px; width: 10px; border-top: 10px solid green"></div>
<div style="top: 10px; left: 30.5px; height: 10px; border-right: 10px solid green"></div>
<div style="top: 10px; left: 50.5px; width: 10px; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 70.5px; height: 10px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90.5px; border-top: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 110.5px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 130.5px; border-top: 10px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 150.5px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170.5px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 190.5px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 210.5px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230.5px; border-top: 5px solid green; border-right: 10px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 250.5px; border-top: 5px solid green; border-left: 10px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 270.5px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 290.5px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 310.5px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<div style="top: 10px; left: 330.5px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350.5px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.5px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-left-6.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10.6px; width: 10px; border-top: 10px solid green"></div>
<div style="top: 10px; left: 30.6px; height: 10px; border-right: 10px solid green"></div>
<div style="top: 10px; left: 50.6px; width: 10px; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 70.6px; height: 10px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90.6px; border-top: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 110.6px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10px; left: 130.6px; border-top: 10px solid green; border-left: 10px solid green"></div>
<div style="top: 10px; left: 150.6px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170.6px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 190.6px; height: 10px; border-left: 5px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 210.6px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230.6px; border-top: 5px solid green; border-right: 10px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 250.6px; border-top: 5px solid green; border-left: 10px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 270.6px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 290.6px; border-left: 5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 310.6px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<div style="top: 10px; left: 330.6px; border-left: 5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350.6px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370.6px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-top-4.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10.4px; left: 10px; width: 10px; border-top: 10px solid green"></div>
<div style="top: 10.4px; left: 30px; height: 10px; border-right: 10px solid green"></div>
<div style="top: 10.4px; left: 50px; width: 10px; border-bottom: 10px solid green"></div>
<div style="top: 10.4px; left: 70px; height: 10px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10.4px; left: 90px; border-top: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10.4px; left: 110px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10.4px; left: 130px; border-top: 10px solid green; border-left: 10px solid green"></div>
<div style="top: 10.4px; left: 150px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10.4px; left: 170px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10.4px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10.4px; left: 210px; height: 10px; border-right: 5px solid green; border-left: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10.4px; left: 230px; border-right: 5px solid green; border-bottom: 10px solid green; border-left: 5px solid green"></div>
<div style="top: 10.4px; left: 250px; border-right: 5px solid green; border-top: 10px solid green; border-left: 5px solid green"></div>
<div style="top: 10.4px; left: 270px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10.4px; left: 290px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10.4px; left: 310px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<div style="top: 10.4px; left: 330px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10.4px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10.4px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-top-5.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10.5px; left: 10px; width: 10px; border-top: 10px solid green"></div>
<div style="top: 10.5px; left: 30px; height: 10px; border-right: 10px solid green"></div>
<div style="top: 10.5px; left: 50px; width: 10px; border-bottom: 10px solid green"></div>
<div style="top: 10.5px; left: 70px; height: 10px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10.5px; left: 90px; border-top: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10.5px; left: 110px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10.5px; left: 130px; border-top: 10px solid green; border-left: 10px solid green"></div>
<div style="top: 10.5px; left: 150px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10.5px; left: 170px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10.5px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10.5px; left: 210px; height: 10px; border-right: 5px solid green; border-left: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10.5px; left: 230px; border-right: 5px solid green; border-bottom: 10px solid green; border-left: 5px solid green"></div>
<div style="top: 10.5px; left: 250px; border-right: 5px solid green; border-top: 10px solid green; border-left: 5px solid green"></div>
<div style="top: 10.5px; left: 270px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10.5px; left: 290px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10.5px; left: 310px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<div style="top: 10.5px; left: 330px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10.5px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10.5px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-top-6.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10.6px; left: 10px; width: 10px; border-top: 10px solid green"></div>
<div style="top: 10.6px; left: 30px; height: 10px; border-right: 10px solid green"></div>
<div style="top: 10.6px; left: 50px; width: 10px; border-bottom: 10px solid green"></div>
<div style="top: 10.6px; left: 70px; height: 10px; border-left: 10px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10.6px; left: 90px; border-top: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10.6px; left: 110px; border-bottom: 10px solid green; border-right: 10px solid green"></div>
<div style="top: 10.6px; left: 130px; border-top: 10px solid green; border-left: 10px solid green"></div>
<div style="top: 10.6px; left: 150px; border-bottom: 10px solid green; border-left: 10px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10.6px; left: 170px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10.6px; left: 190px; width: 10px; border-top: 5px solid green; border-bottom: 5px solid green;"></div>
<div style="top: 10.6px; left: 210px; height: 10px; border-right: 5px solid green; border-left: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10.6px; left: 230px; border-right: 5px solid green; border-bottom: 10px solid green; border-left: 5px solid green"></div>
<div style="top: 10.6px; left: 250px; border-right: 5px solid green; border-top: 10px solid green; border-left: 5px solid green"></div>
<div style="top: 10.6px; left: 270px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10.6px; left: 290px; border-top: 5px solid green; border-bottom: 5px solid green; border-left: 10px solid green"></div>
<div style="top: 10.6px; left: 310px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<div style="top: 10.6px; left: 330px; border-top: 5px solid green; border-bottom: 5px solid green; border-right: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10.6px; left: 350px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10.6px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-width-4.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10px; width: 10.4px; border-top: 10px solid green"></div>
<div style="top: 10px; left: 30px; height: 10px; border-right: 10.4px solid green"></div>
<div style="top: 10px; left: 50px; width: 10.4px; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 70px; height: 10px; border-left: 10.4px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 10.4px solid green"></div>
<div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 10.4px solid green"></div>
<div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 10.4px solid green"></div>
<div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 10.4px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170px; height: 10px; border-left: 5.4px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 5.4px solid green;"></div>
<div style="top: 10px; left: 210px; width: 10.4px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230px; border-top: 5px solid green; border-right: 10.4px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 10.4px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 5.4px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 290px; border-left: 5.4px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 310px; border-left: 5px solid green; border-right: 5.4px solid green; border-top: 10px solid green"></div>
<div style="top: 10px; left: 330px; border-left: 5.4px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.4px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.4px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-width-5.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10px; width: 10.5px; border-top: 10px solid green"></div>
<div style="top: 10px; left: 30px; height: 10px; border-right: 10.5px solid green"></div>
<div style="top: 10px; left: 50px; width: 10.5px; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 70px; height: 10px; border-left: 10.5px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 10.5px solid green"></div>
<div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 10.5px solid green"></div>
<div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 10.5px solid green"></div>
<div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 10.5px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170px; height: 10px; border-left: 5.5px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 5.5px solid green;"></div>
<div style="top: 10px; left: 210px; width: 10.5px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230px; border-top: 5px solid green; border-right: 10.5px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 10.5px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 5.5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 290px; border-left: 5.5px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 310px; border-left: 5px solid green; border-right: 5.5px solid green; border-top: 10px solid green"></div>
<div style="top: 10px; left: 330px; border-left: 5.5px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.5px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.5px solid green"></div>
</body>
</html>

44
layout/reftests/pixel-rounding/collapsed-border-width-6.html Normal file
Просмотреть файл

@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { display: table; position: absolute; }
</style>
</head>
<body>
<!-- one border -->
<div style="top: 10px; left: 10px; width: 10.6px; border-top: 10px solid green"></div>
<div style="top: 10px; left: 30px; height: 10px; border-right: 10.6px solid green"></div>
<div style="top: 10px; left: 50px; width: 10.6px; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 70px; height: 10px; border-left: 10.6px solid green"></div>
<!-- two adjacent borders -->
<div style="top: 10px; left: 90px; border-top: 10px solid green; border-right: 10.6px solid green"></div>
<div style="top: 10px; left: 110px; border-bottom: 10px solid green; border-right: 10.6px solid green"></div>
<div style="top: 10px; left: 130px; border-top: 10px solid green; border-left: 10.6px solid green"></div>
<div style="top: 10px; left: 150px; border-bottom: 10px solid green; border-left: 10.6px solid green"></div>
<!-- two opposite borders -->
<div style="top: 10px; left: 170px; height: 10px; border-left: 5.6px solid green; border-right: 5px solid green;"></div>
<div style="top: 10px; left: 190px; height: 10px; border-left: 5px solid green; border-right: 5.6px solid green;"></div>
<div style="top: 10px; left: 210px; width: 10.6px; border-top: 5px solid green; border-bottom: 5px solid green"></div>
<!-- three borders -->
<div style="top: 10px; left: 230px; border-top: 5px solid green; border-right: 10.6px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 250px; border-top: 5px solid green; border-left: 10.6px solid green; border-bottom: 5px solid green"></div>
<div style="top: 10px; left: 270px; border-left: 5px solid green; border-right: 5.6px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 290px; border-left: 5.6px solid green; border-right: 5px solid green; border-bottom: 10px solid green"></div>
<div style="top: 10px; left: 310px; border-left: 5px solid green; border-right: 5.6px solid green; border-top: 10px solid green"></div>
<div style="top: 10px; left: 330px; border-left: 5.6px solid green; border-right: 5px solid green; border-top: 10px solid green"></div>
<!-- four borders -->
<div style="top: 10px; left: 350px; border-top: 5px solid green; border-right: 5.6px solid green; border-bottom: 5px solid green; border-left: 5px solid green"></div>
<div style="top: 10px; left: 370px; border-top: 5px solid green; border-right: 5px solid green; border-bottom: 5px solid green; border-left: 5.6px solid green"></div>
</body>
</html>

45
layout/reftests/pixel-rounding/image-base-ref.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { position: absolute; background: blue; }
div.i1 { left: 10px; }
div.i3 { left: 40px; }
div.i5 { left: 70px; }
div.i25 { left: 100px; }
div.s1 { top: 10px; height: 1px; width: 1px; }
div.s3 { top: 30px; height: 3px; width: 3px; }
div.s5 { top: 50px; height: 5px; width: 5px; }
div.s25 { top: 70px; height: 25px; width: 25px; }
</style>
</head>
<body>
<div class="s1 i1"></div>
<div class="s1 i3"></div>
<div class="s1 i5"></div>
<div class="s1 i25"></div>
<div class="s3 i1"></div>
<div class="s3 i3"></div>
<div class="s3 i5"></div>
<div class="s3 i25"></div>
<div class="s5 i1"></div>
<div class="s5 i3"></div>
<div class="s5 i5"></div>
<div class="s5 i25"></div>
<div class="s25 i1"></div>
<div class="s25 i3"></div>
<div class="s25 i5"></div>
<div class="s25 i25"></div>
</body>
</html>

45
layout/reftests/pixel-rounding/image-height-10-ref.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { position: absolute; background: blue; }
div.i1 { left: 10px; }
div.i3 { left: 40px; }
div.i5 { left: 70px; }
div.i25 { left: 100px; }
div.s1 { top: 10px; height: 2px; width: 1px; }
div.s3 { top: 30px; height: 4px; width: 3px; }
div.s5 { top: 50px; height: 6px; width: 5px; }
div.s25 { top: 70px; height: 26px; width: 25px; }
</style>
</head>
<body>
<div class="s1 i1"></div>
<div class="s1 i3"></div>
<div class="s1 i5"></div>
<div class="s1 i25"></div>
<div class="s3 i1"></div>
<div class="s3 i3"></div>
<div class="s3 i5"></div>
<div class="s3 i25"></div>
<div class="s5 i1"></div>
<div class="s5 i3"></div>
<div class="s5 i5"></div>
<div class="s5 i25"></div>
<div class="s25 i1"></div>
<div class="s25 i3"></div>
<div class="s25 i5"></div>
<div class="s25 i25"></div>
</body>
</html>

45
layout/reftests/pixel-rounding/image-height-4.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10px; height: 1.4px; width: 1px; }
img.s3 { top: 30px; height: 3.4px; width: 3px; }
img.s5 { top: 50px; height: 5.4px; width: 5px; }
img.s25 { top: 70px; height: 25.4px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-height-5.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10px; height: 1.5px; width: 1px; }
img.s3 { top: 30px; height: 3.5px; width: 3px; }
img.s5 { top: 50px; height: 5.5px; width: 5px; }
img.s25 { top: 70px; height: 25.5px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-height-6.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10px; height: 1.6px; width: 1px; }
img.s3 { top: 30px; height: 3.6px; width: 3px; }
img.s5 { top: 50px; height: 5.6px; width: 5px; }
img.s25 { top: 70px; height: 25.6px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-height-top-4.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 9.9px; height: 1.5px; width: 1px; }
img.s3 { top: 29.9px; height: 3.5px; width: 3px; }
img.s5 { top: 49.9px; height: 5.5px; width: 5px; }
img.s25 { top: 69.9px; height: 25.5px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-height-top-5.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10px; height: 1.5px; width: 1px; }
img.s3 { top: 30px; height: 3.5px; width: 3px; }
img.s5 { top: 50px; height: 5.5px; width: 5px; }
img.s25 { top: 70px; height: 25.5px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-height-top-6.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10.1px; height: 1.5px; width: 1px; }
img.s3 { top: 30.1px; height: 3.5px; width: 3px; }
img.s5 { top: 50.1px; height: 5.5px; width: 5px; }
img.s25 { top: 70.1px; height: 25.5px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-left-10-ref.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { position: absolute; background: blue; }
div.i1 { left: 11px; }
div.i3 { left: 41px; }
div.i5 { left: 71px; }
div.i25 { left: 101px; }
div.s1 { top: 10px; height: 1px; width: 1px; }
div.s3 { top: 30px; height: 3px; width: 3px; }
div.s5 { top: 50px; height: 5px; width: 5px; }
div.s25 { top: 70px; height: 25px; width: 25px; }
</style>
</head>
<body>
<div class="s1 i1"></div>
<div class="s1 i3"></div>
<div class="s1 i5"></div>
<div class="s1 i25"></div>
<div class="s3 i1"></div>
<div class="s3 i3"></div>
<div class="s3 i5"></div>
<div class="s3 i25"></div>
<div class="s5 i1"></div>
<div class="s5 i3"></div>
<div class="s5 i5"></div>
<div class="s5 i25"></div>
<div class="s25 i1"></div>
<div class="s25 i3"></div>
<div class="s25 i5"></div>
<div class="s25 i25"></div>
</body>
</html>

45
layout/reftests/pixel-rounding/image-left-4.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10.4px; }
img[src="blue-3x3.png"] { left: 40.4px; }
img[src="blue-5x5.png"] { left: 70.4px; }
img[src="blue-25x25.png"] { left: 100.4px; }
img.s1 { top: 10px; height: 1px; width: 1px; }
img.s3 { top: 30px; height: 3px; width: 3px; }
img.s5 { top: 50px; height: 5px; width: 5px; }
img.s25 { top: 70px; height: 25px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-left-5.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10.5px; }
img[src="blue-3x3.png"] { left: 40.5px; }
img[src="blue-5x5.png"] { left: 70.5px; }
img[src="blue-25x25.png"] { left: 100.5px; }
img.s1 { top: 10px; height: 1px; width: 1px; }
img.s3 { top: 30px; height: 3px; width: 3px; }
img.s5 { top: 50px; height: 5px; width: 5px; }
img.s25 { top: 70px; height: 25px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-left-6.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10.6px; }
img[src="blue-3x3.png"] { left: 40.6px; }
img[src="blue-5x5.png"] { left: 70.6px; }
img[src="blue-25x25.png"] { left: 100.6px; }
img.s1 { top: 10px; height: 1px; width: 1px; }
img.s3 { top: 30px; height: 3px; width: 3px; }
img.s5 { top: 50px; height: 5px; width: 5px; }
img.s25 { top: 70px; height: 25px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-left-width-4.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 9.9px; }
img[src="blue-3x3.png"] { left: 39.9px; }
img[src="blue-5x5.png"] { left: 69.9px; }
img[src="blue-25x25.png"] { left: 99.9px; }
img.s1 { top: 10px; height: 1px; width: 1.9px; }
img.s3 { top: 30px; height: 3px; width: 3.9px; }
img.s5 { top: 50px; height: 5px; width: 5.9px; }
img.s25 { top: 70px; height: 25px; width: 25.9px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-left-width-5.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 9.9px; }
img[src="blue-3x3.png"] { left: 39.9px; }
img[src="blue-5x5.png"] { left: 69.9px; }
img[src="blue-25x25.png"] { left: 99.9px; }
img.s1 { top: 10px; height: 1px; width: 2px; }
img.s3 { top: 30px; height: 3px; width: 4px; }
img.s5 { top: 50px; height: 5px; width: 6px; }
img.s25 { top: 70px; height: 25px; width: 26px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-left-width-6.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 9.9px; }
img[src="blue-3x3.png"] { left: 39.9px; }
img[src="blue-5x5.png"] { left: 69.9px; }
img[src="blue-25x25.png"] { left: 99.9px; }
img.s1 { top: 10px; height: 1px; width: 2.1px; }
img.s3 { top: 30px; height: 3px; width: 4.1px; }
img.s5 { top: 50px; height: 5px; width: 6.1px; }
img.s25 { top: 70px; height: 25px; width: 26.1px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-top-10-ref.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { position: absolute; background: blue; }
div.i1 { left: 10px; }
div.i3 { left: 40px; }
div.i5 { left: 70px; }
div.i25 { left: 100px; }
div.s1 { top: 11px; height: 1px; width: 1px; }
div.s3 { top: 31px; height: 3px; width: 3px; }
div.s5 { top: 51px; height: 5px; width: 5px; }
div.s25 { top: 71px; height: 25px; width: 25px; }
</style>
</head>
<body>
<div class="s1 i1"></div>
<div class="s1 i3"></div>
<div class="s1 i5"></div>
<div class="s1 i25"></div>
<div class="s3 i1"></div>
<div class="s3 i3"></div>
<div class="s3 i5"></div>
<div class="s3 i25"></div>
<div class="s5 i1"></div>
<div class="s5 i3"></div>
<div class="s5 i5"></div>
<div class="s5 i25"></div>
<div class="s25 i1"></div>
<div class="s25 i3"></div>
<div class="s25 i5"></div>
<div class="s25 i25"></div>
</body>
</html>

45
layout/reftests/pixel-rounding/image-top-4.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10.4px; height: 1px; width: 1px; }
img.s3 { top: 30.4px; height: 3px; width: 3px; }
img.s5 { top: 50.4px; height: 5px; width: 5px; }
img.s25 { top: 70.4px; height: 25px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-top-5.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10.5px; height: 1px; width: 1px; }
img.s3 { top: 30.5px; height: 3px; width: 3px; }
img.s5 { top: 50.5px; height: 5px; width: 5px; }
img.s25 { top: 70.5px; height: 25px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-top-6.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10.6px; height: 1px; width: 1px; }
img.s3 { top: 30.6px; height: 3px; width: 3px; }
img.s5 { top: 50.6px; height: 5px; width: 5px; }
img.s25 { top: 70.6px; height: 25px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-top-height-4.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 9.5px; height: 1.9px; width: 1px; }
img.s3 { top: 29.5px; height: 3.9px; width: 3px; }
img.s5 { top: 49.5px; height: 5.9px; width: 5px; }
img.s25 { top: 69.5px; height: 25.9px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-top-height-5.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 9.5px; height: 2px; width: 1px; }
img.s3 { top: 29.5px; height: 4px; width: 3px; }
img.s5 { top: 49.5px; height: 6px; width: 5px; }
img.s25 { top: 69.5px; height: 26px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-top-height-6.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 9.5px; height: 2.1px; width: 1px; }
img.s3 { top: 29.5px; height: 4.1px; width: 3px; }
img.s5 { top: 49.5px; height: 6.1px; width: 5px; }
img.s25 { top: 69.5px; height: 26.1px; width: 25px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-width-10-ref.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
div { position: absolute; background: blue; }
div.i1 { left: 10px; }
div.i3 { left: 40px; }
div.i5 { left: 70px; }
div.i25 { left: 100px; }
div.s1 { top: 10px; height: 1px; width: 2px; }
div.s3 { top: 30px; height: 3px; width: 4px; }
div.s5 { top: 50px; height: 5px; width: 6px; }
div.s25 { top: 70px; height: 25px; width: 26px; }
</style>
</head>
<body>
<div class="s1 i1"></div>
<div class="s1 i3"></div>
<div class="s1 i5"></div>
<div class="s1 i25"></div>
<div class="s3 i1"></div>
<div class="s3 i3"></div>
<div class="s3 i5"></div>
<div class="s3 i25"></div>
<div class="s5 i1"></div>
<div class="s5 i3"></div>
<div class="s5 i5"></div>
<div class="s5 i25"></div>
<div class="s25 i1"></div>
<div class="s25 i3"></div>
<div class="s25 i5"></div>
<div class="s25 i25"></div>
</body>
</html>

45
layout/reftests/pixel-rounding/image-width-4.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10px; height: 1px; width: 1.4px; }
img.s3 { top: 30px; height: 3px; width: 3.4px; }
img.s5 { top: 50px; height: 5px; width: 5.4px; }
img.s25 { top: 70px; height: 25px; width: 25.4px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-width-5.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10px; height: 1px; width: 1.5px; }
img.s3 { top: 30px; height: 3px; width: 3.5px; }
img.s5 { top: 50px; height: 5px; width: 5.5px; }
img.s25 { top: 70px; height: 25px; width: 25.5px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-width-6.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10px; height: 1px; width: 1.6px; }
img.s3 { top: 30px; height: 3px; width: 3.6px; }
img.s5 { top: 50px; height: 5px; width: 5.6px; }
img.s25 { top: 70px; height: 25px; width: 25.6px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-width-left-4.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 9.9px; }
img[src="blue-3x3.png"] { left: 39.9px; }
img[src="blue-5x5.png"] { left: 69.9px; }
img[src="blue-25x25.png"] { left: 99.9px; }
img.s1 { top: 10px; height: 1px; width: 1.5px; }
img.s3 { top: 30px; height: 3px; width: 3.5px; }
img.s5 { top: 50px; height: 5px; width: 5.5px; }
img.s25 { top: 70px; height: 25px; width: 25.5px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-width-left-5.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10px; }
img[src="blue-3x3.png"] { left: 40px; }
img[src="blue-5x5.png"] { left: 70px; }
img[src="blue-25x25.png"] { left: 100px; }
img.s1 { top: 10px; height: 1px; width: 1.5px; }
img.s3 { top: 30px; height: 3px; width: 3.5px; }
img.s5 { top: 50px; height: 5px; width: 5.5px; }
img.s25 { top: 70px; height: 25px; width: 25.5px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

45
layout/reftests/pixel-rounding/image-width-left-6.html Normal file
Просмотреть файл

@ -0,0 +1,45 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">
html, body { margin: 0; border: none; padding: 0; }
img { position: absolute; }
img[src="blue-1x1.png"] { left: 10.1px; }
img[src="blue-3x3.png"] { left: 40.1px; }
img[src="blue-5x5.png"] { left: 70.1px; }
img[src="blue-25x25.png"] { left: 100.1px; }
img.s1 { top: 10px; height: 1px; width: 1.5px; }
img.s3 { top: 30px; height: 3px; width: 3.5px; }
img.s5 { top: 50px; height: 5px; width: 5.5px; }
img.s25 { top: 70px; height: 25px; width: 25.5px; }
</style>
</head>
<body>
<img class="s1" src="blue-1x1.png">
<img class="s1" src="blue-3x3.png">
<img class="s1" src="blue-5x5.png">
<img class="s1" src="blue-25x25.png">
<img class="s3" src="blue-1x1.png">
<img class="s3" src="blue-3x3.png">
<img class="s3" src="blue-5x5.png">
<img class="s3" src="blue-25x25.png">
<img class="s5" src="blue-1x1.png">
<img class="s5" src="blue-3x3.png">
<img class="s5" src="blue-5x5.png">
<img class="s5" src="blue-25x25.png">
<img class="s25" src="blue-1x1.png">
<img class="s25" src="blue-3x3.png">
<img class="s25" src="blue-5x5.png">
<img class="s25" src="blue-25x25.png">
</body>
</html>

54
layout/reftests/pixel-rounding/reftest.list
Просмотреть файл

@ -1,5 +1,7 @@
random == check-image.html check-image-ref.html # bug 371232
== check-image-blue.html check-image-blue-ref.html
!= background-color-base.html background-color-height-10.html
== background-color-height-4.html background-color-base.html
== background-color-height-5.html background-color-height-10.html
@ -28,6 +30,8 @@ random == check-image.html check-image-ref.html # bug 371232
== background-color-width-left-4.html background-color-width-4.html
== background-color-width-left-5.html background-color-width-5.html
== background-color-width-left-6.html background-color-width-6.html
!= border-base-ref.html border-height-10-ref.html
fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-height-4.html border-base-ref.html # bug 361523
== border-height-5.html border-height-10-ref.html
@ -44,6 +48,8 @@ fails-if(MOZ_WIDGET_TOOLKIT!="cocoa") == border-left-6.html border-left-10-ref.h
fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-top-4.html border-base-ref.html # bug 361523
fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-top-5.html border-top-10-ref.html # bug 361523
fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == border-top-6.html border-top-10-ref.html # bug 361523
!= background-image-base.html background-image-height-10-ref.html
== background-image-height-4.html background-image-base.html
fails-if(MOZ_WIDGET_TOOLKIT!="cocoa") == background-image-height-5.html background-image-height-10-ref.html # bug 371225
@ -75,3 +81,51 @@ random == background-image-height-top-6.html background-image-height-6.html
random == background-image-width-left-4.html background-image-width-4.html
random == background-image-width-left-5.html background-image-width-5.html
random == background-image-width-left-6.html background-image-width-6.html
# These all fail due to any of bug 371182, bug 155955, and maybe also
# bug 371180, plus a bunch of other bugs that ought to be filed.
fails == collapsed-border-height-4.html border-base-ref.html
fails == collapsed-border-height-5.html border-height-10-ref.html
fails == collapsed-border-height-6.html border-height-10-ref.html
fails == collapsed-border-width-4.html border-base-ref.html
fails == collapsed-border-width-5.html border-width-10-ref.html
fails == collapsed-border-width-6.html border-width-10-ref.html
fails == collapsed-border-left-4.html border-base-ref.html
fails == collapsed-border-left-5.html border-left-10-ref.html
fails == collapsed-border-left-6.html border-left-10-ref.html
fails == collapsed-border-top-4.html border-base-ref.html
fails == collapsed-border-top-5.html border-top-10-ref.html
fails == collapsed-border-top-6.html border-top-10-ref.html
# These failures are all a bug related to the image scaling code that
# needs to be filed.
# != image-base-ref.html image-height-10-ref.html
# == image-height-4.html image-base-ref.html
# fails == image-height-5.html image-height-10-ref.html
# == image-height-6.html image-height-10-ref.html
# != image-base-ref.html image-top-10-ref.html
# fails == image-top-4.html image-base-ref.html
# fails == image-top-5.html image-top-10-ref.html
# == image-top-6.html image-top-10-ref.html
# != image-base-ref.html image-width-10-ref.html
# == image-width-4.html image-base-ref.html
# fails == image-width-5.html image-width-10-ref.html
# == image-width-6.html image-width-10-ref.html
# != image-base-ref.html image-left-10-ref.html
# fails == image-left-4.html image-base-ref.html
# fails == image-left-5.html image-left-10-ref.html
# == image-left-6.html image-left-10-ref.html
# fails == image-top-height-4.html image-height-4.html
# fails == image-top-height-5.html image-height-5.html
# fails == image-top-height-6.html image-height-6.html
# fails == image-left-width-4.html image-width-4.html
# fails == image-left-width-5.html image-width-5.html
# fails == image-left-width-6.html image-width-6.html
# fails == image-height-top-4.html image-height-4.html
# fails == image-height-top-5.html image-height-5.html
# fails == image-height-top-6.html image-height-6.html
# fails == image-width-left-4.html image-width-4.html
# fails == image-width-left-5.html image-width-5.html
# fails == image-width-left-6.html image-width-6.html