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] [listeners are called when <iframe> is resized]
expected: FAIL 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] [<iframe>: separate response Content-Type: text/html;" text/plain]
expected: FAIL expected: FAIL
[<iframe>: combined response Content-Type: text/html */*;charset=gbk] [<iframe>: separate response Content-Type: text/html */*;charset=gbk]
expected: FAIL expected: FAIL
[<iframe>: separate response Content-Type: text/html;" \\" text/plain] [<iframe>: separate response Content-Type: text/html */*]
expected: FAIL 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 expected: FAIL

View file

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

View file

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

View file

@ -8,7 +8,7 @@
expected: FAIL expected: FAIL
[Embedded credentials are treated as network errors in new windows.] [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.] [Embedded credentials matching the top-level are treated as network errors for cross-origin URLs.]
expected: TIMEOUT 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] [005.html]
expected: ERROR
[dedicated worker in shared worker in dedicated worker] [dedicated worker in shared worker in dedicated worker]
expected: FAIL 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"> <meta charset="UTF-8">
<title>CSS Ruby Reference</title> <title>CSS Ruby Reference</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> <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="/fonts/ahem.css">
<style> <style>
body { body {

View file

@ -3,6 +3,7 @@
<meta charset="UTF-8"> <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> <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="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="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-layout">
<link rel="match" href="ruby-base-different-size-ref.html"> <link rel="match" href="ruby-base-different-size-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css"> <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> <!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/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script> <script src="/resources/testharnessreport.js"></script>
<style> <style>
@ -11,7 +11,7 @@
</style> </style>
<body> <body>
<script> <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) { function assert_ratio(img, expected) {
let epsilon = 0.001; let epsilon = 0.001;
assert_approx_equals(parseInt(getComputedStyle(img).width, 10) / parseInt(getComputedStyle(img).height, 10), expected, epsilon); 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 glob
import os import os
from six import iteritems
from six.moves.urllib.parse import urlparse, urlsplit from six.moves.urllib.parse import urlparse, urlsplit
from .wptmanifest.node import DataNode from .wptmanifest.node import DataNode
@ -94,7 +95,7 @@ class IncludeManifest(ManifestItem):
if paths: if paths:
urls = [] urls = []
for path in paths: for path in paths:
for manifest, data in test_manifests.iteritems(): for manifest, data in iteritems(test_manifests):
found = False found = False
rel_path = os.path.relpath(path, data["tests_path"]) rel_path = os.path.relpath(path, data["tests_path"])
iterator = manifest.iterpath if os.path.isfile(path) else manifest.iterdir iterator = manifest.iterpath if os.path.isfile(path) else manifest.iterdir