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.8 KiB
HTML
37 lines
1.8 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; }
|
|
.s { font-size: 50%; }
|
|
</style>
|
|
<body>
|
|
<p>The example below consists of 4 base characters, 3 of which are 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 base with no annotation, 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 base appears next to the first one, with no annotation.
|
|
</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: annotations displayed identical to base text, interleaved, but with a small font size-->
|
|
例文は<span class=r1>浄</span><span class="r1 s">じょう</span>け<span class=r2>瑠</span><span class="r2 s">る</span><span class=r3>璃</span><span class="r3 s">り</span>
|