Files
sousa-gecko/testing/web-platform/tests/html-ruby-extensions/reference/html-ruby-503-f-ref.html
T
Florian Rivoal 847acd6327 Bug 2021646 [wpt PR 58315] - Add mismatch reference catching Safari's issues, a=testonly
Automatic update from web-platform-tests
Add mismatch reference catching Safari's issue

Follow up to #58150, adding mismatch references to account for rendering
differences between Chrome and Safari. Some mismatch references which
worked in Chrome failed to catch tests that should fail in Safari due to
the fact that ruby with a zero-width-space as the base get rendered more
widely than "zero-with" in Safari. Adding corresponding mismatch
references with empty bases rather than zero-wdith-space bases, (and one
case of manual kerning between two adjacent empty bases) as that does
catch the expected failures.

--

wpt-commits: 147ab4541eb8d4aea20b69c8d48d7ad5f28be9cd
wpt-pr: 58315
2026-03-12 15:58:39 +00:00

36 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html lang="en" >
<meta charset="utf-8">
<title>test reference</title>
<link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net'>
<style>
.r1 { color: orange; }
.r2 { color: blue; }
.r3 { color: purple; }
</style>
<body>
<p>The example below consists of 3 base characters, each annotated twice, and then all jointly annotated once more.
<span class=r1></span>” is annotated by “<span class=r1>1</span>” and “<span class=r1>a</span>”.
<span class=r2></span>” is annotated by “<span class=r2>2</span>” and “<span class=r2>b</span>”.
<span class=r3></span>” is annotated by “<span class=r3>3</span>” and “<span class=r3>c</span>”.
The whole is annotated with “altogether”.
For ease of comparison, it is preceded by some context text: “例文は”.
This test passes if:
<ul>
<li>each base character is presented inline with and similarly to the context text, as if they are all part of the same sentence, and
<li>each annotation is presented as an annotation, and
<li>the correct annotation is presented clearly as being associated with the correct base, and
<li>the joint annotation is associated with the whole base, not just a part.
</ul>
<p>Note: The colors are not part of the test,
they are merely provided as help to the person running the test,
to make it easier to recognize the various parts of the text.
<p>Note: This is not a layout or rendering test.
The precise appearance is not specified,
and implementations may therefore validly vary.
<hr> <!-- incorrect rendering: last annotation level's first annotation wrongly spanning, with extra annotations floating over empty bases; other annotation levels annotation displayed as bases -->
例文は<ruby><span class=r1></span><span class=r2></span><span class=r3></span><span class=r1>a</span><span class=r2>b</span><span class=r3>c</span>altogether<rt class=r1>1</ruby><ruby><rt class=r2>2</ruby><ruby><rt class=r3>3</ruby>