зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1666054 [wpt PR 25638] - Upload tests for font metrics override descriptors to WPT, a=testonly
Automatic update from web-platform-tests Upload tests for font metrics override descriptors to WPT Following the standardization of @font-face descriptors ascent-override, descent-override and line-gap-override, this patch uploads the existing test cases to WPT as test coverage. This resolves the "Need Testcase (WPT)" label in https://github.com/w3c/csswg-drafts/issues/4792 Bug: 1098355 Change-Id: Iffadff1fb159e52ca5a0675259381401fbe90c99 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2419585 Reviewed-by: Chris Harrelson <chrishtr@chromium.org> Commit-Queue: Xiaocheng Hu <xiaochengh@chromium.org> Cr-Commit-Position: refs/heads/master@{#808665} -- wpt-commits: fba18cc5e2fb20eb8059b3d26009f4921e61a84b wpt-pr: 25638
This commit is contained in:
Xiaocheng Hu
moz-wptsync-bot
Родитель
ebc7ae8631
Коммит
dbe34f02a9
|
|
@ -0,0 +1,47 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Tests the ascent-override and descent-override descriptors of @font-face</title>
|
||||||
|
<style>
|
||||||
|
.target {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 20px;
|
||||||
|
top: 10px;
|
||||||
|
left: 10px;
|
||||||
|
width: 60px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-aligned {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: green;
|
||||||
|
width: 1em;
|
||||||
|
height: 1em; /* Same as the overridden ascent */
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.character {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: green;
|
||||||
|
width: 1em; /* Same as an 'X' in Ahem */
|
||||||
|
height: 1em; /* Same as an 'X' in Ahem */
|
||||||
|
position: absolute;
|
||||||
|
top: 0.2em; /* Difference between the overridden ascent and the origianl ascent */
|
||||||
|
left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-aligned {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: green;
|
||||||
|
width: 1em;
|
||||||
|
height: 0.5em; /* Same as the overridden descent */
|
||||||
|
position: absolute;
|
||||||
|
top: 1em; /* Same as the overridden ascent */
|
||||||
|
left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<div class="target">
|
||||||
|
<span class="top-aligned"></span><span class="character"></span><span class="bottom-aligned"></span>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,43 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-metrics-override-desc">
|
||||||
|
<link rel="match" href="ascent-descent-override-ref.html">
|
||||||
|
<title>Tests the ascent-override and descent-override descriptors of @font-face</title>
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: custom-font;
|
||||||
|
src: local(Ahem), url(/fonts/Ahem.ttf);
|
||||||
|
/* The default ascent and descent are 80% and 20%, respectively. */
|
||||||
|
ascent-override: 100%;
|
||||||
|
descent-override: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.target {
|
||||||
|
font: 20px custom-font;
|
||||||
|
color: green;
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-aligned {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: green;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 1em;
|
||||||
|
height: 1em; /* Same as the overridden ascent */
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom-aligned {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: green;
|
||||||
|
vertical-align: bottom;
|
||||||
|
width: 1em;
|
||||||
|
height: 0.5em; /* Same as the overridden descent */
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<div class="target">
|
||||||
|
<span class="top-aligned"></span>X<span class="bottom-aligned"></span>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Tests the ascent-override and descent-override descriptors of @font-face</title>
|
||||||
|
<style>
|
||||||
|
.target {
|
||||||
|
position: absolute;
|
||||||
|
font-size: 20px;
|
||||||
|
top: 10px;
|
||||||
|
left: 10px;
|
||||||
|
width: 60px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.character {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: green;
|
||||||
|
width: 1em; /* Same as an 'X' in Ahem */
|
||||||
|
height: 1em; /* Same as an 'X' in Ahem */
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<div class="target">
|
||||||
|
<span class="character" style="top: 0.5em; left: 0"></span>
|
||||||
|
<span class="character" style="top: 2.5em; left: 0"></span>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-metrics-override-desc">
|
||||||
|
<link rel="match" href="line-gap-override-ref.html">
|
||||||
|
<title>Tests the line-gap-override descriptor of @font-face</title>
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: custom-font;
|
||||||
|
src: local(Ahem), url(/fonts/Ahem.ttf);
|
||||||
|
line-gap-override: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.target {
|
||||||
|
font: 20px custom-font;
|
||||||
|
color: green;
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="target">
|
||||||
|
X<br>
|
||||||
|
X
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-metrics-override-desc">
|
||||||
|
<link rel="stylesheet" href="/fonts/ahem.css">
|
||||||
|
<title>Tests the 'normal' keyword on descriptors ascent-override, descent-override and line-gap-override</title>
|
||||||
|
|
||||||
|
<div style="font-family: Ahem">Test<br>Test</div>
|
||||||
|
|
||||||
|
<div style="font-family: Ahem">Test<br>Test</div>
|
||||||
|
|
||||||
|
<div style="font-family: Ahem">Test<br>Test</div>
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-metrics-override-desc">
|
||||||
|
<link rel="match" href="metrics-override-normal-keyword-ref.html">
|
||||||
|
<title>Tests the 'normal' keyword on descriptors ascent-override, descent-override and line-gap-override</title>
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: ascent-font;
|
||||||
|
src: local(Ahem), url(/fonts/Ahem.ttf);
|
||||||
|
ascent-override: 50%;
|
||||||
|
ascent-override: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: descent-font;
|
||||||
|
src: local(Ahem), url(/fonts/Ahem.ttf);
|
||||||
|
descent-override: 50%;
|
||||||
|
descent-override: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: line-gap-font;
|
||||||
|
src: local(Ahem), url(/fonts/Ahem.ttf);
|
||||||
|
line-gap-override: 50%;
|
||||||
|
line-gap-override: normal;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div style="font-family: ascent-font">Test<br>Test</div>
|
||||||
|
|
||||||
|
<div style="font-family: descent-font">Test<br>Test</div>
|
||||||
|
|
||||||
|
<div style="font-family: line-gap-font">Test<br>Test</div>
|
||||||
Загрузка…
Ссылка в новой задаче