Files
firefox/testing/web-platform/tests/html-ruby-extensions/html-ruby-014.html
T
Florian Rivoal 9f408b7ffb Bug 2020172 [wpt PR 58150] - Import tests for html ruby extensions, a=testonly
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
2026-03-12 15:56:46 +00:00

51 lines
2.5 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. spaces inside elements are not ignored.</title>
<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/#ruby-pairing">
<link rel="mismatch" href="reference/html-ruby-014-a-ref.html">
<link rel="mismatch" href="reference/html-ruby-014-b-ref.html">
<link rel="mismatch" href="reference/html-ruby-014-c-ref.html">
<link rel="mismatch" href="reference/html-ruby-014-d-ref.html">
<link rel="mismatch" href="reference/html-ruby-014-e-ref.html">
<link rel="mismatch" href="reference/html-ruby-014-f-ref.html">
<link rel="mismatch" href="reference/html-ruby-014-y-ref.html">
<link rel="mismatch" href="reference/html-ruby-014-z-ref.html">
<style>
.r1 { color: orange; }
.r2 { color: blue; }
.r3 { color: purple; }
.hide { color: transparent; }
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, two of which carry visible annotations.
<span class=r1>A</span>” is annotated by “<span class=r1>1</span>”.
<span class=r2>B</span>” is annotated by “<span class=r2>2</span>”.
<span class=r3>C</span>” is not annotated.
For ease of comparison, it is preceded by some context text: “This is a sample”.
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>
This is a sample <ruby>
<rb class=r1>A</rb><span> </span><rb class=r2>B</rb><rb class=r3>C</rb>
<rt class=r1>1</rt><rt class=hide>x<rt class=r2>2</rt>
</ruby>