mirror of
https://github.com/servo/servo.git
synced 2025-08-15 10:25:32 +01:00
Update web-platform-tests to revision 6366ae15c2bc2314adca4321357c68bb468fec98
This commit is contained in:
parent
e47e884cc7
commit
6b740f0283
328 changed files with 3757 additions and 591 deletions
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Text: 'hyphens: auto' with a valid 'lang' attribute specification (inline)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphenation">
|
||||
<link rel="match" href="reference/hyphens-auto-inline-010-ref.html">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When 'hyphens' is set to 'auto' and applied to an inline element and when 'lang' attribute is also set to a valid value, then words may be broken at hyphenation opportunities determined automatically by an hyphenation resource appropriate to the language of the text involved.">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
margin-bottom: 0.25em;
|
||||
width: 6ch;
|
||||
}
|
||||
|
||||
span#test
|
||||
{
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
div#reference
|
||||
{
|
||||
hyphens: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body lang="en">
|
||||
|
||||
<p>Test passes if the characters inside of each black-bordered rectangles are laid out identically.
|
||||
|
||||
<div>There are <span id="test">new guidelines now</span>.</div>
|
||||
|
||||
<div id="reference">There are new guide-lines now.</div>
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Text: 'hyphens: manual' with no explicit hyphenation opportunity (basic)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphenation">
|
||||
<link rel="match" href="reference/hyphens-manual-inline-010-ref.html">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When 'hyphens' is set to 'manual' and applied to an inline element, then words can be hyphenated only if characters inside the words explicitly define hyphenation opportunities. In this test, the characters inside the word 'Deoxyribonucleic' do not explicitly define hyphenation opportunities, so it must not be hyphenated." name="assert">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
margin-bottom: 0.25em;
|
||||
width: 10ch;
|
||||
}
|
||||
|
||||
span#test
|
||||
{
|
||||
hyphens: manual;
|
||||
}
|
||||
|
||||
div#reference
|
||||
{
|
||||
hyphens: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body lang="en">
|
||||
|
||||
<p>Test passes if the characters inside of each black-bordered rectangles are laid out identically. Only "ucleic" should be outside of the black-bordered rectangles.
|
||||
|
||||
<div>DNA <span id="test">means Deoxyribonucleic acid</span>.</div>
|
||||
|
||||
<div id="reference">DNA means Deoxyribonucleic acid.</div>
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Text: 'hyphens: manual' with 2 explicit hyphenation opportunities (inline)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphenation">
|
||||
<link rel="match" href="reference/hyphens-manual-inline-011-ref.html">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When 'hyphens' is set to 'manual' and applied to an inline element, then words can be hyphenated only if characters inside the words explicitly define hyphenation opportunities. In this test, the characters inside the word 'Deoxyribonucleic' explicitly define 2 hyphenation opportunities, so it can be hyphenated. Since 9 characters can all fit inside the line box of the block box, then the word 'Deoxyribonucleic' is hyphenated only after the 2nd soft hyphen." name="assert">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
margin-bottom: 0.25em;
|
||||
width: 10ch;
|
||||
}
|
||||
|
||||
span#test
|
||||
{
|
||||
hyphens: manual;
|
||||
}
|
||||
|
||||
div#reference
|
||||
{
|
||||
hyphens: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters inside of each black-bordered rectangles are laid out identically.
|
||||
|
||||
<div>DNA <span id="test">means Deoxy­ribo­nucleic acid</span>.</div>
|
||||
|
||||
<div id="reference">DNA means Deoxyribo-nucleic acid.</div>
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Text: 'hyphens: manual' with 4 explicit hyphenation opportunities (inline)</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphenation">
|
||||
<link rel="match" href="reference/hyphens-manual-inline-012-ref.html">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="When 'hyphens' is set to 'manual' and applied to an inline element, then words can be hyphenated only if characters inside the words explicitly define hyphenation opportunities. In this test, the characters inside the word 'Deoxyribonucleic' explicitly define 4 hyphenation opportunities. Since 'Deoxy' has 5 characters and 'Deoxyribo' has 9 characters and since the content width of the block box can take 8 characters, then a soft hyphen will occur after 'Deoxy'. Since 'ribonu' has 6 characters and 'ribonucleic' has 11 characters and since the content width of the block box can take 8 characters, then a soft hyphen will occur after 'ribonu'." name="assert">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
margin-bottom: 0.25em;
|
||||
width: 8ch;
|
||||
}
|
||||
|
||||
span#test
|
||||
{
|
||||
hyphens: manual;
|
||||
}
|
||||
|
||||
div#reference
|
||||
{
|
||||
hyphens: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters inside of each black-bordered rectangles are laid out identically.
|
||||
|
||||
<div>DNA <span id="test">means Deo­xy­ribo­nu­cleic acid</span>.</div>
|
||||
|
||||
<div id="reference">DNA means Deoxy-ribonu-cleic acid.</div>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Text: 'hyphens: none', hyphen-minus character and line wrapping</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphenation">
|
||||
<link rel="match" href="reference/hyphens-auto-010-ref.html">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that 'hyphens: none' does not suppress line wrapping after encountering an actual hyphen-minus character (U+002D).">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
margin-bottom: 0.25em;
|
||||
width: 6ch;
|
||||
}
|
||||
|
||||
div#test
|
||||
{
|
||||
hyphens: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if each black-bordered rectangles have identical inside content.
|
||||
|
||||
<div id="test">regu-lation imple-menta-tion</div>
|
||||
|
||||
<div id="reference">regu-<br>lation<br>imple-<br>menta-<br>tion</div>
|
||||
|
||||
<!--
|
||||
|
||||
Hyphen-minus == - == -
|
||||
|
||||
Hyphen == ‐ == ‐
|
||||
|
||||
-->
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Text: 'hyphens: none', hyphen character and line wrapping</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphenation">
|
||||
<link rel="match" href="reference/hyphens-auto-010-ref.html">
|
||||
|
||||
<meta content="" name="flags">
|
||||
<meta content="This test checks that 'hyphens: none' does not suppress line wrapping after encountering an actual hyphen character (U+2010).">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
margin-bottom: 0.25em;
|
||||
width: 6ch;
|
||||
}
|
||||
|
||||
div#test
|
||||
{
|
||||
hyphens: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if each black-bordered rectangles have identical inside content.
|
||||
|
||||
<div id="test">regu-lation imple-menta-tion</div>
|
||||
|
||||
<div id="reference">regu‐<br>lation<br>imple‐<br>menta‐<br>tion</div>
|
||||
|
||||
<!--
|
||||
|
||||
Hyphen-minus == - == -
|
||||
|
||||
Hyphen == ‐ == ‐
|
||||
|
||||
-->
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Reference Test</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
hyphens: none;
|
||||
margin-bottom: 0.25em;
|
||||
width: 6ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body lang="en">
|
||||
|
||||
<p>Test passes if the characters inside of each black-bordered rectangles are laid out identically.
|
||||
|
||||
<div>There are new guide-lines now.</div>
|
||||
|
||||
<div>There are new guide-lines now.</div>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Reference Test</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
hyphens: none;
|
||||
margin-bottom: 0.25em;
|
||||
width: 10ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body lang="en">
|
||||
|
||||
<p>Test passes if the characters inside of each black-bordered rectangles are laid out identically. Only "ucleic" should be outside of the black-bordered rectangles.
|
||||
|
||||
<div>DNA means Deoxyribonucleic acid.</div>
|
||||
|
||||
<div>DNA means Deoxyribonucleic acid.</div>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Reference Test</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
hyphens: none;
|
||||
margin-bottom: 0.25em;
|
||||
width: 10ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the characters inside of each black-bordered rectangles are laid out identically.
|
||||
|
||||
<div>DNA means Deoxyribo-nucleic acid.</div>
|
||||
|
||||
<div>DNA means Deoxyribo-nucleic acid.</div>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>CSS Reference Test</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style>
|
||||
div
|
||||
{
|
||||
border: black solid 2px;
|
||||
font-family: monospace;
|
||||
font-size: 32px;
|
||||
hyphens: none;
|
||||
margin-bottom: 0.25em;
|
||||
width: 8ch;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body lang="en">
|
||||
|
||||
<p>Test passes if the characters inside of each black-bordered rectangles are laid out identically.
|
||||
|
||||
<div>DNA means Deoxy-ribonu-cleic acid.</div>
|
||||
|
||||
<div>DNA means Deoxy-ribonu-cleic acid.</div>
|
Loading…
Add table
Add a link
Reference in a new issue