Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-24 13:21:05 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 497995: Part 4 - Tests for border-image using computed border width. r=dbaron

Browse Source 
--HG--
extra : rebase_source : 9ce07705ee02b6a92fc31d2a00f87779ac3c0756
This commit is contained in:
William Chen 2011-12-22 18:35:10 -05:00
parent 6040dbfcfa
commit 9e6b82159e
7 changed files with 173 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
layout/reftests/border-image/border-image-style-none-auto-ref.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-width: auto with border-bottom: none reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
td { padding: 0; }
</style>
</head>
<body>
<table>
<col style="width: 1px">
<col style="width: 112px"> <!-- 100px + 7px + 7px - 1px - 1px -->
<col style="width: 1px">
<tr style="height: 1px">
<td style="background: #87f0b4"></td>
<td style="background: #4a298e"></td>
<td style="background: #c98bb7"></td>
</tr>
<tr style="height: 10px"> <!-- 5px + 7px - 1px - 1px -->
<td style="background: #90a213"></td>
<td></td>
<td style="background: #90c157"></td>
</tr>
<tr style="height: 1px">
<td style="background: #9d57c1"></td>
<td style="background: #3a8e20"></td>
<td style="background: #0e6f6c"></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>

21
layout/reftests/border-image/border-image-style-none-auto.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image-width: auto with border-bottom: none</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border-width: 7px;
border-style: solid;
border-bottom: none;
-moz-border-image: url('3x3multicolor.png') 1 1 1 1 / auto;
}
</style>
</head>
<body>
<div style="width: 100px; height: 5px"></div>
</body>
</html>

37
layout/reftests/border-image/border-image-style-none-length-ref.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image-width: length with border-bottom: none reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
td { padding: 0; }
</style>
</head>
<body>
<table>
<col style="width: 7px">
<col style="width: 92px"> <!-- 100px + 3px + 3px - 7px - 7px -->
<col style="width: 7px">
<tr style="height: 7px">
<td style="background: #87f0b4"></td>
<td style="background: #4a298e"></td>
<td style="background: #c98bb7"></td>
</tr>
<tr style="height: 9px"> <!-- 20px + 3px - 7px - 7px -->
<td style="background: #90a213"></td>
<td></td>
<td style="background: #90c157"></td>
</tr>
<tr style="height: 7px">
<td style="background: #9d57c1"></td>
<td style="background: #3a8e20"></td>
<td style="background: #0e6f6c"></td>
</tr>
</table>
</body>
</html>

21
layout/reftests/border-image/border-image-style-none-length.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image-width: length with border-bottom: none</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border-width: 3px;
border-style: solid;
border-bottom: none;
-moz-border-image: url('3x3multicolor.png') 1 1 1 1 / 7px;
}
</style>
</head>
<body>
<div style="width: 100px; height: 20px"></div>
</body>
</html>

32
layout/reftests/border-image/border-image-style-none-ref.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>-moz-border-image with border-bottom: none reference</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
td { padding: 0; }
</style>
</head>
<body>
<table>
<col style="width: 7px">
<col style="width: 100px">
<col style="width: 7px">
<tr style="height: 7px">
<td style="background: #87f0b4"></td>
<td style="background: #4a298e"></td>
<td style="background: #c98bb7"></td>
</tr>
<tr style="height: 5px">
<td style="background: #90a213"></td>
<td></td>
<td style="background: #90c157"></td>
</tr>
</table>
</body>
</html>

21
layout/reftests/border-image/border-image-style-none.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>test of -moz-border-image with border-bottom: none</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
div {
border-width: 7px;
border-style: solid;
border-bottom: none;
-moz-border-image: url('3x3multicolor.png') 1 1 1 1 / 1;
}
</style>
</head>
<body>
<div style="width: 100px; height: 5px"></div>
</body>
</html>

3
layout/reftests/border-image/reftest.list
View File

@ -34,3 +34,6 @@
== border-image-nofill-1.html border-image-nofill-1-ref.html
== border-image-outset-resize-1.html border-image-outset-resize-1-ref.html
== border-image-outset-move-1.html border-image-outset-move-1-ref.html
== border-image-style-none.html border-image-style-none-ref.html
== border-image-style-none-length.html border-image-style-none-length-ref.html
== border-image-style-none-auto.html border-image-style-none-auto-ref.html