mirror of
https://github.com/mozilla-firefox/firefox
synced 2026-08-12 20:45:22 +00:00
Florian Rivoal
847acd6327
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
55 lines
3.1 KiB
HTML
55 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
<meta charset="utf-8">
|
|
<title>Ruby Markup Content Model: single ruby element, rb bases, tabular markup, annotation with rt, extra annotation, adding rp in all the places where it's allowed by the content model</title>
|
|
<!-- Same markup pattern as -009 -->
|
|
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
|
|
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#the-ruby-element">
|
|
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#the-rb-element">
|
|
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#the-rt-element">
|
|
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#the-rp-element">
|
|
<link rel="help" href="https://www.w3.org/TR/html-ruby-extensions/#ruby-pairing">
|
|
<link rel="mismatch" href="reference/html-ruby-008-a-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-b-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-c-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-d-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-e-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-f-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-g-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-h-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-i-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-j-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-y-ref.html">
|
|
<link rel="mismatch" href="reference/html-ruby-008-z-ref.html">
|
|
<style>
|
|
.r1 { color: orange; }
|
|
.r2 { color: blue; }
|
|
.r3 { color: purple; }
|
|
ruby { ruby-merge: separate; } /* Not strictly required, but added just in case some user agent otherwise has a jukugo-like default rendering. */
|
|
</style>
|
|
<body>
|
|
<p>The example below consists of 3 base characters, each annotated with its pronunciation.
|
|
“<span class=r1>浄</span>” is annotated by “<span class=r1>じょう</span>”.
|
|
“<span class=r2>瑠</span>” is annotated by “<span class=r2>る</span>”.
|
|
“<span class=r3>璃</span>” is annotated by “<span class=r3>り</span>”.
|
|
There is also one excess annotation with no base: “け”.
|
|
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 excess annotation appears to be annotating an empty 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>
|
|
例文は<ruby><rb class=r1>浄<rb class=r2>瑠<rb class=r3>璃<rp>!<rt class=r1>じょう</rt><rp>!<rt class=r2>る</rt><rp>!<rt class=r3>り</rt><rp>!<rt>け</rt><rp>!</ruby>
|