Florian Rivoal
9f408b7ffb
Automatic update from web-platform-tests Import tests for html ruby extensions (#58150) These cover: * permutations of the allowed syntax for ruby base markup (with or without rb, interleaved and tabular markup, with too many bases, with too many annotations) * usage of rt alone, rtc alone, and rt with rtc, and variants where (some) rt are implied * spanning annotations using rtc * multi-level ruby using rtc (both spanning and non-spanning) * the presence of rp, and the lack of interference with segmentation and pairing, not only when rp respect the content model, but even when it doesn't * inter-element spaces not interferring with segmentation and pairing See the README for some more info on the approach followed. -- wpt-commits: 0828f9ec7da741aea4ecaf817f9a5a09cfe8ff1a wpt-pr: 58150
37 lines
1.9 KiB
HTML
37 lines
1.9 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; }
|
|
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 after the first one: “け”.
|
|
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 next to the first one.
|
|
</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: extra annotation associated with second base, rest off by one, last one floating over empty base.-->
|
|
例文は<ruby><span class=r1>浄</span><rt class=r1>じょう</rt><span class=r2>瑠</span><rt>け</rt><span class=r3>璃</span><rt class=r2>る</rt></ruby><ruby>​<rt class=r3>り</rt></ruby>
|