mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Update web-platform-tests to revision 58b72393db0bd273bb93268c33666cf893feb985
This commit is contained in:
Josh Matthews
parent
43a4f01647
commit
64e0a52537
12717 changed files with 59835 additions and 59820 deletions
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
#cb {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
#test {
|
||||
margin-right: 5px;
|
||||
margin-top: 25px;
|
||||
margin-left: 25px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background:green;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div id="cb">
|
||||
<div id="test"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 700px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 20 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
width: 100px;
|
||||
height: 150px;
|
||||
background: green;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 400px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
body {
|
||||
max-width: 700px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 6 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
margin-bottom: 10px;
|
||||
width: 100px;
|
||||
height: 70px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
display:inline-block;
|
||||
height: 100px;
|
||||
width: 70px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="mailto:florian@rivoal.net">
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 2 <strong>filled green squares</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
width: 130px;
|
||||
height: 150px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
height: 130px;
|
||||
margin-bottom: 10px;
|
||||
width: 300px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there are 2 <strong>filled green rectangles</strong> and they are the <strong>same size</strong>.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net">
|
||||
<title>CSS-UI test reference</title>
|
||||
<style>
|
||||
div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no pink</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!doctype html>
|
||||
<html lang=en>
|
||||
<meta charset=utf-8>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net">
|
||||
<title>CSS-UI test reference</title>
|
||||
|
||||
<p>Test passes if there is an outlined box below. The outline may be any shape or color so long as it is visible.</p>
|
||||
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>ttwf-reftest-outline-offset-ref</title>
|
||||
<link rel="author" title="jy-jeung" href="mailto:kein119@naver.com">
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display:inline-block;
|
||||
margin:10px;
|
||||
width:180px;
|
||||
height:80px;
|
||||
border:2px solid green;
|
||||
outline:2px solid red;
|
||||
outline-offset:10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>PASS if there a space between the border.</p>
|
||||
<div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com/">
|
||||
<style>
|
||||
#test {
|
||||
border: 4px dotted green;
|
||||
height: 100px;
|
||||
margin: 26px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a blank square with <strong>a green dotted</strong> border.</p>
|
||||
<div id="test"></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com/">
|
||||
<style>
|
||||
#parent {
|
||||
border: 4px dotted blue;
|
||||
height: 150px;
|
||||
margin: 26px;
|
||||
width: 150px;
|
||||
}
|
||||
#child {
|
||||
border: 4px dotted green;
|
||||
height: 110px;
|
||||
margin: 16px;
|
||||
width: 110px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p>
|
||||
<div id="parent">
|
||||
<div id="child"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com/">
|
||||
<style>
|
||||
#test {
|
||||
border: 2px dashed green;
|
||||
height: 150px;
|
||||
margin: 28px;
|
||||
width: 150px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a blank square whose border is <strong>green dashed</strong>.</p>
|
||||
<div id="test"></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com/">
|
||||
<style>
|
||||
#test {
|
||||
border: 4px double green;
|
||||
height: 150px;
|
||||
margin: 26px;
|
||||
width: 150px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a blank square whose border is <strong>two green solid lines</strong>.</p>
|
||||
<div id="test"></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com/">
|
||||
<style>
|
||||
div {
|
||||
font-size: 10px;
|
||||
}
|
||||
span {
|
||||
font-family: Ahem;
|
||||
font-size: 30px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>black rectangle</strong> below.</p>
|
||||
<div>
|
||||
<span>Test</span>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Reference File</title>
|
||||
<link rel="author" title="Intel" href="http://www.intel.com/">
|
||||
<style>
|
||||
div {
|
||||
font-size: 10px;
|
||||
}
|
||||
span {
|
||||
font-family: Ahem;
|
||||
font-size: 30px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p>
|
||||
<p>Test passes if there is an <strong>ellipsis</strong> after a black rectangle below.</p>
|
||||
<div>
|
||||
<span>Test</span>…
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS-UI test reference</title>
|
||||
<link rel="author" title="Michael Howell" href="mailto:michael@notriddle.com">
|
||||
<style>html{font-family:Ahem}</style>
|
||||
<div style="width:20em"><p style="text-overflow:ellipsis;overflow:hidden">XXXXXXXXXX</p></div>
|
||||
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
white-space: pre;
|
||||
font-family: monospace;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if “PASS…” appears below.</p>
|
||||
<div>PASS…</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference File</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
font-size: 100px;
|
||||
line-height: 1;
|
||||
font-family: ahem;
|
||||
overflow: hidden;
|
||||
width: 0.5em;
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
|
||||
<div>x</div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Test Reference File</title>
|
||||
<style>
|
||||
div {
|
||||
font-size: 50px;
|
||||
white-space: pre;
|
||||
color: green;
|
||||
}
|
||||
span {
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are three green dots below and <strong>no red</strong>.</p>
|
||||
|
||||
<div> …<span>กำ</span></div>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
.test {
|
||||
overflow: hidden;
|
||||
white-space: pre;
|
||||
font: 100px/1 ahem;
|
||||
width: 2em;
|
||||
}
|
||||
.green {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
margin-left: 100px;
|
||||
}
|
||||
span {
|
||||
vertical-align: sub;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are 3 filled green squares and <strong>no red</strong>.</p>
|
||||
<div class="green"></div>
|
||||
<div class=test><span><br><div class="green"></div><br><div class="green"></div></span></div>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>Test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
margin-left: 60px;
|
||||
background: green;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Test: test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
width: 16ch;
|
||||
white-space: pre;
|
||||
overflow: scroll;
|
||||
border: solid blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>This test passes if the text is in the blue box below is “PASS”.
|
||||
<div id=test> PASS</div>
|
||||
<script>
|
||||
var test = document.getElementById("test");
|
||||
test.scrollBy(500,0);
|
||||
</script>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Basic User Interface Test Reference File</title>
|
||||
<style>
|
||||
div {
|
||||
font-size: 50px;
|
||||
white-space: pre;
|
||||
color: green;
|
||||
}
|
||||
span {
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there are three green dots below and <strong>no red</strong>.</p>
|
||||
|
||||
<div> …<span>l⃞</span></div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue