Update web-platform-tests to revision fda9fa30b9c18f3689f09384c0d4f104c6e6fd4d

This commit is contained in:
WPT Sync Bot 2020-01-01 08:24:21 +00:00
parent 45cc558297
commit c2ea949ad5
100 changed files with 3062 additions and 19 deletions

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,4 @@
[CaretPosition-001.html]
[Element at (400, 100)]
expected: FAIL

View file

@ -2,3 +2,6 @@
[listeners are called when <iframe> is resized]
expected: FAIL
[listeners are called correct number of times]
expected: FAIL

View file

@ -1,4 +0,0 @@
[elementFromPoint-001.html]
[CSSOM View - 5 - extensions to the Document interface]
expected: FAIL

View file

@ -315,12 +315,15 @@
[<iframe>: separate response Content-Type: text/html;" text/plain]
expected: FAIL
[<iframe>: combined response Content-Type: text/html */*;charset=gbk]
[<iframe>: separate response Content-Type: text/html */*;charset=gbk]
expected: FAIL
[<iframe>: separate response Content-Type: text/html;" \\" text/plain]
[<iframe>: separate response Content-Type: text/html */*]
expected: FAIL
[<iframe>: separate response Content-Type: text/plain */*;charset=gbk]
[<iframe>: separate response Content-Type: text/html;x=" text/plain]
expected: FAIL
[<iframe>: combined response Content-Type: text/html;x=" text/plain]
expected: FAIL

View file

@ -53,6 +53,3 @@
[combined text/javascript ]
expected: FAIL
[separate text/javascript x/x]
expected: FAIL

View file

@ -11,3 +11,6 @@
[X-Content-Type-Options%3A%20nosniff%0C]
expected: FAIL
[X-Content-Type-Options%3A%0D%0AX-Content-Type-Options%3A%20nosniff]
expected: FAIL

View file

@ -8,7 +8,7 @@
expected: FAIL
[Embedded credentials are treated as network errors in new windows.]
expected: FAIL
expected: TIMEOUT
[Embedded credentials matching the top-level are treated as network errors for cross-origin URLs.]
expected: TIMEOUT

View file

@ -0,0 +1,4 @@
[traverse_the_history_4.html]
[Multiple history traversals, last would be aborted]
expected: FAIL

View file

@ -0,0 +1,4 @@
[077.html]
[ adding several types of scripts through the DOM and removing some of them confuses scheduler ]
expected: FAIL

View file

@ -1,5 +1,4 @@
[005.html]
expected: ERROR
[dedicated worker in shared worker in dedicated worker]
expected: FAIL

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Tests for ruby-align</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
div { width: 160px; box-sizing: border-box; }
</style>
<body style="font: 16px/3 Ahem">
<div>X X X</div>
<div style="text-align: center">X X X</div>
<div style="text-align-last: justify">X X X</div>
<!-- 8px = (width: 160px - 5 * font-size: 16px) /
(1 + justification opportunities: 4) / 2 -->
<div style="text-align-last: justify; padding: 0 8px">X X X</div>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Tests for ruby-align</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-align-property">
<link rel="match" href="ruby-align-001-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
ruby { line-height: 0; }
rt > div { width: 160px; }
</style>
<body style="font: 16px/3 Ahem">
<ruby style="ruby-align: start">
<rb>X X X<rt><div></div></rt>
</ruby><br>
<ruby style="ruby-align: center">
<rb>X X X<rt><div></div></rt>
</ruby><br>
<ruby style="ruby-align: space-between">
<rb>X X X<rt><div></div></rt>
</ruby><br>
<ruby style="ruby-align: space-around">
<rb>X X X<rt><div></div></rt>
</ruby>

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Tests for ruby-align</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-align-property">
<link rel="match" href="ruby-align-001-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
ruby { line-height: 0; }
rt > div { width: 160px; }
</style>
<body style="font: 16px/3 Ahem">
<ruby>
<rb style="ruby-align: start">X X X<rt><div></div></rt>
</ruby><br>
<ruby>
<rb style="ruby-align: center">X X X<rt><div></div></rt>
</ruby><br>
<ruby>
<rb style="ruby-align: space-between">X X X<rt><div></div></rt>
</ruby><br>
<ruby>
<rb style="ruby-align: space-around">X X X<rt><div></div></rt>
</ruby>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Tests for ruby-align</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
ruby { line-height: 0; }
rt { font-size: 100%; }
rt > div { width: 160px; box-sizing: border-box; }
</style>
<body style="font: 16px/3 Ahem">
<ruby>
<rt><div>X X X</div></rt>
</ruby><br>
<ruby>
<rt><div style="text-align: center">X X X</div></rt>
</ruby><br>
<ruby>
<rt><div style="text-align-last: justify">X X X</div></rt>
</ruby><br>
<!-- 8px = (width: 160px - 5 * font-size: 16px) /
(1 + justification opportunities: 4) / 2 -->
<ruby>
<rt><div style="text-align-last: justify; padding: 0 8px">X X X</div></rt>
</ruby>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Tests for ruby-align</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-align-property">
<link rel="match" href="ruby-align-002-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
ruby { line-height: 0; }
rt { font-size: 100%; }
rb { font-size: 0; }
rb > div { width: 160px; }
</style>
<body style="font: 16px/3 Ahem">
<ruby style="ruby-align: start">
<rb><div></div><rt>X X X</rt>
</ruby><br>
<ruby style="ruby-align: center">
<rb><div></div><rt>X X X</rt>
</ruby><br>
<ruby style="ruby-align: space-between">
<rb><div></div><rt>X X X</rt>
</ruby><br>
<ruby style="ruby-align: space-around">
<rb><div></div><rt>X X X</rt>
</ruby>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Tests for ruby-align</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-align-property">
<link rel="match" href="ruby-align-002-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
ruby { line-height: 0; }
rt { font-size: 100%; }
rb { font-size: 0; }
rb > div { width: 160px; }
</style>
<body style="font: 16px/3 Ahem">
<ruby>
<rb><div></div><rt style="ruby-align: start">X X X</rt>
</ruby><br>
<ruby>
<rb><div></div><rt style="ruby-align: center">X X X</rt>
</ruby><br>
<ruby>
<rb><div></div><rt style="ruby-align: space-between">X X X</rt>
</ruby><br>
<ruby>
<rb><div></div><rt style="ruby-align: space-around">X X X</rt>
</ruby>

View file

@ -3,6 +3,7 @@
<meta charset="UTF-8">
<title>CSS Ruby Reference</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
body {

View file

@ -3,6 +3,7 @@
<meta charset="UTF-8">
<title>CSS Ruby Test: sizing and positioning of ruby containers when size of ruby bases and the base container differ</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-layout">
<link rel="match" href="ruby-base-different-size-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Position of ruby annotation in RTL text</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style>
body { color: transparent; }
rb { background: green; }
rtc { background: red; }
rt { background: cyan; }
</style>
<body style="text-align: right">
<ruby><rb>base<rtc><rt>text</ruby>
</body>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Position of ruby annotation in RTL text</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#bidi">
<link rel="match" href="ruby-bidi-001-ref.html">
<style>
body { color: transparent; }
rb { background: green; }
rtc { background: red; }
rt { background: cyan; }
</style>
<body dir="rtl">
<ruby><rb>base<rtc><rt>text</ruby>
</body>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Bidi reordering of ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style> rb { margin: 0 5px; } </style>
<p>
<ruby>
<rb>base1</rb><rb>base2</rb>
<rt>text1</rt><rt>text2</rt>
<rb>base4</rb><rb>base3</rb>
<rt>text4</rt><rt>text3</rt>
</ruby>
<ruby>
<rb>base7</rb><rb>base8</rb>
<rt>text7</rt><rt>text8</rt>
<rb>base6</rb><rb>base5</rb>
<rt>text6</rt><rt>text5</rt>
</ruby>
</p>
<p style="text-align: right">
<ruby>
<rb>base5</rb><rb>base6</rb>
<rt>text5</rt><rt>text6</rt>
<rb>base8</rb><rb>base7</rb>
<rt>text8</rt><rt>text7</rt>
</ruby>
<ruby>
<rb>base3</rb><rb>base4</rb>
<rt>text3</rt><rt>text4</rt>
<rb>base2</rb><rb>base1</rb>
<rt>text2</rt><rt>text1</rt>
</ruby>
</p>

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Bidi reordering of ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#bidi">
<link rel="match" href="ruby-bidi-002-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style> rb { margin: 0 5px; } </style>
<p>
<ruby>
<rb>base1</rb><rb>base2</rb>
<rtc dir="rtl">
<rt>text1</rt><rt>text2</rt>
</rtc>
<rbc dir="rtl">
<rb>base3</rb><rb>base4</rb>
</rbc>
<rt>text3</rt><rt>text4</rt>
</ruby>
<ruby dir="rtl">
<rb>base5</rb><rb>base6</rb>
<rt>text5</rt><rt>text6</rt>
<rbc dir="ltr">
<rb>base7</rb><rb>base8</rb>
</rbc>
<rt>text7</rt><rt>text8</rt>
</ruby>
</p>
<p dir="rtl">
<ruby>
<rb>base1</rb><rb>base2</rb>
<rtc dir="ltr">
<rt>text1</rt><rt>text2</rt>
</rtc>
<rbc dir="ltr">
<rb>base3</rb><rb>base4</rb>
</rbc>
<rt>text3</rt><rt>text4</rt>
</ruby>
<ruby dir="ltr">
<rb>base5</rb><rb>base6</rb>
<rt>text5</rt><rt>text6</rt>
<rbc dir="rtl">
<rb>base7</rb><rb>base8</rb>
</rbc>
<rt>text7</rt><rt>text8</rt>
</ruby>
</p>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<body class="large">
<p>|<ruby><rbc><rb>a</rb><rb><span> </span></rb><rb>b</rb></rbc
><rtc pseudo><rt>c</rt><rt pseudo><span> </span></rt><rt>d</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>e</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>f</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>g</rb></rbc><rtc><rt>h</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>i</rb><rb><span> <span>j</span>
</span></rb></rbc><rtc pseudo><rt>k</rt></rtc><rbc><rb><span> <span>l</span>
</span></rb></rbc><rbc><rb>m</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>n</rb></rbc
><rtc><rt>o</rt></rtc><rtc><rt>p</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>q</rb></rbc><rtc pseudo><rt>r</rt></rtc
><rtc><rt>s</rt></rtc><rtc pseudo><rt>t</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>u</rb></rbc><rbc><rb><span> <span>v</span>
<span>w</span> </span></rb></rbc><rtc><rt>x</rt></rtc><rbc><rb><span>
<span>y</span> </span></rb><rb>z</rb></rbc></ruby>|</p>
<p>|<span> </span><ruby><rbc><rb>a</rb><rb><span> </span></rb><rb>b</rb></rbc
><rtc pseudo><rt>c</rt><rt pseudo><span> </span></rt><rt>d</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>e</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>f</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>g</rb></rbc><rtc><rt>h</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>i</rb></rbc></ruby><span> <span>j</span>
</span><ruby><rbc></rbc><rtc pseudo><rt>k</rt></rtc></ruby><span> <span>l</span>
</span><ruby><rbc><rb>m</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>n</rb></rbc
><rtc><rt>o</rt></rtc><rtc><rt>p</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>q</rb></rbc><rtc pseudo><rt>r</rt></rtc
><rtc><rt>s</rt></rtc><rtc pseudo><rt>t</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>u</rb></rbc></ruby><span> <span>v</span>
<span>w</span> </span><ruby><rbc></rbc><rtc><rt>x</rt></rtc></ruby><span>
<span>y</span> </span><ruby><rbc><rb>z</rb></rbc></ruby><span> </span>|</p>
</body>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="stylesheet" href="support/ruby-common.css">
<link rel="match" href="ruby-box-generation-001-ref.html">
<body class="large">
<!--
The tests are written in this way:
there are five different elements may appear in a ruby container: rb, rt,
rbc, rtc, and inline content.
In each test file, there are two parts: all elements are wrapped inside a
<ruby> in one part, they are directly contained by a <p> in the other part.
In each part, all permutations of pairs of two adjacent elements are
presented, so there are 5*5+1=26 elements.
The five test files share the same structure, but with different element
type order.
-->
<p>|<ruby>
<rb>a</rb> <rb>b</rb>
<rt>c</rt> <rt>d</rt>
<rb>e</rb> <rbc><rb>f</rb></rbc>
<rb>g</rb> <rtc><rt>h</rt></rtc>
<rb>i</rb> <span>j</span>
<rt>k</rt> <span>l</span>
<rbc><rb>m</rb></rbc> <rbc><rb>n</rb></rbc>
<rtc><rt>o</rt></rtc> <rtc><rt>p</rt></rtc>
<rbc><rb>q</rb></rbc> <rt>r</rt>
<rtc><rt>s</rt></rtc> <rt>t</rt>
<rbc><rb>u</rb></rbc> <span>v</span>
<span>w</span> <rtc><rt>x</rt></rtc>
<span>y</span> <rb>z</rb>
</ruby>|</p>
<p>| <rb>a</rb> <rb>b</rb>
<rt>c</rt> <rt>d</rt>
<rb>e</rb> <rbc><rb>f</rb></rbc>
<rb>g</rb> <rtc><rt>h</rt></rtc>
<rb>i</rb> <span>j</span>
<rt>k</rt> <span>l</span>
<rbc><rb>m</rb></rbc> <rbc><rb>n</rb></rbc>
<rtc><rt>o</rt></rtc> <rtc><rt>p</rt></rtc>
<rbc><rb>q</rb></rbc> <rt>r</rt>
<rtc><rt>s</rt></rtc> <rt>t</rt>
<rbc><rb>u</rb></rbc> <span>v</span>
<span>w</span> <rtc><rt>x</rt></rtc>
<span>y</span> <rb>z</rb> |</p>
</body>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<body class="large">
<p>|<ruby><rbc></rbc
><rtc pseudo><rt>a</rt><rt pseudo><span> </span></rt><rt>b</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>c</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>d</rb></rbc
><rtc pseudo><rt>e</rt></rtc><rtc><rt>f</rt></rtc
><rtc pseudo><rt>g</rt></rtc><rbc><rb><span> h
</span></rb></rbc><rtc pseudo><rt>i</rt></rtc><rbc><rb><span> </span></rb></rbc
><rbc><rb>j</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>k</rb></rbc><rbc><rb><span> </span></rb></rbc
><rbc><rb>l</rb></rbc
><rtc><rt>m</rt></rtc><rtc><rt>n</rt></rtc><rbc><rb><span>
o p
</span></rb></rbc><rtc><rt>q</rt></rtc><rbc><rb><span> </span></rb></rbc
><rbc><rb>r</rb></rbc><rbc><rb><span>
s </span></rb></rbc><rbc><rb>t</rb></rbc
><rtc><rt>u</rt></rtc><rbc><rb><span> </span></rb></rbc><rbc><rb>v</rb><rb><span>
</span></rb><rb>w</rb><rb><span> x
</span></rb><rb>y</rb></rbc><rtc pseudo><rt>z</rt></rtc></ruby>|</p>
<p>|<span> </span><ruby><rbc></rbc
><rtc pseudo><rt>a</rt><rt pseudo><span> </span></rt><rt>b</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>c</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>d</rb></rbc
><rtc pseudo><rt>e</rt></rtc><rtc><rt>f</rt></rtc
><rtc pseudo><rt>g</rt></rtc></ruby><span> h
</span><ruby><rbc></rbc><rtc pseudo><rt>i</rt></rtc
><rbc><rb><span> </span></rb></rbc><rbc><rb>j</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>k</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>l</rb></rbc
><rtc><rt>m</rt></rtc><rtc><rt>n</rt></rtc></ruby><span>
o p
</span><ruby><rbc></rbc><rtc><rt>q</rt></rtc
><rbc><rb><span> </span></rb></rbc><rbc><rb>r</rb></rbc></ruby><span>
s </span><ruby><rbc><rb>t</rb></rbc
><rtc><rt>u</rt></rtc><rbc><rb><span> </span></rb></rbc><rbc><rb>v</rb><rb><span>
</span></rb><rb>w</rb></rbc></ruby><span> x
</span><ruby><rbc><rb>y</rb></rbc><rtc pseudo><rt>z</rt></rtc></ruby><span> </span>|</p>
</body>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="stylesheet" href="support/ruby-common.css">
<link rel="match" href="ruby-box-generation-002-ref.html">
<body class="large">
<!--
The tests are written in this way:
there are five different elements may appear in a ruby container: rb, rt,
rbc, rtc, and inline content.
In each test file, there are two parts: all elements are wrapped inside a
<ruby> in one part, they are directly contained by a <p> in the other part.
In each part, all permutations of pairs of two adjacent elements are
presented, so there are 5*5+1=26 elements.
The five test files share the same structure, but with different element
type order.
-->
<p>|<ruby>
<rt>a</rt> <rt>b</rt>
<rbc><rb>c</rb></rbc> <rbc><rb>d</rb></rbc>
<rt>e</rt> <rtc><rt>f</rt></rtc>
<rt>g</rt> <span>h</span>
<rt>i</rt> <rb>j</rb>
<rbc><rb>k</rb></rbc> <rb>l</rb>
<rtc><rt>m</rt></rtc> <rtc><rt>n</rt></rtc>
<span>o</span> <span>p</span>
<rtc><rt>q</rt></rtc> <rbc><rb>r</rb></rbc>
<span>s</span> <rbc><rb>t</rb></rbc>
<rtc><rt>u</rt></rtc> <rb>v</rb>
<rb>w</rb> <span>x</span>
<rb>y</rb> <rt>z</rt>
</ruby>|</p>
<p>| <rt>a</rt> <rt>b</rt>
<rbc><rb>c</rb></rbc> <rbc><rb>d</rb></rbc>
<rt>e</rt> <rtc><rt>f</rt></rtc>
<rt>g</rt> <span>h</span>
<rt>i</rt> <rb>j</rb>
<rbc><rb>k</rb></rbc> <rb>l</rb>
<rtc><rt>m</rt></rtc> <rtc><rt>n</rt></rtc>
<span>o</span> <span>p</span>
<rtc><rt>q</rt></rtc> <rbc><rb>r</rb></rbc>
<span>s</span> <rbc><rb>t</rb></rbc>
<rtc><rt>u</rt></rtc> <rb>v</rb>
<rb>w</rb> <span>x</span>
<rb>y</rb> <rt>z</rt> |</p>
</body>

View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<body class="large">
<p>|<ruby><rbc><rb>a</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>b</rb></rbc
><rtc><rt>c</rt></rtc><rtc><rt>d</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>e</rb></rbc><rbc><rb><span> <span>f</span>
</span></rb></rbc><rbc><rb>g</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>h</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>i</rb></rbc><rtc pseudo><rt>j</rt></rtc
><rtc><rt>k</rt></rtc><rtc pseudo><rt>l</rt></rtc><rbc><rb><span>
<span>m</span> <span>n</span>
</span></rb><rb>o</rb><rb><span> </span></rb><rb>p</rb><rb><span>
<span>q</span> </span></rb></rbc><rtc><rt>r</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>s</rb></rbc><rtc><rt>t</rt></rtc><rbc><rb><span>
<span>u</span> </span></rb></rbc><rtc pseudo><rt>v</rt><rt pseudo><span>
</span></rt><rt>w</rt></rtc><rbc><rb><span> </span></rb></rbc><rbc><rb>x</rb></rbc
><rtc pseudo><rt>y</rt></rtc><rbc><rb><span> </span></rb></rbc><rbc><rb>z</rb></rbc
></ruby>|</p>
<p>|<span> </span><ruby><rbc><rb>a</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>b</rb></rbc
><rtc><rt>c</rt></rtc><rtc><rt>d</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>e</rb></rbc></ruby><span> <span>f</span>
</span><ruby><rbc><rb>g</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>h</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>i</rb></rbc><rtc pseudo><rt>j</rt></rtc
><rtc><rt>k</rt></rtc><rtc pseudo><rt>l</rt></rtc></ruby><span>
<span>m</span> <span>n</span>
</span><ruby><rbc><rb>o</rb><rb><span> </span></rb><rb>p</rb></rbc></ruby><span>
<span>q</span> </span><ruby><rbc></rbc><rtc><rt>r</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>s</rb></rbc><rtc><rt>t</rt></rtc></ruby><span>
<span>u</span> </span><ruby><rbc></rbc><rtc pseudo><rt>v</rt><rt pseudo><span>
</span><rt>w</rt></rtc><rbc><rb><span> </span></rb></rbc><rbc><rb>x</rb></rbc
><rtc pseudo><rt>y</rt></rtc><rbc><rb><span> </span></rb></rbc><rbc><rb>z</rb></rbc></ruby
><span> </span>|</p>
</body>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="stylesheet" href="support/ruby-common.css">
<link rel="match" href="ruby-box-generation-003-ref.html">
<body class="large">
<!--
The tests are written in this way:
there are five different elements may appear in a ruby container: rb, rt,
rbc, rtc, and inline content.
In each test file, there are two parts: all elements are wrapped inside a
<ruby> in one part, they are directly contained by a <p> in the other part.
In each part, all permutations of pairs of two adjacent elements are
presented, so there are 5*5+1=26 elements.
The five test files share the same structure, but with different element
type order.
-->
<p>|<ruby>
<rbc><rb>a</rb></rbc> <rbc><rb>b</rb></rbc>
<rtc><rt>c</rt></rtc> <rtc><rt>d</rt></rtc>
<rbc><rb>e</rb></rbc> <span>f</span>
<rbc><rb>g</rb></rbc> <rb>h</rb>
<rbc><rb>i</rb></rbc> <rt>j</rt>
<rtc><rt>k</rt></rtc> <rt>l</rt>
<span>m</span> <span>n</span>
<rb>o</rb> <rb>p</rb>
<span>q</span> <rtc><rt>r</rt></rtc>
<rb>s</rb> <rtc><rt>t</rt></rtc>
<span>u</span> <rt>v</rt>
<rt>w</rt> <rb>x</rb>
<rt>y</rt> <rbc><rb>z</rb></rbc>
</ruby>|</p>
<p>| <rbc><rb>a</rb></rbc> <rbc><rb>b</rb></rbc>
<rtc><rt>c</rt></rtc> <rtc><rt>d</rt></rtc>
<rbc><rb>e</rb></rbc> <span>f</span>
<rbc><rb>g</rb></rbc> <rb>h</rb>
<rbc><rb>i</rb></rbc> <rt>j</rt>
<rtc><rt>k</rt></rtc> <rt>l</rt>
<span>m</span> <span>n</span>
<rb>o</rb> <rb>p</rb>
<span>q</span> <rtc><rt>r</rt></rtc>
<rb>s</rb> <rtc><rt>t</rt></rtc>
<span>u</span> <rt>v</rt>
<rt>w</rt> <rb>x</rb>
<rt>y</rt> <rbc><rb>z</rb></rbc> |</p>
</body>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<body class="large">
<p>|<ruby><rbc></rbc
><rtc><rt>a</rt></rtc><rtc><rt>b</rt></rtc><rbc><rb><span>
<span>c</span> <span>d</span>
</span></rb></rbc><rtc><rt>e</rt></rtc
><rbc><rb><span> </span></rb></rbc><rbc><rb>f</rb></rbc
><rtc><rt>g</rt></rtc><rtc pseudo><rt>h</rt></rtc
><rtc><rt>i</rt></rtc><rbc><rb><span> </span></rb></rbc
><rbc><rb>j</rb></rbc><rbc><rb><span>
<span>k</span> </span></rb></rbc><rbc><rb>l</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>m</rb><rb><span> </span></rb><rb>n</rb></rbc
><rtc pseudo><rt>o</rt><rt pseudo><span> </span></rt><rt>p</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>q</rb><rb><span> <span>r</span>
</span></rb></rbc><rtc pseudo><rt>s</rt></rtc><rbc><rb><span> <span>t</span>
</span></rb></rbc><rbc><rb>u</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>v</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>w</rb></rbc><rtc pseudo><rt>x</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>y</rb></rbc><rtc><rt>z</rt></rtc
></ruby>|</p>
<p>|<span> </span><ruby><rbc></rbc
><rtc><rt>a</rt></rtc><rtc><rt>b</rt></rtc></ruby><span>
<span>c</span> <span>d</span>
</span><ruby><rbc></rbc><rtc><rt>e</rt></rtc
><rbc><rb><span> </span></rb></rbc><rbc><rb>f</rb></rbc
><rtc><rt>g</rt></rtc><rtc pseudo><rt>h</rt></rtc
><rtc><rt>i</rt></rtc><rbc><rb><span> </span></rb></rbc
><rbc><rb>j</rb></rbc></ruby><span>
<span>k</span> </span><ruby><rbc><rb>l</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>m</rb><rb><span> </span></rb><rb>n</rb></rbc
><rtc pseudo><rt>o</rt><rt pseudo><span> </span></rt><rt>p</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>q</rb></rbc></ruby><span> <span>r</span>
</span><ruby><rbc></rbc><rtc pseudo><rt>s</rt></rtc></ruby><span> <span>t</span>
</span><ruby><rbc><rb>u</rb></rbc><rbc><rb><span> </span></rb></rbc
><rbc><rb>v</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>w</rb></rbc><rtc pseudo><rt>x</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>y</rb></rbc><rtc><rt>z</rt></rtc></ruby
><span> </span>|</p>
</body>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="stylesheet" href="support/ruby-common.css">
<link rel="match" href="ruby-box-generation-004-ref.html">
<body class="large">
<!--
The tests are written in this way:
there are five different elements may appear in a ruby container: rb, rt,
rbc, rtc, and inline content.
In each test file, there are two parts: all elements are wrapped inside a
<ruby> in one part, they are directly contained by a <p> in the other part.
In each part, all permutations of pairs of two adjacent elements are
presented, so there are 5*5+1=26 elements.
The five test files share the same structure, but with different element
type order.
-->
<p>|<ruby>
<rtc><rt>a</rt></rtc> <rtc><rt>b</rt></rtc>
<span>c</span> <span>d</span>
<rtc><rt>e</rt></rtc> <rb>f</rb>
<rtc><rt>g</rt></rtc> <rt>h</rt>
<rtc><rt>i</rt></rtc> <rbc><rb>j</rb></rbc>
<span>k</span> <rbc><rb>l</rb></rbc>
<rb>m</rb> <rb>n</rb>
<rt>o</rt> <rt>p</rt>
<rb>q</rb> <span>r</span>
<rt>s</rt> <span>t</span>
<rb>u</rb> <rbc><rb>v</rb></rbc>
<rbc><rb>w</rb></rbc> <rt>x</rt>
<rbc><rb>y</rb></rbc> <rtc><rt>z</rt></rtc>
</ruby>|</p>
<p>| <rtc><rt>a</rt></rtc> <rtc><rt>b</rt></rtc>
<span>c</span> <span>d</span>
<rtc><rt>e</rt></rtc> <rb>f</rb>
<rtc><rt>g</rt></rtc> <rt>h</rt>
<rtc><rt>i</rt></rtc> <rbc><rb>j</rb></rbc>
<span>k</span> <rbc><rb>l</rb></rbc>
<rb>m</rb> <rb>n</rb>
<rt>o</rt> <rt>p</rt>
<rb>q</rb> <span>r</span>
<rt>s</rt> <span>t</span>
<rb>u</rb> <rbc><rb>v</rb></rbc>
<rbc><rb>w</rb></rbc> <rt>x</rt>
<rbc><rb>y</rb></rbc> <rtc><rt>z</rt></rtc> |</p>
</body>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<body class="large">
<p>|<ruby><rbc><rb><span><span>a</span> <span>b</span>
</span></rb><rb>c</rb><rb><span> </span></rb><rb>d</rb><rb><span>
<span>e</span> </span></rb></rbc><rtc pseudo><rt>f</rt></rtc><rbc><rb><span>
<span>g</span> </span></rb></rbc><rbc><rb>h</rb></rbc><rbc><rb><span>
<span>i</span> </span></rb></rbc><rtc><rt>j</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>k</rb></rbc><rtc><rt>l</rt></rtc
><rtc pseudo><rt>m</rt><rt pseudo><span> </span></rt><rt>n</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>o</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>p</rb></rbc
><rtc pseudo><rt>q</rt></rtc><rbc><rb><span> </span></rb></rbc
><rbc><rb>r</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>s</rb></rbc><rbc><rb><span> </span></rb></rbc
><rbc><rb>t</rb></rbc
><rtc pseudo><rt>u</rt></rtc><rtc><rt>v</rt></rtc
><rtc><rt>w</rt></rtc><rbc><rb><span> </span></rb></rbc><rbc><rb>x</rb></rbc
><rtc><rt>y</rt></rtc><rbc><rb><span> <span>z</span></span></rb></rbc
></ruby>|</p>
<p>|<span> <span>a</span> <span>b</span>
</span><ruby
><rbc><rb>c</rb><rb><span> </span></rb><rb>d</rb></rbc></ruby><span>
<span>e</span> </span><ruby><rbc></rbc><rtc pseudo><rt>f</rt></rtc></ruby><span>
<span>g</span> </span><ruby><rbc><rb>h</rb></rbc></ruby><span>
<span>i</span> </span><ruby><rbc></rbc><rtc><rt>j</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>k</rb></rbc><rtc><rt>l</rt></rtc
><rtc pseudo><rt>m</rt><rt pseudo><span> </span></rt><rt>n</rt></rtc><rbc><rb><span>
</span></rb></rbc><rbc><rb>o</rb></rbc
><rbc><rb><span> </span></rb></rbc><rbc><rb>p</rb></rbc
><rtc pseudo><rt>q</rt></rtc><rbc><rb><span> </span></rb></rbc
><rbc><rb>r</rb></rbc><rbc><rb><span>
</span></rb></rbc><rbc><rb>s</rb></rbc><rbc><rb><span> </span></rb></rbc
><rbc><rb>t</rb></rbc
><rtc pseudo><rt>u</rt></rtc><rtc><rt>v</rt></rtc
><rtc><rt>w</rt></rtc><rbc><rb><span> </span></rb></rbc><rbc><rb>x</rb></rbc
><rtc><rt>y</rt></rtc></ruby><span> <span>z</span> </span>|</p>
</body>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for pseudo ruby box generation</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="stylesheet" href="support/ruby-common.css">
<link rel="match" href="ruby-box-generation-005-ref.html">
<body class="large">
<p>|<ruby>
<span>a</span> <span>b</span>
<rb>c</rb> <rb>d</rb>
<span>e</span> <rt>f</rt>
<span>g</span> <rbc><rb>h</rb></rbc>
<span>i</span> <rtc><rt>j</rt></rtc>
<rb>k</rb> <rtc><rt>l</rt></rtc>
<rt>m</rt> <rt>n</rt>
<rbc><rb>o</rb></rbc> <rbc><rb>p</rb></rbc>
<rt>q</rt> <rb>r</rb>
<rbc><rb>s</rb></rbc> <rb>t</rb>
<rt>u</rt> <rtc><rt>v</rt></rtc>
<rtc><rt>w</rt></rtc> <rbc><rb>x</rb></rbc>
<rtc><rt>y</rt></rtc> <span>z</span>
</ruby>|</p>
<p>| <span>a</span> <span>b</span>
<rb>c</rb> <rb>d</rb>
<span>e</span> <rt>f</rt>
<span>g</span> <rbc><rb>h</rb></rbc>
<span>i</span> <rtc><rt>j</rt></rtc>
<rb>k</rb> <rtc><rt>l</rt></rtc>
<rt>m</rt> <rt>n</rt>
<rbc><rb>o</rb></rbc> <rbc><rb>p</rb></rbc>
<rt>q</rt> <rb>r</rb>
<rbc><rb>s</rb></rbc> <rb>t</rb>
<rt>u</rt> <rtc><rt>v</rt></rtc>
<rtc><rt>w</rt></rtc> <rbc><rb>x</rb></rbc>
<rtc><rt>y</rt></rtc> <span>z</span> |</p>
</body>

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p>One space should exist between 'a' and 'b':</p>
<p>a<rbc><rb></rb> <rb></rb></rbc>b</p>
<p>a<ruby><rb></rb> <rb></rb></ruby>b</p>
<p>a<ruby><rbc></rbc> <rbc></rbc></ruby>b</p>
<p>a<rtc><rt></rt> <rt></rt></rtc>b</p>
<p>a<ruby><rt></rt> <rt></rt></ruby>b</p>
<p>a<rbc><rb></rb> <rb></rb></rbc>b</p>
<p>a<ruby><rb></rb> <rb></rb></ruby>b</p>
<p>a<ruby><rbc></rbc> <rbc></rbc></ruby>b</p>
<p>a<rtc><rt></rt> <rt></rt></rtc>b</p>
<p>a<ruby><rt></rt> <rt></rt></ruby>b</p>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-dynamic-insertion-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<script src="support/ruby-dynamic-insertion.js"></script>
<p>One space should exist between 'a' and 'b':</p>
<!-- leading white space -->
<!-- => inter-base white space -->
<p>a<rbc data-insert="start" data-tag="rb"> <rb></rb></rbc>b</p>
<p>a<ruby data-insert="start" data-tag="rb"> <rb></rb></ruby>b</p>
<!-- => inter-segment white space -->
<p>a<ruby data-insert="start" data-tag="rbc"> <rbc></rbc></ruby>b</p>
<!-- => inter-annotation white space -->
<p>a<rtc data-insert="start" data-tag="rt"> <rt></rt></rtc>b</p>
<p>a<ruby data-insert="start" data-tag="rt"> <rt></rt></ruby>b</p>
<!-- trailing white space -->
<!-- => inter-base white space -->
<p>a<rbc data-insert="end" data-tag="rb"><rb></rb> </rbc>b</p>
<p>a<ruby data-insert="end" data-tag="rb"><rb></rb> </ruby>b</p>
<!-- => inter-segment white space -->
<p>a<ruby data-insert="end" data-tag="rbc"><rbc></rbc> </ruby>b</p>
<!-- => inter-annotation white space -->
<p>a<rtc data-insert="end" data-tag="rt"><rt></rt> </rtc>b</p>
<p>a<ruby data-insert="end" data-tag="rt"><rt></rt> </ruby>b</p>

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p>One space should exist between 'a' and 'b':</p>
<p>a<rb></rb><span></span> <rt></rt>b</p>
<p>a<rb></rb> <span></span><rt></rt>b</p>
<p>a<rb></rb> <rb></rb><rt></rt>b</p>
<p>a<rt></rt><rb></rb> <rb></rb>b</p>
<p>a<rbc></rbc> <rbc></rbc><rt></rt>b</p>
<p>a<rb></rb><rt></rt> <rt></rt>b</p>
<p>a<rt></rt> <rt></rt><rb></rb>b</p>
<p>a<rb></rb> <rb></rb>b</p>
<p>a<rbc></rbc> <rbc></rbc>b</p>
<p>a<rt></rt> <rt></rt>b</p>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-dynamic-insertion-002-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<script src="support/ruby-dynamic-insertion.js"></script>
<p>One space should exist between 'a' and 'b':</p>
<!-- inter-level white space -->
<!-- => normal white space -->
<p>a<rb data-insert="after" data-tag="span"></rb> <rt></rt>b</p>
<p>a<rb></rb> <rt data-insert="before" data-tag="span"></rt>b</p>
<!-- => inter-base white space -->
<p>a<rb></rb> <rt data-insert="before" data-tag="rb"></rt>b</p>
<p>a<rt data-insert="after" data-tag="rb"></rt> <rb></rb>b</p>
<!-- => inter-segment white space -->
<p>a<rbc></rbc> <rt data-insert="before" data-tag="rbc"></rt>b</p>
<!-- => inter-annotation white space -->
<p>a<rb data-insert="after" data-tag="rt"></rb> <rt></rt>b</p>
<p>a<rt></rt> <rb data-insert="before" data-tag="rt"></rb>b</p>
<!-- insert white space -->
<!-- inter-base white space -->
<p>a<rb data-insert="after" data-text=" "></rb><rb></rb>b</p>
<!-- inter-segment white space -->
<p>a<rbc data-insert="after" data-text=" "></rbc><rbc></rbc>b</p>
<!-- inter-annotation white space -->
<p>a<rt data-insert="after" data-text=" "></rt><rt></rt>b</p>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p>No space should exist between 'a' and 'b':</p>
<p><span>a</span><rb></rb> <rt></rt>b</p>
<p>a<rb></rb> <rt></rt><span>b</span></p>
<p>a<rb></rb> <rt></rt><rb></rb>b</p>
<p>a<rbc></rbc> <rt></rt><rb></rb>b</p>
<p>a<rt></rt><rb></rb> <rt></rt>b</p>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-dynamic-insertion-003-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<script src="support/ruby-dynamic-insertion.js"></script>
<p>No space should exist between 'a' and 'b':</p>
<!-- inter-level white space -->
<!-- <= normal white space -->
<p><span data-insert="after" data-tag="rb">a</span> <rt></rt>b</p>
<p>a<rb></rb> <span data-insert="before" data-tag="rt">b</span></p>
<!-- <= inter-base white space -->
<p>a<rb></rb> <rb data-insert="before" data-tag="rt"></rb>b</p>
<!-- <= inter-segment white space -->
<p>a<rbc></rbc> <rb data-insert="before" data-tag="rt"></rb>b</p>
<!-- <= inter-annotation white space -->
<p>a<rt data-insert="after" data-tag="rb"></rt> <rt></rt>b</p>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p>No space should exist between 'a' and 'b':</p>
<p>a<ruby> <rb></rb></ruby>b</p>
<p>a<rbc> <rb></rb></rbc>b</p>
<p>a<rtc> <rt></rt></rtc>b</p>
<p>a<ruby><rb></rb> </ruby>b</p>
<p>a<rbc><rb></rb> </rbc>b</p>
<p>a<rtc><rt></rt> </rtc>b</p>
<p>a<rb></rb> <rt></rt>b</p>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-dynamic-insertion-004-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<script src="support/ruby-dynamic-insertion.js"></script>
<p>No space should exist between 'a' and 'b':</p>
<!-- insert white space -->
<!-- leading white space -->
<p>a<ruby data-insert="start" data-text=" "><rb></rb></ruby>b</p>
<p>a<rbc data-insert="start" data-text=" "><rb></rb></rbc>b</p>
<p>a<rtc data-insert="start" data-text=" "><rt></rt></rtc>b</p>
<!-- trailing white space -->
<p>a<ruby data-insert="end" data-text=" "><rb></rb></ruby>b</p>
<p>a<rbc data-insert="end" data-text=" "><rb></rb></rbc>b</p>
<p>a<rtc data-insert="end" data-text=" "><rt></rt></rtc>b</p>
<!-- inter-level white space -->
<p>a<rb data-insert="after" data-text=" "></rb><rt></rt>b</p>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p>'a' and 'b' should be paired with 'x' and 'y' respectively:</p>
<p><rb></rb><span></span><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<p><rb></rb><rt></rt><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<p><rb>a</rb><rt>x</rt><rb>b</rb><rt>y</rt></p>
<p><rbc><span>a</span><rb></rb>b</rbc><rt>x</rt><rt></rt><rt>y</rt></p>
<p><rb>a</rb><rb></rb><rb>b</rb><rtc><span>x</span><rt></rt>y</rtc></p>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic insertion of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-dynamic-insertion-005-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<script src="support/ruby-dynamic-insertion.js"></script>
<p>'a' and 'b' should be paired with 'x' and 'y' respectively:</p>
<!-- split -->
<!-- pseudo ruby -->
<p><rb data-insert="after" data-tag="span"></rb><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<!-- pseudo ruby base container -->
<p><rb data-insert="after" data-tag="rt"></rb><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<!-- pseudo ruby text container -->
<p><rb>a</rb><rt data-insert="after" data-tag="rb" data-text="b">x</rt><rt>y</rt></p>
<!-- pseudo ruby base -->
<p><rbc><span data-insert="after" data-tag="rb">a</span>b</rbc><rt>x</rt><rt></rt><rt>y</rt></p>
<!-- pseudo ruby text -->
<p><rb>a</rb><rb></rb><rb>b</rb><rtc><span data-insert="after" data-tag="rt">x</span>y</rtc></p>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic removal of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p>No space should exist between 'a' and 'b':</p>
<p>a<ruby> <rb></rb></ruby>b</p>
<p>a<ruby><rb></rb> </ruby>b</p>
<p>a<ruby><rb></rb> <rt></rt></ruby>b</p>
<p>a<ruby> <rbc></rbc></ruby>b</p>
<p>a<ruby><rbc></rbc> </ruby>b</p>
<p>a<rbc></rbc> <rtc></rtc>b</p>
<p><rb>a</rb><rb>b</rb><rtc> <rt>x</rt></rtc></p>
<p><rb>a</rb><rb>b</rb><rtc><rt>x</rt> </rtc></p>
<p><rb>a</rb><rb>b</rb> <rt>x</rt></p>

View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic removal of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-dynamic-removal-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<script src="support/ruby-dynamic-removal.js"></script>
<p>No space should exist between 'a' and 'b':</p>
<!-- inter-base white space -->
<!-- => leading white space -->
<p>a<ruby><rb class="remove"></rb> <rb></rb></ruby>b</p>
<!-- => trailing white space -->
<p>a<ruby><rb></rb> <rb class="remove"></rb></ruby>b</p>
<!-- => inter-level white space -->
<p>a<ruby><rb></rb> <rb class="remove"></rb><rt></rt></ruby>b</p>
<!-- inter-segment white space -->
<!-- => leading white space -->
<p>a<ruby><rbc class="remove"></rbc> <rbc></rbc></ruby>b</p>
<!-- => trailing white space -->
<p>a<ruby><rbc></rbc> <rbc class="remove"></rbc></ruby>b</p>
<!-- => inter-level white space -->
<p>a<rbc></rbc> <rbc class="remove"></rbc><rtc></rtc>b</p>
<!-- inter-annotation white space -->
<!-- => leading white space -->
<p><rb>a</rb><rb>b</rb><rtc><rt class="remove"></rt> <rt>x</rt></rtc></p>
<!-- => trailing white space -->
<p><rb>a</rb><rb>b</rb><rtc><rt>x</rt> <rt class="remove"></rt></rtc></p>
<!-- => inter-level white space -->
<p><rb>a</rb><rb>b</rb><rt class="remove"></rt> <rt>x</rt></p>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic removal of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p>One space should exist between 'a' and 'b':</p>
<p>a <rt></rt>b</p>
<p>a<rb></rb> b</p>
<p>a<rb></rb> <rb></rb>b</p>
<p>a<rbc></rbc> <rbc></rbc>b</p>
<p><rb>a</rb> <rb>b</rb><rt>x</rt> <rt>y</rt></p>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic removal of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-dynamic-removal-002-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<script src="support/ruby-dynamic-removal.js"></script>
<p>One space should exist between 'a' and 'b':</p>
<!-- inter-level white space -->
<!-- => normal white space -->
<p>a<rb class="remove"></rb> <rt></rt>b</p>
<p>a<rb></rb> <rt class="remove"></rt>b</p>
<!-- => inter-base white space -->
<p>a<rb></rb> <rt class="remove"></rt><rb></rb>b</p>
<!-- => inter-segment white space -->
<p>a<rbc></rbc> <rtc class="remove"></rtc><rbc></rbc>b</p>
<!-- => inter-annotation white space -->
<p><rb>a</rb> <rb>b</rb><rt>x</rt><rb class="remove"></rb> <rt>y</rt></p>

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic removal of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p>'a' and 'b' should be paired with 'x' and 'y' respectively:</p>
<p><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<p><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<p><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<p><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<p><rb>a</rb><rb>b</rb><rt>x</rt><rt>y</rt></p>
<p>'ab' should be paried with 'xy':</p>
<p><rbc>ab</rbc><rt>xy</rt></p>
<p><rb>ab</rb><rtc style="letter-spacing: 1px">xy</rtc></p>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for dynamic removal of ruby frames</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-dynamic-removal-003-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<script src="support/ruby-dynamic-removal.js"></script>
<p>'a' and 'b' should be paired with 'x' and 'y' respectively:</p>
<!-- merge -->
<!-- pseudo ruby -->
<p><rb>a</rb><span class="remove"></span><rb>b</rb><rt>x</rt><rt>y</rt></p>
<!-- pseudo ruby base container -->
<p><rb>a</rb><rt class="remove"></rt><rb>b</rb><rt>x</rt><rt>y</rt></p>
<!-- pseudo ruby text container -->
<p><rb>a</rb><rb>b</rb><rt>x</rt><rb class="remove"></rb><rt>y</rt></p>
<!-- white space removal -->
<!-- inter-base white space -->
<p><rb class="remove-after">a</rb> <rb>b</rb><rt>x</rt><rt>y</rt></p>
<!-- inter-annotation white space -->
<p><rb>a</rb><rb>b</rb><rt class="remove-after">x</rt> <rt>y</rt></p>
<p>'ab' should be paried with 'xy':</p>
<!-- merge -->
<!-- pseudo ruby base -->
<p><rbc>a<rb class="remove"></rb>b</rbc><rt>xy</rt></p>
<!-- pseudo ruby text -->
<!-- letter-spacing is added here to avoid fuzzy on Windows. See bug 1111891 -->
<p><rb>ab</rb><rtc style="letter-spacing: 1px">x<rt class="remove"></rt>y</rtc></p>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for float handling in ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
ruby div {
width: 10px; height: 10px;
background-color: grey;
margin: 2px;
}
.left { float: left; }
.right { float: right; }
</style>
<div><ruby><rb><div class="left"></div>HELLO WORLD</rb><rt>hello world</rt></ruby></div>
<div><ruby><rb><div class="left"></div>HELLO WORLD</rb><rt>hello world</rt></ruby></div>
<div><ruby><rb><div class="right"></div>HELLO WORLD</rb><rt>hello world</rt></ruby></div>
<div><ruby><rb><div class="right"></div>HELLO WORLD</rb><rt>hello world</rt></ruby></div>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for float handling in ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#formatting-context">
<link rel="match" href="ruby-float-handling-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
ruby div {
width: 10px; height: 10px;
background-color: grey;
margin: 2px;
}
.left { float: left; }
.right { float: right; }
</style>
<div><ruby><rb>HELLO WORLD</rb><rt><div class="left"></div>hello world</rt></ruby></div>
<div><ruby><rb>HELLO WORLD</rb><rt>hello<div class="left"></div> world</rt></ruby></div>
<div><ruby><rb>HELLO WORLD</rb><rt><div class="right"></div>hello world</rt></ruby></div>
<div><ruby><rb>HELLO WORLD</rb><rt>hello<div class="right"></div> world</rt></ruby></div>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Intra-level whitespace pairing</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<p><ruby>
<rb>a</rb><rb pseudo><span> </span></rb><rb>b</rb>
<rt>x</rt><rt pseudo><span> </span></rt><rt>y</rt>
</ruby></p>
<p><ruby>
<rb>a</rb><rb pseudo><span> </span></rb><rb>b</rb>
<rt>x</rt><rt></rt><rt>y</rt>
</ruby></p>
<p><ruby>
<rb>a</rb><rb pseudo></rb><rb>b</rb>
<rt>x</rt><rt pseudo><span> </span></rt><rt>y</rt>
</ruby></p>

View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Intra-level whitespace pairing</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-pairing">
<link rel="match" href="ruby-intra-level-whitespace-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<p><ruby>
<rb>a</rb> <rb>b</rb>
<rt>x</rt> <rt>y</rt>
</ruby></p>
<p><ruby>
<rb>a</rb> <rb>b</rb>
<rt>x</rt><rt>y</rt>
</ruby></p>
<p><ruby>
<rb>a</rb><rb>b</rb>
<rt>x</rt> <rt>y</rt>
</ruby></p>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Intra-level whitespace pairing</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { font-family: monospace; }
.container { border: 1px solid blue; margin: 20px; }
</style>
<style id="style"></style>
<span id="ref1">12345</span> <span id="ref2">12345 67890</span>
<div class="container"><ruby><rb>12345</rb> <rb>67890</rb><rt>09876</rt><rt>54321</rt></ruby></div>
<div class="container"><ruby><rb>12345</rb><rb>67890</rb><rt>09876</rt> <rt>54321</rt></ruby></div>
<div class="container"><ruby><rb>12345</rb> <rb>67890</rb><rt>09876</rt> <rt>54321</rt></ruby></div>
<script type="text/javascript">
var ref2 = document.getElementById('ref2');
var style = document.getElementById('style');
var width2 = ref2.getBoundingClientRect().width + 'px';
// This is the same as the script in the corresponding
// testcase, except that here we skip the intermediate
// size and jump straight to the final size.
style.textContent = '.container { width: ' + width2 + '; }';
</script>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Intra-level whitespace pairing</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-pairing">
<link rel="match" href="ruby-intra-level-whitespace-002-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { font-family: monospace; }
.container { border: 1px solid blue; margin: 20px; }
</style>
<style id="style"></style>
<span id="ref1">12345</span> <span id="ref2">12345 67890</span>
<div class="container"><ruby><rb>12345</rb> <rb>67890</rb><rt>09876</rt><rt>54321</rt></ruby></div>
<div class="container"><ruby><rb>12345</rb><rb>67890</rb><rt>09876</rt> <rt>54321</rt></ruby></div>
<div class="container"><ruby><rb>12345</rb> <rb>67890</rb><rt>09876</rt> <rt>54321</rt></ruby></div>
<script type="text/javascript">
var ref1 = document.getElementById('ref1');
var ref2 = document.getElementById('ref2');
var style = document.getElementById('style');
var width1 = ref1.getBoundingClientRect().width + 'px';
var width2 = ref2.getBoundingClientRect().width + 'px';
// It changes the width of the containers to test incremental
// layout with intra-level whitespace columns being pushed and
// pulled up across a line-break.
style.textContent = '.container { width: ' + width1 + '; }';
document.body.offsetHeight; // force reflow
style.textContent = '.container { width: ' + width2 + '; }';
document.body.offsetHeight; // force reflow
</script>

View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Intra-level whitespace pairing</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
|<ruby>
<rbc><rb>before</rb><rb>base</rb><rb> </rb></rbc>
<rtc><rt> </rt><rt>text</rt><rt>after</rt></rtc>
</ruby>|

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Intra-level whitespace pairing</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-pairing">
<link rel="match" href="ruby-intra-level-whitespace-003-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
rbc::before {
display: ruby-base;
content: "before";
}
rbc::after {
display: ruby-base;
content: " ";
}
rtc::before {
display: ruby-text;
content: " ";
}
rtc::after {
display: ruby-text;
content: "after";
}
</style>
<!-- This test ensures that we don't treat all-whitespace
::before/::after content as intra-level whitespace -->
|<ruby>
<rbc><rb>base</rb></rbc>
<rtc><rt>text</rt></rtc>
</ruby>|

View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Intrinsic ISize calculation of ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style>
div {
display: inline-block;
border: 1px solid black;
font-kerning: none; /* disable kerning, because in the reference file
it might occur across <span> boundaries */
}
span {
white-space: nowrap;
}
</style>
<div style="width: min-content">
<span>ABC</span><span>DEF</span>
</div>
<div style="width: max-content">
<span>ABC</span><span>DEF</span>
</div>
<br>
<div style="width: min-content">
XYZ<span>ABC</span><span>DEF</span>XYZ
</div>
<div style="width: max-content">
XYZ<span>ABC</span><span>DEF</span>XYZ
</div>
<br>
<div style="width: min-content">
<span>あい</span><span>うえ</span>
</div>
<div style="width: max-content">
<span>あい</span><span>うえ</span>
</div>
<br>
<div style="width: min-content">
<span>あい</span><span>うえ</span>
</div>
<div style="width: max-content">
<span>あい</span><span>うえ</span>
</div>
<br>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Intrinsic ISize calculation of ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#line-breaks">
<link rel="match" href="ruby-intrinsic-isize-001-ref.html">
<style>
div {
display: inline-block;
border: 1px solid black;
font-kerning: none; /* disable kerning, because in the reference file
it might occur across <span> boundaries */
}
</style>
<div style="width: min-content">
<ruby><rb>ABC<rb>DEF</ruby>
</div>
<div style="width: max-content">
<ruby><rb>ABC<rb>DEF</ruby>
</div>
<br>
<div style="width: min-content">
XYZ<ruby><rb>ABC<rb>DEF</ruby>XYZ
</div>
<div style="width: max-content">
XYZ<ruby><rb>ABC<rb>DEF</ruby>XYZ
</div>
<br>
<div style="width: min-content">
<ruby><rb>あい<rb>うえ</ruby>
</div>
<div style="width: max-content">
<ruby><rb>あい<rb>うえ</ruby>
</div>
<br>
<div style="width: min-content">
<ruby><rb>あい<rb>うえ</ruby>
</div>
<div style="width: max-content">
<ruby><rb>あい<rb>うえ</ruby>
</div>
<br>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Intrinsic ISize calculation of ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style>
div {
display: inline-block;
border: 1px solid black;
}
</style>
<p>No line break should happen in any block, and the content should just fit in the block.</p>
<div>
ABC DEF
</div>
<div>
XYZ ABCDEF XYZ
</div>
<div>
あい うえ
</div>
<div>
お あいうえ お
</div>
<br>

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Intrinsic ISize calculation of ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#line-breaks">
<link rel="match" href="ruby-intrinsic-isize-002-ref.html">
<style>
div {
display: inline-block;
border: 1px solid black;
}
</style>
<p>No line break should happen in any block, and the content should just fit in the block.</p>
<div>
<ruby><rb>ABC</rb> <rb>DEF</rb></ruby>
</div>
<div>
XYZ <ruby><rb>ABC</rb><rb>DEF</rb></ruby> XYZ
</div>
<div>
<ruby><rb>あい</rb> <rb>うえ</rb></ruby>
</div>
<div>
<ruby><rb>あい</rb><rb>うえ</rb></ruby>
</div>
<br>

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Justification with ruby span</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 3; }
</style>
<div style="width: 200px; height: 100px; text-align-last: justify; overflow: auto;"><ruby>
<rb>a</rb><rb>b</rb>
</ruby></div>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Justification with ruby span</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#base-annotation-pairing">
<link rel="match" href="ruby-justification-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 3; }
</style>
<div style="width: 200px; height: 100px; text-align-last: justify; overflow: auto;"><ruby>
<rb>a</rb><rb>b</rb>
<rtc><div style="width: 100px;"></div></rtc>
</ruby></div>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Justification with ruby span</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
div {
ruby-position: under;
width: 300px; height: 100px;
text-align-last: justify;
overflow: auto;
text-decoration: underline;
}
</style>
<div><rb></rb><rb></rb><rt></rt><rt></rt></div>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Justification with ruby span</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#base-annotation-pairing">
<link rel="match" href="ruby-justification-002-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
div {
ruby-position: under;
width: 300px; height: 100px;
text-align-last: justify;
overflow: auto;
text-decoration: underline;
}
</style>
<div>
<rb></rb><rb></rb>
<rt></rt><rt></rt>
<!-- -->
</div>

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for lang-specific default stylesheet for ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<body style="font: 200%/normal Ahem !important">
<p><ruby><rb>base x x<rt style="ruby-align: space-around; font-size: 50%">text x x</ruby></p>
<p><ruby><rb>base x x<rt style="ruby-align: space-around; font-size: 50%">text x x</ruby></p>
<p><ruby><rb>base x x<rt style="ruby-align: center; font-size: 50%">text x x</ruby></p>
<p><ruby><rb>base x x<rt style="ruby-align: center; font-size: 30%">text x x</ruby></p>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for lang-specific default stylesheet for ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#default-stylesheet">
<link rel="match" href="ruby-lang-specific-style-001-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<body style="font: 200%/normal Ahem !important">
<p lang="en"><ruby><rb>base x x<rt>text x x</ruby></p>
<p lang="ja"><ruby><rb>base x x<rt>text x x</ruby></p>
<p lang="zh-CN"><ruby><rb>base x x<rt>text x x</ruby></p>
<p lang="zh-TW"><ruby><rb>base x x<rt>text x x</ruby></p>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for ruby line break suppression</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<ruby>ab</ruby><br>
<rbc>ab</rbc><br>
<rtc>ab</rtc><br>
<rb>ab</rb><br>
<rt>ab</rt>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for ruby line break suppression</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-line-break-suppression-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<ruby>a<br>b</ruby><br>
<rbc>a<br>b</rbc><br>
<rtc>a<br>b</rtc><br>
<rb>a<br>b</rb><br>
<rt>a<br>b</rt>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for ruby line break suppression</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<div style="width: 1em; border: 1px solid">
<ruby>aaaaaaaaaabbbbbbbbbb</ruby><br>
<rbc>aaaaaaaaaabbbbbbbbbb</rbc><br>
<rtc>aaaaaaaaaabbbbbbbbbb</rtc><br>
<rb>aaaaaaaaaabbbbbbbbbb</rb><br>
<rt>aaaaaaaaaabbbbbbbbbb</rt><br>
</div>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for ruby line break suppression</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-line-break-suppression-002-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<div style="width: 1em; border: 1px solid">
<ruby>aaaaaaaaaa<div></div>bbbbbbbbbb</ruby><br>
<rbc>aaaaaaaaaa<div></div>bbbbbbbbbb</rbc><br>
<rtc>aaaaaaaaaa<div></div>bbbbbbbbbb</rtc><br>
<rb>aaaaaaaaaa<div></div>bbbbbbbbbb</rb><br>
<rt>aaaaaaaaaa<div></div>bbbbbbbbbb</rt><br>
</div>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for ruby line break suppression</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<ruby><span>a
b</span></ruby><br>
<rbc><span>a
b</span></rbc><br>
<rtc><span>a
b</span></rtc><br>
<rb><span>a
b</span></rb><br>
<rt><span>a
b</span></rt><br>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Test for ruby line break suppression</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-line-break-suppression-003-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
span { white-space: pre; }
</style>
<ruby><span>a
b</span></ruby><br>
<rbc><span>a
b</span></rbc><br>
<rtc><span>a
b</span></rtc><br>
<rb><span>a
b</span></rb><br>
<rt><span>a
b</span></rt><br>

View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Line break suppression on whitespaces wrapped but not contained in ruby boxes</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<span style="white-space: pre"><rb>a</rb><rb>
</rb><rb>b</rb></span>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Line break suppression on whitespaces wrapped but not contained in ruby boxes</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-line-break-suppression-004-ref.html">
<span style="white-space: pre"><rb>a</rb>
<rb>b</rb></span>

View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Line break suppression with soft hyphen</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<body style="width: 1px">
x<ruby>a</ruby>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Line break suppression with soft hyphen</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
<link rel="match" href="ruby-line-break-suppression-005-ref.html">
<body style="width: 1px">
x<ruby>a&shy;</ruby>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Meet the specification for line breaking between ruby bases</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 3; font-kerning: none; }
span { white-space: nowrap; }
</style>
<div style="width: .5em; border: 1px solid silver;">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span>です</span><span></span>
</div>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Meet the specification for line breaking between ruby bases</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#break-between">
<link rel="match" href="ruby-line-breaking-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 3; font-kerning: none; }
</style>
<div style="width: .5em; border: 1px solid silver;">
<ruby>
<rb><rb><rb><rb><rb><rb><rb><rb><rb><rb>です<rb></rb>
<!-- Check if ruby text containers are skipped from the text run -->
<rtc><rt>
</ruby>
</div>

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Line breaking between ruby and preceeding open bracket</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<div style="width: 5em; border: 1px solid silver;">
の「<span style="font-family: Ahem; padding: 0 10rem;">X</span>
</div>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Line breaking between ruby and preceeding open bracket</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#break-between">
<link rel="match" href="ruby-line-breaking-002-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<link rel="stylesheet" href="support/ruby-common.css">
<div style="width: 5em; border: 1px solid silver;">
の「<ruby style="font-family: Ahem;">X<rt style="font-size: 0;"><div style="width: 21rem"></div></ruby>
</div>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Dynamic break point change in ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
#test {
border: 1px solid;
text-align: center;
width: 2.5em;
}
</style>
<div id="test">
<p>一二三四五六七八</p>
<p>一二三四五六七八</p>
</div>

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>Dynamic break point change in ruby</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#break-between">
<link rel="match" href="ruby-line-breaking-003-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
#test {
border: 1px solid;
text-align: center;
}
</style>
<div id="test">
<p><ruby><rb><rb><rb><rb><rb><rb><rb><rb></ruby></p>
<p><ruby><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc><rbc></rbc></ruby></p>
</div>
<script>
let div = document.getElementById("test");
document.body.offsetHeight;
test.style.width = "2.5em";
document.body.offsetHeight;
test.style.width = "4.5em";
document.body.offsetHeight;
test.style.width = "2.5em";
</script>

View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby should not support transform</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<ruby>
<rbc><rb>a</rb><rb>b</rb></rbc>
<rtc><rt>A</rt><rt>B</rt></rtc>
</ruby>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby should not support transform</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-transforms-1/#transform-property">
<link rel="match" href="ruby-no-transform-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
ruby, rbc, rb, rtc, rt {
transform: translateX(50px);
}
</style>
<ruby>
<rbc><rb>a</rb><rb>b</rb></rbc>
<rtc><rt>A</rt><rt>B</rt></rtc>
</ruby>

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html style="overflow:hidden;">
<head>
<title>CSS Test: Ruby Base Frames Reflowed</title>
<link rel="author" title="Susanna Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="http://www.w3.org/TR/2014/WD-css-ruby-1-20140805/">
<meta name="assert" content="Test checks that ruby bases are reflowed.">
<meta charset="UTF-8">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 3; }
</style>
</head>
<body>
新幹線
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html style="overflow:hidden;">
<head>
<title>CSS Test: Ruby Text Frames Visible</title>
<link rel="author" title="Susanna Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="http://www.w3.org/TR/2014/WD-css-ruby-1-20140805/">
<link rel="mismatch" href="ruby-reflow-001-noruby.html">
<meta name="assert" content="Test checks that ruby text is rendered.">
<meta charset="UTF-8">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 3; }
</style>
</head>
<body>
<ruby>
<rbc><rb></rb><rb></rb><rb></rb></rbc>
<rtc><rt>しん</rt><rt>かん</rt><rt>せん</rt></rtc>
</ruby>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html style="overflow:hidden;">
<head>
<title>CSS Test: Ruby Base Frames Reflowed</title>
<link rel="author" title="Susanna Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="http://www.w3.org/TR/2014/WD-css-ruby-1-20140805/">
<link rel="match" href="ruby-reflow-001-noruby.html">
<meta name="assert" content="Test checks that ruby bases are reflowed.">
<meta charset="UTF-8">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 3; }
rtc { color: transparent; }
</style>
</head>
<body>
<ruby>
<rbc><rb></rb><rb></rb><rb></rb></rbc>
<rtc><rt>しん</rt><rt>かん</rt><rt>せん</rt></rtc>
</ruby>
</body>
</html>

View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby span</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<ruby><rb>The Ruby Base</rb><rtc><rt>span</rt></rtc></ruby>

View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby span</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-pairing">
<link rel="match" href="ruby-span-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<ruby><rb>The Ruby Base</rb><rtc>span</rtc></ruby>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby whitespace handling</title>
<link rel="author" title="Susanna Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 5em; }
</style>
<p>
<ruby><rbc><rb><span> </span></rb><rb><span> </span></rb><rb>Base three</rb></rbc
><rtc><rt><span> </span></rt><rt><span> </span></rt><rt>Text three</rt></rtc
><rtc><rt></rt></rtc
><rbc><rb><span> </span></rb></rbc
><rbc><rb>Segment two</rb></rbc
><rtc><rt></rt></rtc></ruby>
</p>
<p>
<ruby><rbc><rb>Base one</rb><rb><span> </span></rb><rb>Base three</rb></rbc
><rtc pseudo><rt>Text one</rt><rt pseudo><span> </span></rt><rt>Text three</rt></rtc></ruby>
</p>
<p>
<ruby><rbc><rb>Segment one</rb></rbc
><rbc><rb><span> </span></rb></rbc
><rbc><rb><span> </span></rb><rb><span> </span></rb><rb>Base three</rb></rbc
><rtc><rt><span> </span></rt><rt><span> </span></rt><rt>Text three</rt></rtc
><rbc><rb><span> </span></rb></rbc
><rbc><rb>Base one</rb><rb><span> </span></rb><rb>Base three</rb></rbc
><rtc><rt>Text one</rt><rt></rt><rt>Text two/three</rt></rtc></ruby>
</p>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby whitespace handling</title>
<link rel="author" title="Susanna Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#white-space">
<link rel="match" href="ruby-whitespace-001-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
<style>
body { line-height: 5em; }
</style>
<p>
<ruby>
<rbc> <rb> </rb> <rb>Base three</rb> </rbc>
<rtc> <rt> </rt> <rt>Text three</rt> </rtc> <rtc><rt></rt></rtc>
<rbc><rb>Segment two</rb></rbc><rtc><rt></rt></rtc>
</ruby>
</p>
<p>
<ruby>
<rb>Base one</rb> <rb>Base three</rb>
<rt>Text one</rt> <rt>Text three</rt>
</ruby>
</p>
<p>
<rb>Segment one</rb> <rbc> <rb> </rb> <rb>Base three</rb> </rbc
> <rtc><rt> </rt> <rt>Text three</rt></rtc>
<rb>Base one</rb> <rb>Base three</rb> <rt>Text one</rt><rt>Text two/three</rt>
</p>

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby whitespace handling</title>
<link rel="author" title="Susanna Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="stylesheet" href="support/ruby-common.css">
<!-- Unclear how this should render. See http://lists.w3.org/Archives/Public/www-style/2014Jul/0620.html //-->
abcd<ruby><rbc><rb><span> BASE</span></rb></rbc><rtc pseudo><rt>TEXT</rt></rtc></ruby>
abcd<ruby><rbc><rb><span>BASE</span></rb></rbc><rtc pseudo><rt>TEXT</rt></rtc></ruby>
abcd<ruby><rbc><rb><span> BASE</span></rb></rbc><rtc pseudo><rt>TEXT</rt></rtc></ruby>
<ruby><rbc></rbc></ruby>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Ruby whitespace handling</title>
<link rel="author" title="Susanna Bowen" href="mailto:sgbowen8@gmail.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#white-space">
<link rel="match" href="ruby-whitespace-002-ref.html">
<link rel="stylesheet" href="support/ruby-common.css">
abcd<rbc> BASE</rbc><rt>TEXT</rt>
abcd<rbc> <span>BASE</span></rbc><rt>TEXT</rt>
abcd<rbc><span> BASE</span></rbc><rt>TEXT</rt>
<rbc> </rbc>

View file

@ -0,0 +1,18 @@
rbc {
display: ruby-base-container;
unicode-bidi: isolate;
}
[pseudo] {
font-size: inherit;
line-height: inherit;
}
[pseudo] > rt {
font-size: 50%;
}
[pseudo] > rt[pseudo] {
font-size: inherit;
}
.large {
font-size: 200%;
}

View file

@ -0,0 +1,42 @@
window.onload = function() {
// Force a reflow before any changes.
document.body.clientWidth;
var elems = document.querySelectorAll('[data-insert]');
Array.from(elems).forEach(function(e) {
var parent, ref;
switch (e.dataset.insert) {
case 'start':
parent = e;
ref = e.firstChild;
break;
case 'end':
parent = e;
ref = null;
break;
case 'before':
parent = e.parentNode;
ref = e;
break;
case 'after':
parent = e.parentNode;
ref = e.nextSibling;
break;
}
var elem, textnode;
if ('text' in e.dataset) {
textnode = document.createTextNode(e.dataset.text);
}
if ('tag' in e.dataset) {
elem = document.createElement(e.dataset.tag);
if (textnode) {
elem.appendChild(textnode);
}
}
parent.insertBefore(elem ? elem : textnode, ref);
});
};

View file

@ -0,0 +1,14 @@
function getElements(className) {
return Array.from(document.getElementsByClassName(className));
}
window.onload = function() {
// Force a reflow before any changes.
document.body.clientWidth;
getElements('remove').forEach(function(e) {
e.remove();
});
getElements('remove-after').forEach(function(e) {
e.parentNode.removeChild(e.nextSibling);
});
};

View file

@ -1,5 +1,5 @@
<!doctype html>
<title>Canvas width and height attributes are used to infer aspect-ratio</title>
<title>Canvas width and height attributes are used as the surface size</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
@ -11,7 +11,7 @@
</style>
<body>
<script>
let t = async_test("Canvas width and height attributes are used to infer aspect-ratio");
let t = async_test("Canvas width and height attributes are used as the surface size");
function assert_ratio(img, expected) {
let epsilon = 0.001;
assert_approx_equals(parseInt(getComputedStyle(img).width, 10) / parseInt(getComputedStyle(img).height, 10), expected, epsilon);

View file

@ -0,0 +1,25 @@
<!doctype html>
<title>div with content style's width and height attributes are not used to infer aspect-ratio</title>
<link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=201641#c22">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
video {
width: 100%;
max-width: 100px;
height: auto;
}
</style>
<body>
<script>
// Create and append a div with content style and immediately check the height.
let t = test(function() {
var div = document.createElement("div");
div.setAttribute("style", "content: url('/images/blue.png')");
div.setAttribute("width", "250");
div.setAttribute("height", "100");
document.body.appendChild(div);
assert_equals(getComputedStyle(div).height, "0px");
}, "div with content style's width and height attributes are not used to infer aspect-ratio");
</script>

View file

@ -6,6 +6,7 @@ be included or excluded.
"""
import glob
import os
from six import iteritems
from six.moves.urllib.parse import urlparse, urlsplit
from .wptmanifest.node import DataNode
@ -94,7 +95,7 @@ class IncludeManifest(ManifestItem):
if paths:
urls = []
for path in paths:
for manifest, data in test_manifests.iteritems():
for manifest, data in iteritems(test_manifests):
found = False
rel_path = os.path.relpath(path, data["tests_path"])
iterator = manifest.iterpath if os.path.isfile(path) else manifest.iterdir