Files
sousa-gecko/testing/web-platform/tests/html-ruby-extensions/reference/html-ruby-502-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

32 lines
1.5 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; }
</style>
<body>
<p>The example below consists of 2 base characters, each annotated twice with its pronunciation (once in the latin alphabet, once in kana)
<span class=r1></span>” is annotated by “<span class=r1>きょう</span>” and “<span class=r1>kyo</span>”.
<span class=r2></span>” is annotated by “<span class=r2></span>” and “<span class=r2>to</span>”.
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.
</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: second annotation displayed over empty bases -->
例文は<ruby><rb class=r1><rb class=r2><rtc><rt class=r1>きょう<rt class=r2></ruby><ruby><rt><span class=r1>kyo</span><span class=r2>to</span></ruby>