Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

This commit is contained in:
Josh Matthews 2017-04-17 12:06:02 +10:00 committed by Anthony Ramine
parent 25e8bf69e6
commit 665817d2a6
35333 changed files with 1818077 additions and 16036 deletions

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>text-justify: none</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<style type='text/css'>
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
.rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
.rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
.rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
<div class="ref"><div class="rb1"></div><div class="rb2"></div><div class="rb3"></div></div>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>text-justify: none</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
<link rel='match' href='reference/text-justify-ref-001.html'>
<meta name="assert" content="text-justify:none means justification is disabled: there are no justification opportunities within the text.">
<style type='text/css'>
.test { text-align: justify; text-justify: none; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange; margin: 20px; width: 290px; color: orange; font: 24px/24px ahem; }
.ref { position: relative; height: 72px; }
#rb1 { position: absolute; top: 0; left: 0; background-color: orange; width: 72px; height: 72px; }
#rb2 { position: absolute; top: 0; left: 96px; background-color: orange; width: 72px; height: 72px; }
#rb3 { position: absolute; top: 0; left: 192px; background-color: orange; width: 72px; height: 48px; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
<div class="test">XXX XXX XXX XXX XXX XXX XXX XXX</div>
<div class="ref"><div id="rb1"></div><div id="rb2"></div><div id="rb3"></div></div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>text-justify: inter-character</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
<meta name="assert" content="text-justify:inter-character means justification adjusts spacing between each pair of adjacent typographic character units.">
<style type='text/css'>
.test { text-align: justify; text-justify: inter-character; }
/* the CSS below is not part of the test */
.test { border: 1px solid blue; margin: 20px; width: 290px; color: blue; font: 24px/24px ahem; }
</style>
</head>
<body>
<div id='instructions'>Test passes if, on the first line only, the last box is flush with the right edge, and the line is composed of boxes about one third the size of those on the second line, and with small gaps between each.</div>
<div class="test">XXX XXX XXX XXX XXX</div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>text-justify: distribute</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
<meta name="assert" content="text-justify:distribute means justification adjusts spacing between each pair of adjacent typographic character units.">
<style type='text/css'>
.test { text-align: justify; text-justify: distribute; }
/* the CSS below is not part of the test */
.test { border: 1px solid blue; margin: 20px; width: 290px; color: blue; font: 24px/24px ahem; }
</style>
</head>
<body>
<div id='instructions'>Test passes if, on the first line only, the last box is flush with the right edge, and the line is composed of boxes about one third the size of those on the second line, and with small gaps between each.</div>
<div class="test">XXX XXX XXX XXX XXX</div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>text-justify: inter-character, arabic</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
<meta name="assert" content="text-justify:inter-character means justification adjusts spacing between each pair of adjacent typographic character units. Justification must not introduce gaps between the joined typographic letter units of cursive scripts such as Arabic.">
<style type='text/css'>
.test { text-align: justify; text-justify: inter-character; }
/* the CSS below is not part of the test */
.test { border: 1px solid blue; margin: 20px; width: 290px; font-size: 28px; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the sequence مممممع has no gaps in it.</div>
<div class="test">مممممع مممممع مممممع مممممع مممممع</div>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>text-justify: distribute, arabic</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'>
<meta name="assert" content="text-justify:distribute means justification adjusts spacing between each pair of adjacent typographic character units. Justification must not introduce gaps between the joined typographic letter units of cursive scripts such as Arabic.">
<style type='text/css'>
.test { text-align: justify; text-justify: distribute; }
/* the CSS below is not part of the test */
.test { border: 1px solid blue; margin: 20px; width: 290px; font-size: 28px; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the sequence مممممع has no gaps in it.</div>
<div class="test">مممممع مممممع مممممع مممممع مممممع</div>
</body>
</html>