Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-25 07:08:21 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 2660fc486f7027c913863d48a8843942f0c0365e

Browse source
This commit is contained in:
WPT Sync Bot 2019-09-12 10:30:30 +00:00
parent 96de31b463
commit c413a1139e
455 changed files with 8535 additions and 2067 deletions
Download patch file Download diff file Expand all files Collapse all files

34
tests/wpt/web-platform-tests/css/CSS2/linebox/vertical-align-negative-leading-001-ref.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
.container {
margin: 30px 0;
color: orange;
background-color: blue;
line-height: 10px;
font-size: 30px;
font-family: Ahem;
}
.lh20 { line-height: 20px; }
.lh30 { line-height: 30px; }
.up5 { position: relative; top: -5px; }
.up10 { position: relative; top: -10px; }
.down5 { position: relative; top: 5px; }
.down10 { position: relative; top: 10px; }
</style>
<body>
<div class="container">
<span>XX</span>
<span>XX</span>
<span>XX</span>
</div>
<div class="container lh30">
<span class="up10">XX</span>
<span>XX</span>
<span class="down10">XX</span>
</div>
<div class="container"><span>XX</span></div>
<div class="container"><span>XX</span></div>
<div class="container lh20"><span class="up5">XX</span></div>
<div class="container lh20"><span class="down5">XX</span></div>
</body>

37
tests/wpt/web-platform-tests/css/CSS2/linebox/vertical-align-negative-leading-001.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Test vertical-align: top and bottom do not affect the line height</title>
<link rel="match" href="vertical-align-negative-leading-001-ref.html">
<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align">
<link rel="author" href="mailto:kojii@chromium.org">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
.container {
margin: 30px 0;
color: orange;
background-color: blue;
line-height: 10px;
font-size: 30px;
font-family: Ahem;
}
span { background: purple; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.text-top { vertical-align: text-top; }
.text-bottom { vertical-align: text-bottom; }
</style>
<body>
<div class="container">
<span class="top">XX</span>
<span>XX</span>
<span class="bottom">XX</span>
</div>
<div class="container">
<span class="text-top">XX</span>
<span>XX</span>
<span class="text-bottom">XX</span>
</div>
<div class="container"><span class="top">XX</span></div>
<div class="container"><span class="bottom">XX</span></div>
<div class="container"><span class="text-top">XX</span></div>
<div class="container"><span class="text-bottom">XX</span></div>
</body>

87
tests/wpt/web-platform-tests/css/CSS2/linebox/vertical-align-top-bottom-001.html Normal file
View file

@ -0,0 +1,87 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align" />
<link rel="author" href="mailto:kojii@chromium.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
section.test {
display: inline-block;
font-size: 20px;
line-height: 1.5;
font-family: Arial;
font-family: Ahem;
}
section.test > div {
background: blue;
margin-bottom: 1em;
}
.filler {
display: inline-block;
background: cyan;
height: 3em;
width: 1em;
}
.target {
display: inline-block;
background: orange;
width: 1em;
height: 1em;
}
div.top, section.top .target { vertical-align: top; }
div.text-top, section.text-top .target { vertical-align: text-top; }
div.text-bottom, section.text-bottom .target { vertical-align: text-bottom; }
div.bottom, section.bottom .target { vertical-align: bottom; }
.test .fail {
outline: red solid 5px;
}
</style>
<body>
<section class="test top">
<div><div class="filler"></div><div class="target" data-y="0"></div></div>
<div><div class="filler top"></div><div class="target" data-y="0"></div></div>
<div><div class="filler text-top"></div><div class="target" data-y="0"></div></div>
<div><div class="filler bottom"></div><div class="target" data-y="0"></div></div>
<div><div class="filler text-bottom"></div><div class="target" data-y="0"></div></div>
</section>
<section class="test text-top">
<div><div class="filler"></div><div class="target" data-y="44"></div></div>
<div><div class="filler top"></div><div class="target" data-y="5"></div></div>
<div><div class="filler text-top"></div><div class="target" data-y="5"></div></div>
<div><div class="filler bottom"></div><div class="target" data-y="35"></div></div>
<div><div class="filler text-bottom"></div><div class="target" data-y="40"></div></div>
</section>
<section class="test text-bottom">
<div><div class="filler"></div><div class="target" data-y="44"></div></div>
<div><div class="filler top"></div><div class="target" data-y="5"></div></div>
<div><div class="filler text-top"></div><div class="target" data-y="5"></div></div>
<div><div class="filler bottom"></div><div class="target" data-y="35"></div></div>
<div><div class="filler text-bottom"></div><div class="target" data-y="40"></div></div>
</section>
<section class="test bottom">
<div><div class="filler"></div><div class="target" data-y="49"></div></div>
<div><div class="filler top"></div><div class="target" data-y="40"></div></div>
<div><div class="filler text-top"></div><div class="target" data-y="45"></div></div>
<div><div class="filler bottom"></div><div class="target" data-y="40"></div></div>
<div><div class="filler text-bottom"></div><div class="target" data-y="45"></div></div>
</section>
<script>
setup({explicit_done: true});
document.fonts.ready.then(()=> {
for (let target of document.getElementsByClassName('target')) {
let container = target.parentElement;
let filler = container.firstElementChild;
let section = container.parentElement;
let pass = false;
test(() => {
let y = target.offsetTop - container.offsetTop;
assert_approx_equals(y, target.dataset.y, 0);
pass = true;
}, `${section.className.substr(5)}+${filler.className.substr(7)}`);
if (!pass)
container.classList.add('fail');
}
done();
});
</script>
</body>