зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1496849 [wpt PR 13397] - [css-text-3] tests for letter-spacing, a=testonly
Automatic update from web-platform-tests[css-text-3] tests for letter-spacing (#13397) Covers https://github.com/w3c/csswg-drafts/issues/1518 and https://github.com/w3c/csswg-drafts/issues/1509 -- wpt-commits: 14f049857537e878d690fddce2352a89779e3f57 wpt-pr: 13397
This commit is contained in:
Florian Rivoal
moz-wptsync-bot
Родитель
17bc4ebfa5
Коммит
f9ea269ebe
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: letter spacing after bidi</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property">
|
||||
<link rel="match" href="reference/letter-spacing-bidi-001-ref.html">
|
||||
<meta name="assert" content="Letter spacing is inserted after RTL reordering, so letter spacing cannot apply to any of the letters in the span below,
|
||||
since they get split appart.">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
span {
|
||||
letter-spacing: 1ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 4.
|
||||
<div>12345</div>
|
||||
<div>a<span>bא</span>ב</div>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: letter spacing at bidi fragment boudary</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#bidi-fragmentation">
|
||||
<link rel="match" href="reference/letter-spacing-bidi-002-ref.html">
|
||||
<meta name="assert" content="When bidi would cause to pieces of a single inline box to be appart if there was enough room to fit everything in one line,
|
||||
the two pieces are separate fragments even if they end up next to eachother due to line breaking.
|
||||
Letter spacing at the boundary of such separate fragments comes from their common ancestor,
|
||||
not from the letter-spacing property on the fragmented inline box itself.">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
width: 0;
|
||||
}
|
||||
span {
|
||||
letter-spacing: 1ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 3.
|
||||
<div>12345</div>
|
||||
<div>a<span>aב</span> ב</div>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: letter spacing at end of line</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property">
|
||||
<link rel="match" href="reference/letter-spacing-end-of-line-001-ref.html">
|
||||
<meta name="assert" content="Letter-spacing must not be applied at the beginning or at the end of a line.">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
span {
|
||||
float:left;
|
||||
letter-spacing: 1ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 4.
|
||||
<div>12345</div>
|
||||
<div><span>aa</span>a</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: letter on nested element</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property">
|
||||
<link rel="match" href="reference/letter-spacing-nesting-001-ref.html">
|
||||
<meta name="assert" content="A given value of letter-spacing only affects the spacing between characters completely contained within the element for which it is specified">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
span {
|
||||
letter-spacing: 1ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 5.
|
||||
<div>123456</div>
|
||||
<div>a<span>aa</span>a</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: letter spacing on element with single character</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property">
|
||||
<link rel="match" href="reference/letter-spacing-nesting-002-ref.html">
|
||||
<meta name="assert" content="Applying letter-spacing to an element containing only a single character has no effect on the rendered result">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
span {
|
||||
letter-spacing: 1ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 3.
|
||||
<div>12345</div>
|
||||
<div>a<span>a</span>a</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 4.
|
||||
<div>12345</div>
|
||||
<div>abאב</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 3.
|
||||
<div>12345</div>
|
||||
<div>aaב<br>ב</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 4.
|
||||
<div>12345</div>
|
||||
<div>a aa</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 5.
|
||||
<div>123456</div>
|
||||
<div>aa aa</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<style>
|
||||
div {
|
||||
font-family: monospace;
|
||||
font-size: 3em;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the rightmost character of the line that starts with “a” is under the number 3.
|
||||
<div>12345</div>
|
||||
<div>aaa</div>
|
||||
Загрузка…
Ссылка в новой задаче