diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /testing/web-platform/tests/css/css-text/text-align/reference | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-text/text-align/reference')
37 files changed, 713 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-001.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-001.html new file mode 100644 index 0000000000..480b568171 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-001.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-002.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-002.html new file mode 100644 index 0000000000..bab8bd715c --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-002.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-003.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-003.html new file mode 100644 index 0000000000..c6710c64e0 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-003.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-004.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-004.html new file mode 100644 index 0000000000..010c665841 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-004.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-005.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-005.html new file mode 100644 index 0000000000..3510f890f3 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-005.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-006.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-006.html new file mode 100644 index 0000000000..365e21fe9b --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-006.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-007.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-007.html new file mode 100644 index 0000000000..9b7d51c210 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-007.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-008.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-008.html new file mode 100644 index 0000000000..9196a4de3f --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-008.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-009.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-009.html new file mode 100644 index 0000000000..563794c61c --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-009.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-010.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-010.html new file mode 100644 index 0000000000..d4797c93f3 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-010.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-014.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-014.html new file mode 100644 index 0000000000..65b431fc39 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-014.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-015.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-015.html new file mode 100644 index 0000000000..26a8ef62a4 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-015.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-016.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-016.html new file mode 100644 index 0000000000..f571c9e3d3 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-end-ref-016.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-001.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-001.html new file mode 100644 index 0000000000..f13a494819 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-001.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-002.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-002.html new file mode 100644 index 0000000000..63206ff29e --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-002.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-003.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-003.html new file mode 100644 index 0000000000..9437b4fa2b --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-003.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-004.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-004.html new file mode 100644 index 0000000000..fe2bbe8d46 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-004.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-005.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-005.html new file mode 100644 index 0000000000..bb383de0d0 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-005.html @@ -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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-006.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-006.html new file mode 100644 index 0000000000..cead2a2551 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-ref-006.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: justify, 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: 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 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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-shy-ref-001.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-shy-ref-001.html new file mode 100644 index 0000000000..e7148ece53 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justify-shy-ref-001.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<style> +div { + text-align: justify; + width: 10ch; +} +</style> +<div>abc def ghijkl</div> +<div>abc def ghijkl</div> +<div>abc def ghijkl</div> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justifyall-ref-001.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justifyall-ref-001.html new file mode 100644 index 0000000000..e9d071ee99 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justifyall-ref-001.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: justify-all, 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: 510px; color: orange; font: 30px/1 Ahem; word-spacing: 20px; } +div.last-line { word-spacing: 90px; } +</style> +</head> +<body> +<div id='instructions'>Test passes if the shading in both orange boxes is identical.</div> +<div class="ref"><div>REF REF REF REF</div><div>REF REF REF REF</div><div class="last-line">REF REF REF </div></div> +<div class="ref"><div>REF REF REF REF</div><div>REF REF REF REF</div><div class="last-line">REF REF REF </div></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justifyall-ref-002.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justifyall-ref-002.html new file mode 100644 index 0000000000..30160d43f7 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-justifyall-ref-002.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: justify-all, 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: 510px; color: orange; font: 30px/1 Ahem; word-spacing: 20px; } +div.last-line { word-spacing: 90px; } +</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>REF REF REF REF</div><div>REF REF REF REF</div><div class="last-line">REF REF REF </div></div> +<div class="ref"><div>REF REF REF REF</div><div>REF REF REF REF</div><div class="last-line">REF REF REF </div></div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-last-wins-001-ref.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-last-wins-001-ref.html new file mode 100644 index 0000000000..997d58a798 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-last-wins-001-ref.html @@ -0,0 +1,16 @@ +<!doctype html> +<html lang=en> +<meta charset=utf-8> +<title>test reference</title> +<style> +div { + text-align: right; + width: 300px; + border: solid; +} +</style> + +<p>Test passes if the words below are aligned to the right of the box. + +<div>right<br>right</div> + diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-001.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-001.html new file mode 100644 index 0000000000..5d14b17626 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-001.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: right; } +</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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-002.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-002.html new file mode 100644 index 0000000000..fc54ede6cc --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-002.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: left; } +</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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-003.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-003.html new file mode 100644 index 0000000000..fa5e76a275 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-003.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: right; } +</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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-004.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-004.html new file mode 100644 index 0000000000..1deee0c701 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-004.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: left; } +</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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-005.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-005.html new file mode 100644 index 0000000000..701845e993 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-005.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: right; } +</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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-006.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-006.html new file mode 100644 index 0000000000..914df4654b --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-006.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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'> +.test, .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 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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-007.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-007.html new file mode 100644 index 0000000000..62cca9b99c --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-007.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: right;} +</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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-008.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-008.html new file mode 100644 index 0000000000..1b09404b2f --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-008.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: 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 REF REF REF REF REF REF REF</div> +<div class="ref">REF REF REF REF REF REF REF REF</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-009.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-009.html new file mode 100644 index 0000000000..0cfe79e6c1 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-009.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: right; } +</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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-010.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-010.html new file mode 100644 index 0000000000..727fb656e4 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-010.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: 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 REF REF REF REF REF REF REF</div> +<div class="ref">REF REF REF REF REF REF REF REF</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-014.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-014.html new file mode 100644 index 0000000000..8113fe23f1 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-014.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: 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<br>ERE</div> +<div class="ref">REF<br>ERE</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-015.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-015.html new file mode 100644 index 0000000000..d61b2585e6 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-015.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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: left; } +</style> +</head> +<body> +<div id='instructions'>Test passes if shading in both orange boxes is identical.</div> +<div dir="ltr"> +<div class="ref">REF<br>ERE</div> +<div class="ref">REF<br>ERE</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-016.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-016.html new file mode 100644 index 0000000000..3df6be4048 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-016.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, 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 type='text/css'> +.ref1, .ref2 { border-left: 1px solid orange; border-right: 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: left; } +.ref2 { border-bottom: 1px solid orange; margin-bottom: 20px; text-align: right; } +</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> diff --git a/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-017.html b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-017.html new file mode 100644 index 0000000000..89b5c4028d --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-align/reference/text-align-start-ref-017.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"> +<title>text-align: start, pre, dir=auto on surrounding block</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<br>ERE</div> +<div class="ref">REF<br>ERE</div> +</body> +</html> |