[css-ruby] Add tests

Author: frivoal

css-ruby-1/Overview.bs

@@ -20,6 +20,7 @@ Editor: Florian Rivoal, Invited Expert, https://florian.rivoal.net/, w3cid 43241
 Abstract: “Ruby”, a form of interlinear annotation, are short runs of text alongside the base text.
 Abstract: They are typically used in East Asian documents to indicate pronunciation or to provide a short annotation.
 Abstract: This module describes the rendering model and formatting controls related to displaying ruby annotations in CSS.
+WPT Path Prefix: /css/css-ruby/
 </pre>
 <pre class=link-defaults>
 spec:css-box-4; type:dfn; text:content area
@@ -1870,6 +1871,20 @@ Overhanging Ruby: the 'ruby-overhang' property</h3>
 			* one quarter of the [=advance measure=] of [=fullwidth middle dot punctuation=],
 				on both the [=inline-start=] and [=inline-end=] sides of the character,
 				unless it has been trimmed by 'text-spacing-trim'
+
+			<wpt title="Not yet tested:
+					<ul>
+						<li>'other spaces separators' other than ideographic spaces
+						<li>the characters which may or may not be middle dots depending on the language
+						<li>interaction with 'text-spacing-trim'
+						<li>vertical writing modes
+					</ul>">
+			ruby-overhang-spaces-001.html
+			ruby-overhang-spaces-002.html
+			ruby-overhang-spaces-003.html
+			ruby-overhang-spaces-004.html
+			ruby-overhang-spaces-005.html
+			</wpt>
 	</dl>
 
 	When [=ruby annotations=] are not allowed to overhang,
@@ -1893,6 +1908,10 @@ Overhanging Ruby: the 'ruby-overhang' property</h3>
 	and the ruby container’s [=annotation boxes=]
 	or its overlapped [=base=]’s contents.
 
+	<wpt>
+	ruby-overhang-no-overlap.html
+	</wpt>
+
 	<div class="figure">
 		<img src="images/ro-a.gif" width="177" height="91"
 		     alt="Diagram showing the ruby boxes interacting with adjacent text">
@@ -1927,6 +1946,11 @@ Overhanging Ruby: the 'ruby-overhang' property</h3>
 	for the 'ruby-overhang' property,
 	as a [=legacy value alias=] of ''ruby-overhang/spaces''.
 
+	<wpt>
+	ruby-overhang.html
+	ruby-overhang-dynamic.html
+	</wpt>
+
 <h3 id="line-edge">
 Line-edge Alignment</h3>