mirror of
https://github.com/servo/servo
synced 2026-04-29 10:57:43 +02:00
Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0
This commit is contained in:
Ms2ger
@@ -26,7 +26,7 @@
|
||||
|
||||
<p>Test passes if there is a filled blue square <strong>below this text</strong>.</p>
|
||||
|
||||
<div><img src="../support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled"></div>
|
||||
<div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Filler text below is green reference</title>
|
||||
<link rel="author" title="Geoffrey Sneddon" href="mailto:me@gsnedders.com">
|
||||
<style>
|
||||
.green { color: green; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is green.</p>
|
||||
<p class="green">Filler Text</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,8 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 210px; /* 60 px (padding-left) + 120px (blue box width) + 30px (the position difference of box) */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 60px; /* 60 px (padding-left) */
|
||||
}
|
||||
|
||||
img + br + img + img
|
||||
{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
img + br + img + img + br + img
|
||||
{
|
||||
padding-left: 225px; /* 60 px (padding-left) + 120px (blue box width) + 45px (the position difference of box)
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if 2 orange squares are centered with respect to a blue square.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-yellow.png" width="120" height="120" alt="Image download support must be enabled"><!--
|
||||
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 90px; /* 60 px (padding-left) + 30px (the position difference of box) */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 60px; /* 60 px (padding-left) */
|
||||
}
|
||||
|
||||
img + br + img + img
|
||||
{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
img + br + img + img + br + img
|
||||
{
|
||||
padding-left: 105px; /* 60 px (padding-left) + 45px (the position difference of box)
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if 2 orange squares are centered with respect to a blue square.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled"><!--
|
||||
--><img src="support/swatch-yellow.png" width="120" height="120" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
.test { page-break-before:always; height:1.5in; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>1</p>
|
||||
<p class="test">2</p>
|
||||
<p class="test">3</p>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
.test { page-break-before:always; height:2.5in; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>1</p>
|
||||
<p class="test">2</p>
|
||||
<p class="test">4</p>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
Text
|
||||
<div>
|
||||
<p style="page-break-before:always">1</p>
|
||||
<div style="page-break-before:always"><p>2</p><p>3</p></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
.test { page-break-after:always; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test"><p>1</p></div>
|
||||
<p>2</p><p>3</p>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
.test { float:left; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test"><p>1</p></div>
|
||||
<div class="test"><p>2</p><p>3</p></div>
|
||||
<div style="page-break-before:always;clear:both" class="test"><p>4</p></div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0;
|
||||
}
|
||||
p { height: 0.5in; width: 1in; margin:0; background-color:blue; float:left; }
|
||||
.test { float:left; clear:left; width:3.3in; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<br style="clear:both">
|
||||
<div class="test">
|
||||
<p>1</p><p>2</p><p>3</p>
|
||||
<p>4</p><p>5</p><p>6</p>
|
||||
</div>
|
||||
<div style="page-break-before:always" class="test">
|
||||
<p>1</p><p>2</p><p>3</p>
|
||||
<p>4</p><p>5</p><p>6</p>
|
||||
</div>
|
||||
<div class="test">
|
||||
<p>1</p><p>2</p><p>3</p>
|
||||
<p>4</p><p>5</p><p>6</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
|
||||
}
|
||||
p { height:60%; width:90%; margin:0; background-color:blue; border:1px solid black; }
|
||||
.test { page-break-before:always; float:left; }
|
||||
</style>
|
||||
</head>
|
||||
<body><p>1</p><p class="test">2</p>
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags"><style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
|
||||
}
|
||||
|
||||
.test {
|
||||
height:60%;
|
||||
float:left;
|
||||
clear:left;
|
||||
background-color:blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<br style="clear:both">
|
||||
<div class="test">1</div>X
|
||||
<div style="page-break-before:always" class="test">2</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags"><style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
|
||||
}
|
||||
|
||||
.test {
|
||||
height:60%;
|
||||
float:left;
|
||||
clear:left;
|
||||
background-color:blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<br style="clear:both">
|
||||
<div class="test">1</div>
|
||||
<div style="clear:both;">X<br>Y</div>
|
||||
<div style="page-break-before:always" class="test">2</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags"><style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0; height:100%;
|
||||
}
|
||||
|
||||
.test {
|
||||
height:60%;
|
||||
float:left;
|
||||
clear:left;
|
||||
background-color:blue;
|
||||
}
|
||||
.ib {
|
||||
display:inline-block;
|
||||
height:100%;
|
||||
width:1px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<br style="clear:both">
|
||||
<div style="page-break-after:always" class="test">1</div>
|
||||
<div style="height:60%;clear:both;">A<div style="height:100%;" class="test">2</div><span>X<span class="ib"></span><br>Y</span></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="test"><p>1</p></div>
|
||||
<div style="display:inline" class="test"><p>2</p><p>3</p></div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table border="1">
|
||||
<tfoot><tr><td><p>3</p></td></tr></tfoot>
|
||||
<thead><tr><td><p>1</p></td></tr></thead>
|
||||
<tbody style="page-break-before:always"><tr><td><p>2</p><p>2</p></td></tr></tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
thead { page-break-after:always; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table border="1">
|
||||
<thead><tr><td><p>1</p></td></tr></thead>
|
||||
<tbody><tr><td><p>2</p><p>3</p></td></tr></tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
.bb { page-break-before:always; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
1
|
||||
<table border="1" class="bb">
|
||||
<tbody>
|
||||
<tr><td><p>2</p></td></tr>
|
||||
<tr><td><p>2</p><p>3</p></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
|
||||
.bb { page-break-before:always; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
1
|
||||
<table border="1">
|
||||
<tbody>
|
||||
<tr><td><p>1</p></td></tr>
|
||||
<tr class="bb"><td><p>2</p><p>2</p></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table border="1">
|
||||
<tbody>
|
||||
<tr><td><p>1</p></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="page-break-after: always"></div>
|
||||
<table border="1">
|
||||
<tbody></tbody>
|
||||
<tbody>
|
||||
<tr><td><p>2</p><p>3</p></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
|
||||
table { display:inline-table; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table border="1">
|
||||
<tbody>
|
||||
<tr><td><p>1</p></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div style="page-break-after: always"></div>
|
||||
<table border="1">
|
||||
<tbody></tbody>
|
||||
<tbody>
|
||||
<tr><td><p>2</p><p>3</p><p>4</p></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
table { display:inline-table; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p style="page-break-after:always">1</p>
|
||||
text<table class="test"><tbody><tr><td><p>2</p><p>3</p><p>4</p></td></tr></tbody></table>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
|
||||
tr,table { page-break-before:always; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>1</p>
|
||||
<table border="1" class="test">
|
||||
<tbody><tr><td>I have page-break-after: always</td></tr>
|
||||
<tr><td>I have page-break-after: always</td></tr>
|
||||
<tr><td>I have page-break-after: always</td></tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table cellpadding="0" cellspacing="0"><caption><p>1</p></caption><tbody><tr><td><p>1</p><p>2</p></td></tr></tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
div { page-break-after: always; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>Text</div>
|
||||
<table cellpadding="0" cellspacing="0"><caption><p>1</p></caption><tbody><tr><td><p>1</p><p>2</p></td></tr></tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" class="reftest-print"><head>
|
||||
<title>CSS Test: CSS 2.1 page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
p { height: 1in; width: 1in; margin:0; background-color:blue; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p style="page-break-after:always">1</p>
|
||||
<table><tbody><tr><td><p>2</p><p>3</p></td></tr></tbody></table>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test: Balancing Overflow, page-break-inside:avoid</title>
|
||||
<link href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012" rel="author" title="Mats Palmgren">
|
||||
<meta content="paged" name="flags">
|
||||
<meta charset="utf-8">
|
||||
<style type="text/css">
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0;
|
||||
}
|
||||
|
||||
.colset {
|
||||
column-count: 3;
|
||||
column-gap: 0;
|
||||
border: solid silver;
|
||||
width: 9em;
|
||||
}
|
||||
p { margin: 0; }
|
||||
.short { height: 5px; }
|
||||
.short p { }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="colset">
|
||||
<p>one<br> </p>
|
||||
<p>two three</p>
|
||||
<p>four five</p>
|
||||
</div>
|
||||
|
||||
<div class="colset">
|
||||
<p>one two three four five</p>
|
||||
</div>
|
||||
|
||||
<div class="colset">
|
||||
one two three four five
|
||||
</div>
|
||||
|
||||
<div class="colset">
|
||||
<div class="short"><p>one two three four five</p></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>No red visible, filler text, reference</title>
|
||||
<link rel="author" title="Geoffrey Sneddon" href="mailto:me@gsnedders.com">
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<p>Filler Text</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>No red visible, blank page, reference</title>
|
||||
<link rel="author" title="Geoffrey Sneddon" href="mailto:me@gsnedders.com">
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -2,9 +2,6 @@
|
||||
<html lang="en-US"><head>
|
||||
<title>CSS Reference: CSS 2.1 replaced element sizing</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
|
||||
<meta content="should" name="flags"> <!-- undefinedness in 10.3.2 -->
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@@ -2,9 +2,6 @@
|
||||
<html lang="en-US"><head>
|
||||
<title>CSS Reference: CSS 2.1 replaced element sizing</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
|
||||
<meta content="should" name="flags"> <!-- undefinedness in 10.3.2 -->
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@@ -2,9 +2,6 @@
|
||||
<html lang="en-US"><head>
|
||||
<title>CSS Reference: CSS 2.1 replaced element sizing</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
|
||||
<meta content="should" name="flags"> <!-- undefinedness in 10.3.2 -->
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@@ -2,9 +2,6 @@
|
||||
<html lang="en-US"><head>
|
||||
<title>CSS Reference: CSS 2.1 replaced element sizing</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
|
||||
<meta content="should" name="flags"> <!-- undefinedness in 10.3.2 -->
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@@ -2,9 +2,6 @@
|
||||
<html lang="en-US"><head>
|
||||
<title>CSS Reference: CSS 2.1 replaced element sizing</title>
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" rel="help">
|
||||
<link href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" rel="help">
|
||||
<meta content="should" name="flags"> <!-- undefinedness in 10.3.2 -->
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
@@ -2,6 +2,42 @@
|
||||
AddCharset Shift_JIS .css
|
||||
</Files>
|
||||
|
||||
<Files ~ "^plaintext.css$">
|
||||
ForceType text/plain
|
||||
</Files>
|
||||
|
||||
<files character-encoding-031.css>
|
||||
AddCharset iso-8859-1 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-032.css>
|
||||
AddCharset iso-8859-11 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-033.css>
|
||||
AddCharset iso-8859-5 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-034.css>
|
||||
AddCharset iso-8859-6 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-035.css>
|
||||
AddCharset iso-8859-7 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-036.css>
|
||||
AddCharset iso-8859-8 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-037.css>
|
||||
AddCharset koi8-r .css
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.css$'>
|
||||
RemoveCharset .css
|
||||
</files>
|
||||
|
||||
<Files "http1.css">
|
||||
AddCharset iso-8859-1 .css
|
||||
</Files>
|
||||
@@ -45,42 +81,6 @@ AddCharset iso-8859-1 .css
|
||||
AddCharset iso-8859-1 .css
|
||||
</Files>
|
||||
|
||||
<Files ~ "^plaintext.css$">
|
||||
ForceType text/plain
|
||||
</Files>
|
||||
|
||||
<files character-encoding-031.css>
|
||||
AddCharset iso-8859-1 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-032.css>
|
||||
AddCharset iso-8859-11 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-033.css>
|
||||
AddCharset iso-8859-5 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-034.css>
|
||||
AddCharset iso-8859-6 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-035.css>
|
||||
AddCharset iso-8859-7 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-036.css>
|
||||
AddCharset iso-8859-8 .css
|
||||
</files>
|
||||
|
||||
<files character-encoding-037.css>
|
||||
AddCharset koi8-r .css
|
||||
</files>
|
||||
|
||||
<files ~ '^at-charset-07[1234567]\.css$'>
|
||||
RemoveCharset .css
|
||||
</files>
|
||||
|
||||
<Files ~ "^at-charset-00[1-6].css$">
|
||||
AddCharset Shift_JIS .css
|
||||
</Files>
|
||||
|
||||
@@ -49,13 +49,15 @@ var suite = root.generalParallelTest = {
|
||||
// bind TransitionEnd event listeners
|
||||
_setupEvents: function(data, options) {
|
||||
['transition', 'container'].forEach(function(elem) {
|
||||
data[elem]._events = addTransitionEvent(data[elem].node, function(event) {
|
||||
var handler = function(event) {
|
||||
event.stopPropagation();
|
||||
var name = event.propertyName;
|
||||
var time = Math.round(event.elapsedTime * 1000) / 1000;
|
||||
var pseudo = event.pseudoElement ? (':' + event.pseudoElement) : '';
|
||||
data[elem].events.push(name + pseudo + ":" + time + "s");
|
||||
});
|
||||
};
|
||||
data[elem].node.addEventListener('transitionend', handler, false);
|
||||
data[elem]._events = {'transitionend': handler};
|
||||
});
|
||||
},
|
||||
// cleanup after individual test
|
||||
@@ -152,7 +154,7 @@ var suite = root.generalParallelTest = {
|
||||
},
|
||||
// requestAnimationFrame runLoop to collect computed values
|
||||
startValueCollection: function(options) {
|
||||
var raf = getRequestAnimationFrame() || function(callback){
|
||||
var raf = window.requestAnimationFrame || function(callback){
|
||||
setTimeout(callback, 20);
|
||||
};
|
||||
|
||||
@@ -226,4 +228,4 @@ var suite = root.generalParallelTest = {
|
||||
}
|
||||
};
|
||||
|
||||
})(window);
|
||||
})(window);
|
||||
|
||||
@@ -62,22 +62,6 @@ root.reflow = function() {
|
||||
document.body.offsetWidth;
|
||||
};
|
||||
|
||||
// add all known TransitionEnd events to element
|
||||
root.addTransitionEvent = function(element, handler) {
|
||||
return addEvent(element, 'TransitionEnd webkitTransitionEnd transitionend oTransitionEnd otransitionend MSTransitionEnd', handler);
|
||||
};
|
||||
|
||||
// add space-separated list of events to element
|
||||
root.addEvent = function(element, events, handler) {
|
||||
var _events = {};
|
||||
var tokens = events.split(" ");
|
||||
for (var i = 0, token; token = tokens[i]; i++) {
|
||||
element.addEventListener(token, handler, false);
|
||||
_events[token] = handler;
|
||||
}
|
||||
return _events;
|
||||
};
|
||||
|
||||
// merge objects
|
||||
root.extend = function(target /*, ..rest */) {
|
||||
Array.prototype.slice.call(arguments, 1).forEach(function(obj) {
|
||||
@@ -109,14 +93,4 @@ root.domFixture = function(selector) {
|
||||
throw new Error('domFixture must be initialized first!');
|
||||
}
|
||||
};
|
||||
|
||||
// return requestAnimationFrame handler, if available
|
||||
root.getRequestAnimationFrame = function() {
|
||||
return window.requestAnimationFrame
|
||||
|| window.mozRequestAnimationFrame
|
||||
|| window.webkitRequestAnimationFrame
|
||||
|| window.msRequestAnimationFrame
|
||||
|| window.oRequestAnimationFrame;
|
||||
};
|
||||
|
||||
})(window);
|
||||
})(window);
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 309 B After Width: | Height: | Size: 312 B |
@@ -210,7 +210,7 @@ var properties = {
|
||||
'line-height': ['number', 'length', 'percentage'],
|
||||
'letter-spacing': ['length'],
|
||||
// Note: percentage is Level3 and not implemented anywhere yet
|
||||
// http://dev.w3.org/csswg/css3-text/#word-spacing
|
||||
// https://drafts.csswg.org/css3-text/#word-spacing
|
||||
'word-spacing': ['length', 'percentage'],
|
||||
'text-indent': ['length', 'percentage'],
|
||||
'text-shadow': ['shadow'],
|
||||
@@ -278,7 +278,7 @@ var unspecified_properties = {
|
||||
'border-bottom-right-radius': ['border-radius'],
|
||||
'background-image': ['image'],
|
||||
'background-size': ['background-size'],
|
||||
// http://dev.w3.org/csswg/css3-background/#the-box-shadow
|
||||
// https://drafts.csswg.org/css3-background/#the-box-shadow
|
||||
// Animatable: yes, except between inner and outer shadows (Transition to/from an absent shadow is a transition to/from ‘0 0 transparent’ or ‘0 0 transparent inset’, as appropriate.)
|
||||
'box-shadow': ['box-shadow'],
|
||||
'font-size-adjust': ['number'],
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 172 B After Width: | Height: | Size: 133 B |
@@ -1,4 +1,6 @@
|
||||
(function () {
|
||||
var log = function () {};
|
||||
|
||||
function OrientationTester(container, orientation) {
|
||||
this.container = container;
|
||||
this.setOrientation(orientation);
|
||||
@@ -212,8 +214,4 @@
|
||||
for (var key in dict)
|
||||
target[key] = dict[key];
|
||||
}
|
||||
|
||||
function log(text) {
|
||||
console.log(text);
|
||||
}
|
||||
})();
|
||||
|
||||
@@ -1,4 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html><head></head><body>
|
||||
<span style="font-size:32px">i̇i</span>
|
||||
</body></html>
|
||||
@@ -1,32 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img#orange
|
||||
{
|
||||
padding-top: 60px; /* = the height of first character */
|
||||
padding-left: 60px; /* = the position of orange square */
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the right edge of orange square attaches the left edge of blue square.</p>
|
||||
|
||||
<div>
|
||||
<img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled"><!--
|
||||
--><img src="support/swatch-blue.png" width="30" height="90" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,36 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 15px; /* = the position of first orange square */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 45px; /* = the position of second orange square*/
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,36 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 15px; /* = the position of first orange square */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 15px; /* = the position of second orange square*/
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,31 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img#orange
|
||||
{
|
||||
padding-top: 60px; /* = the height of first character */
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the left edge of orange square attaches the right edge of blue square.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-blue.png" width="30" height="90" alt="Image download support must be enabled"><!--
|
||||
--><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user