Skip to content

Commit

Permalink
Tests: Import CSS text-align tests
Browse files Browse the repository at this point in the history
A lot of these ref tests don't currently pass.
  • Loading branch information
AtkinsSJ committed Feb 3, 2025
1 parent 0f17ad9 commit 9cd2185
Show file tree
Hide file tree
Showing 145 changed files with 3,346 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>CSS Text: Don't crash with text-align-[last,all]:inline-end</title>
<link rel="help" href="https://drafts.csswg.org/css-text/#text-align-property">
<link rel="help" href="https://crbug.com/1313002">
<style>
div {
text-align: inline-end;
text-align-all: inline-end;
text-align-last: inline-end;
}
</style>
<div></div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, direction: rtl</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref">REFER</div>
<div class="ref">REFER</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, direction: ltr</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
<div style="direction: rtl;">
<div class="ref">REFER</div>
<div class="ref">REFER</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, dir=rtl</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
<div class="ref">REFER</div>
<div class="ref">REFER</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, dir=ltr</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref">REFER</div>
<div class="ref">REFER</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, direction: rtl</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, direction: ltr</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
<div style="direction: rtl;">
<div class="ref">REF REF REF REF REF REF REF REF</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, dir=rtl</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes looks the same.</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, dir=ltr</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
</style>
</head>
<body>
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref">REF REF REF REF REF REF REF REF</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, dir=auto, RTL first strong</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
</style>
</head>
<body>
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, dir=auto, LTR first strong</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
</style>
</head>
<body>
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref">REF REF REF REF REF REF REF REF</div>
<div class="ref">REF REF REF REF REF REF REF REF</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, pre, dir=rtl inherited</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: left; }
</style>
</head>
<body>
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref">REF<br>ERE</div>
<div class="ref">REF<br>ERE</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, pre, dir=ltr inherited</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 300px; color: orange; font: 25px/1 Ahem; text-align: right; }
</style>
</head>
<body>
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
<div class="ref">REF<br>ERE</div>
<div class="ref">REF<br>ERE</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: end, pre, dir=auto</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style>
.ref1, .ref2 { border-inline: 1px solid orange; margin-left: 20px; margin-right: 20px; width: 300px; color: orange; font: 25px/1 Ahem; }
.ref1 { border-top: 1px solid orange; margin-top: 20px; text-align: right; }
.ref2 { border-bottom: 1px solid orange; margin-bottom: 20px; text-align: left; }
</style>
</head>
<body>
<div id='instructions'>Test passes if shading in both orange boxes is identical.</div>
<div class="ref1">REF</div>
<div class="ref2">ERE</div>
<div class="ref1">REF</div>
<div class="ref2">ERE</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: justify, direction: rtl</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes is the same.</div>
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: right;">REF REF REF</div>
</div>
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: right;">REF REF REF</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: justify, direction: ltr</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
<div style="direction: rtl;">
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: left;">REF REF REF</div>
</div>
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: left;">REF REF REF</div>
</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: justify, dir=rtl</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes is the same.</div>
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: right;">REF REF REF</div>
</div>
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: right;">REF REF REF</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: justify, dir=ltr</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div>
<div dir="rtl">
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: left;">REF REF REF</div>
</div>
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: left;">REF REF REF</div>
</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>text-align: justify, dir=auto, RTL first strong</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="stylesheet" type="text/css" href="../../../../fonts/ahem.css">
<style type='text/css'>
.ref { border: 1px solid orange; margin: 20px; width: 450px; color: orange; font: 25px/1 Ahem; }
</style>
</head>
<body>
<div id='instructions'>Test passes if the shading in both orange boxes is the same.</div>
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: right;">REF REF REF</div>
</div>
<div class="ref">
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="word-spacing: 1em;">REF REF REF REF</div>
<div style="text-align: right;">REF REF REF</div>
</div>
</body>
</html>
Loading

0 comments on commit 9cd2185

Please sign in to comment.