diff options
Diffstat (limited to 'layout/reftests/counter-style')
70 files changed, 1608 insertions, 0 deletions
diff --git a/layout/reftests/counter-style/dependent-builtin-ref.html b/layout/reftests/counter-style/dependent-builtin-ref.html new file mode 100644 index 000000000..5ec305c52 --- /dev/null +++ b/layout/reftests/counter-style/dependent-builtin-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>一千、</div> +<div>一千零一、</div> +<div>一千零二、</div> +<div>一千零三、</div> +<div>一千零四、</div> +<div>一〇〇五、</div> +<div>一〇〇六、</div> +<div>一〇〇七、</div> +<div>一〇〇八、</div> +<div>一〇〇九、</div> diff --git a/layout/reftests/counter-style/dependent-builtin.html b/layout/reftests/counter-style/dependent-builtin.html new file mode 100644 index 000000000..999bfc33b --- /dev/null +++ b/layout/reftests/counter-style/dependent-builtin.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends simp-chinese-informal; + range: 1000 1004; + } +</style> +<ol start="1000" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-fallback-invalid-ref.html b/layout/reftests/counter-style/descriptor-fallback-invalid-ref.html new file mode 100644 index 000000000..e739bd08d --- /dev/null +++ b/layout/reftests/counter-style/descriptor-fallback-invalid-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>00. </div> +<div>A. </div> +<div>B. </div> +<div>C. </div> +<div>D. </div> diff --git a/layout/reftests/counter-style/descriptor-fallback-invalid.html b/layout/reftests/counter-style/descriptor-fallback-invalid.html new file mode 100644 index 000000000..e75cf1906 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-fallback-invalid.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends upper-alpha; + fallback: decimal-leading-zero; + fallback: decimal cjk-decimal; + fallback: "*"; + } +</style> +<ol start="0" style="list-style-type: a"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-fallback-ref.html b/layout/reftests/counter-style/descriptor-fallback-ref.html new file mode 100644 index 000000000..090afcb8e --- /dev/null +++ b/layout/reftests/counter-style/descriptor-fallback-ref.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>a. </div> +<div>b. </div> +<div>c. </div> +<div>d. </div> +<div>e. </div> +<div>f. </div> +<div>7. </div> +<div>8. </div> +<div>9. </div> +<!-- list-style-type: b --> +<div>a. </div> +<div>b. </div> +<div>c. </div> +<div>d. </div> +<div>e. </div> +<div>f. </div> +<div>7. </div> +<div>8. </div> +<div>9. </div> +<!-- list-style-type: c --> +<div>a. </div> +<div>b. </div> +<div>c. </div> +<div>d. </div> +<div>e. </div> +<div>f. </div> +<div>g. </div> +<div>h. </div> +<div>i. </div> diff --git a/layout/reftests/counter-style/descriptor-fallback.html b/layout/reftests/counter-style/descriptor-fallback.html new file mode 100644 index 000000000..deeccd316 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-fallback.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: fixed; + symbols: a b c; + fallback: b; + } + @counter-style b { + system: fixed 4; + symbols: d e f; + fallback: a; + } + @counter-style c { + system: fixed 7; + symbols: g h i; + fallback: a; + } +</style> +<ol style="list-style-type: a"> + <li><li><li> + <li><li><li> + <li><li><li> +</ol> +<ol style="list-style-type: b"> + <li><li><li> + <li><li><li> + <li><li><li> +</ol> +<ol style="list-style-type: c"> + <li><li><li> + <li><li><li> + <li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-negative-invalid-ref.html b/layout/reftests/counter-style/descriptor-negative-invalid-ref.html new file mode 100644 index 000000000..1f9a17eaa --- /dev/null +++ b/layout/reftests/counter-style/descriptor-negative-invalid-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>!2. </div> +<div>!1. </div> +<div>0. </div> +<div>1. </div> +<div>2. </div> diff --git a/layout/reftests/counter-style/descriptor-negative-invalid.html b/layout/reftests/counter-style/descriptor-negative-invalid.html new file mode 100644 index 000000000..e7f93ff08 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-negative-invalid.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends decimal; + negative: '!'; + negative: 0; + negative: ~; + negative: '(' 'x' ')'; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-negative-ref.html b/layout/reftests/counter-style/descriptor-negative-ref.html new file mode 100644 index 000000000..447e9c4bc --- /dev/null +++ b/layout/reftests/counter-style/descriptor-negative-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>⁻2. </div> +<div>⁻1. </div> +<div>0. </div> +<div>1. </div> +<div>2. </div> +<!-- list-style-type: b --> +<div>(2). </div> +<div>(1). </div> +<div>0. </div> +<div>1. </div> +<div>2. </div> diff --git a/layout/reftests/counter-style/descriptor-negative.html b/layout/reftests/counter-style/descriptor-negative.html new file mode 100644 index 000000000..f55f5699f --- /dev/null +++ b/layout/reftests/counter-style/descriptor-negative.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends decimal; + negative: \207B; + } + @counter-style b { + system: extends decimal; + negative: '(' ')'; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: b"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-pad-invalid-ref.html b/layout/reftests/counter-style/descriptor-pad-invalid-ref.html new file mode 100644 index 000000000..d54cd8723 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-pad-invalid-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>001. </div> +<div>002. </div> +<div>003. </div> +<div>004. </div> +<div>005. </div> diff --git a/layout/reftests/counter-style/descriptor-pad-invalid.html b/layout/reftests/counter-style/descriptor-pad-invalid.html new file mode 100644 index 000000000..45ccf9e79 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-pad-invalid.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends decimal; + pad: 3 "0"; + pad: -1 "X"; + pad: "#"; + pad: 2 0; + } +</style> +<ol style="list-style-type: a"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-pad-ref.html b/layout/reftests/counter-style/descriptor-pad-ref.html new file mode 100644 index 000000000..e817f71c2 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-pad-ref.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>-III. </div> +<div>-*II. </div> +<div>-**I. </div> +<div>0. </div> +<div>**I. </div> +<div>*II. </div> +<div>III. </div> +<div>*IV. </div> +<div>**V. </div> +<div>6. </div> +<!-- list-style-type: b --> +<div>(002). </div> +<div>(001). </div> +<div>000. </div> +<div>001. </div> +<div>002. </div> +<!-- list-style-type: c --> +<div>ooā</div> +<div>ooá</div> +<div>oāá</div> +<div>oǎà</div> +<div>āáǎ</div> +<div>àāá</div> +<!-- list-style-type: d --> +<div>001. </div> diff --git a/layout/reftests/counter-style/descriptor-pad.html b/layout/reftests/counter-style/descriptor-pad.html new file mode 100644 index 000000000..62b6a1ca1 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-pad.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends upper-roman; + range: infinite 5; + pad: 3 '*'; + } + @counter-style b { + system: extends decimal; + negative: '(' ')'; + pad: 3 '0'; + } + @counter-style c { + system: alphabetic; + symbols: a\0304 a\0301 a\030c a\0300; + pad: 3 o; + suffix: ''; + } + @counter-style d { + system: extends decimal; + pad: '0' 3; + } +</style> +<ol start="-3" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: b"> + <li><li><li><li><li> +</ol> +<ol style="list-style-type: c"> + <li><li> + <li value="6"><li value="16"> + <li value="27"><li value="70"> +</ol> +<ol style="list-style-type: d"> + <li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-prefix-invalid-ref.html b/layout/reftests/counter-style/descriptor-prefix-invalid-ref.html new file mode 100644 index 000000000..abd4f70ab --- /dev/null +++ b/layout/reftests/counter-style/descriptor-prefix-invalid-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>#-2. </div> +<div>#-1. </div> +<div>#0. </div> +<div>#1. </div> +<div>#2. </div> diff --git a/layout/reftests/counter-style/descriptor-prefix-invalid.html b/layout/reftests/counter-style/descriptor-prefix-invalid.html new file mode 100644 index 000000000..2e4b32372 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-prefix-invalid.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends decimal; + prefix: "#"; + prefix: *; + prefix: 0; + prefix: '$' '$'; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-prefix-ref.html b/layout/reftests/counter-style/descriptor-prefix-ref.html new file mode 100644 index 000000000..b1e4a37ce --- /dev/null +++ b/layout/reftests/counter-style/descriptor-prefix-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- ol --> +<div>Appendix -2. </div> +<div>Appendix -1. </div> +<div>Appendix 0. </div> +<div>Appendix I. </div> +<div>Appendix II. </div> +<!-- section --> +<p>-2</p> +<p>-1</p> +<p>0</p> +<p>I</p> +<p>II</p> diff --git a/layout/reftests/counter-style/descriptor-prefix.html b/layout/reftests/counter-style/descriptor-prefix.html new file mode 100644 index 000000000..805115498 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-prefix.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends upper-roman; + prefix: "Appendix "; + } + section { + counter-reset: p -3; + } + p { + counter-increment: p; + } + p::before { + content: counter(p, a); + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> +</ol> +<section> + <p><p><p><p><p> +</section> diff --git a/layout/reftests/counter-style/descriptor-range-invalid-ref.html b/layout/reftests/counter-style/descriptor-range-invalid-ref.html new file mode 100644 index 000000000..13cb14c6f --- /dev/null +++ b/layout/reftests/counter-style/descriptor-range-invalid-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>a. </div> +<div>b. </div> +<div>3. </div> +<div>4. </div> +<div>5. </div> diff --git a/layout/reftests/counter-style/descriptor-range-invalid.html b/layout/reftests/counter-style/descriptor-range-invalid.html new file mode 100644 index 000000000..34a21998a --- /dev/null +++ b/layout/reftests/counter-style/descriptor-range-invalid.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends lower-alpha; + range: 1 2; + range: 1; + range: 3 1; + range: xx yy; + } +</style> +<ol style="list-style-type: a"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-range-ref.html b/layout/reftests/counter-style/descriptor-range-ref.html new file mode 100644 index 000000000..10dc59215 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-range-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>-III. </div> +<div>-2. </div> +<div>-I. </div> +<div>0. </div> +<div>I. </div> +<div>II. </div> +<div>3. </div> +<div>IV. </div> +<div>5. </div> +<div>6. </div> +<div>VII. </div> +<div>VIII. </div> +<div>IX. </div> +<div>10. </div> +<div>XI. </div> +<div>MMMCMXCIX. </div> +<div>MMMM. </div> diff --git a/layout/reftests/counter-style/descriptor-range.html b/layout/reftests/counter-style/descriptor-range.html new file mode 100644 index 000000000..9d57f5d1a --- /dev/null +++ b/layout/reftests/counter-style/descriptor-range.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends upper-roman; + range: infinite -3, -1 2, 4 4, 7 9, 11 infinite; + } +</style> +<ol start="-3" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> + <li><li><li><li><li> + <li value="3999"><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-suffix-invalid-ref.html b/layout/reftests/counter-style/descriptor-suffix-invalid-ref.html new file mode 100644 index 000000000..5213feedd --- /dev/null +++ b/layout/reftests/counter-style/descriptor-suffix-invalid-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>-2,</div> +<div>-1,</div> +<div>0,</div> +<div>1,</div> +<div>2,</div> diff --git a/layout/reftests/counter-style/descriptor-suffix-invalid.html b/layout/reftests/counter-style/descriptor-suffix-invalid.html new file mode 100644 index 000000000..4918226ca --- /dev/null +++ b/layout/reftests/counter-style/descriptor-suffix-invalid.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends decimal; + suffix: ','; + suffix: *; + suffix: 0; + suffix: '$' '$'; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-suffix-ref.html b/layout/reftests/counter-style/descriptor-suffix-ref.html new file mode 100644 index 000000000..1fc40a371 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-suffix-ref.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<style type="text/css"> + div { + padding: 0; margin: 0; + line-height: 150%; + } +</style> +<!-- list-style-type: a --> +<div>-2,-2</div> +<div>-1,-1</div> +<div>0,0</div> +<div>1,1</div> +<div>2,2</div> +<!-- list-style-type: b --> +<div>-2、-2</div> +<div>-1、-1</div> +<div>0、0</div> +<div>1、1</div> +<div>2、2</div> +<!-- section --> +<div>-2</div> +<div>-1</div> +<div>0</div> +<div>1</div> +<div>2</div> diff --git a/layout/reftests/counter-style/descriptor-suffix.html b/layout/reftests/counter-style/descriptor-suffix.html new file mode 100644 index 000000000..6b01c7cbe --- /dev/null +++ b/layout/reftests/counter-style/descriptor-suffix.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<style type="text/css"> + @counter-style a { + system: extends decimal; + suffix: ","; + } + @counter-style b { + system: extends decimal; + suffix: \3001; + } + ol { + list-style-position: inside; + } + ol, section, p { + padding: 0; margin: 0; + line-height: 150%; + } + section { + counter-reset: p -3; + } + p { + counter-increment: p; + } + p::before { + content: counter(p, a); + } +</style> +<ol start="-2" style="list-style-type: a"> + <li>-2<li>-1<li>0<li>1<li>2 +</ol> +<ol start="-2" style="list-style-type: b"> + <li>-2<li>-1<li>0<li>1<li>2 +</ol> +<section> + <p><p><p><p><p> +</section> diff --git a/layout/reftests/counter-style/descriptor-symbols-invalid-ref.html b/layout/reftests/counter-style/descriptor-symbols-invalid-ref.html new file mode 100644 index 000000000..fc485c5d4 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-symbols-invalid-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>a. </div> +<div>b. </div> +<div>c. </div> +<div>4. </div> +<div>5. </div> +<!-- list-style-type: b --> +<div>a. </div> +<div>b. </div> +<div>c. </div> +<div>ca. </div> +<div>cb. </div> diff --git a/layout/reftests/counter-style/descriptor-symbols-invalid.html b/layout/reftests/counter-style/descriptor-symbols-invalid.html new file mode 100644 index 000000000..d1482145e --- /dev/null +++ b/layout/reftests/counter-style/descriptor-symbols-invalid.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: fixed; + symbols: a b c; + symbols: 0 1 2; + } + @counter-style b { + system: additive; + additive-symbols: 3 c, 2 b, 1 a; + additive-symbols: 1 x, 2 y, 3 z; + additive-symbols: x, y, z; + additive-symbols: 1, 2, 3; + } +</style> +<ol style="list-style-type: a"> + <li><li><li><li><li> +</ol> +<ol style="list-style-type: b"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/descriptor-symbols-ref.html b/layout/reftests/counter-style/descriptor-symbols-ref.html new file mode 100644 index 000000000..914faba60 --- /dev/null +++ b/layout/reftests/counter-style/descriptor-symbols-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>a. </div> +<div>b. </div> +<div>c. </div> +<!-- list-style-type: b --> +<div>a. </div> +<div>b. </div> +<div>c. </div> +<div>d. </div> +<div>e. </div> +<div>f. </div> diff --git a/layout/reftests/counter-style/descriptor-symbols.html b/layout/reftests/counter-style/descriptor-symbols.html new file mode 100644 index 000000000..a1028285e --- /dev/null +++ b/layout/reftests/counter-style/descriptor-symbols.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: fixed; + symbols: a "b" \63; + } + @counter-style b { + system: additive; + additive-symbols: \66 6, 'e' 5, d 4, 3 \63, 2 "b", 1 a; + } +</style> +<ol style="list-style-type: a"> + <li><li><li> +</ol> +<ol style="list-style-type: b"> + <li><li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/disclosure-styles-ref.html b/layout/reftests/counter-style/disclosure-styles-ref.html new file mode 100644 index 000000000..0abaff534 --- /dev/null +++ b/layout/reftests/counter-style/disclosure-styles-ref.html @@ -0,0 +1,34 @@ +<style type="text/css"> + @counter-style disclosure-closed2-ltr { + system: cyclic; + symbols: \25b8; + suffix: ' '; + } + @counter-style disclosure-closed2-rtl { + system: cyclic; + symbols: \25c2; + suffix: ' '; + } + @counter-style disclosure-open2 { + system: cyclic; + symbols: \25be; + suffix: ' '; + } + .open { list-style-type: disclosure-open2; } + .closed:dir(ltr) { list-style-type: disclosure-closed2-ltr; } + .closed:dir(rtl) { list-style-type: disclosure-closed2-rtl; } + ul { + padding: 0; + list-style-position: inside; + } +</style> +<ul dir="ltr"> + <li class="closed">closed ltr + <li class="open">open ltr +</ul> +<ul dir="rtl"> + <li class="closed">closed rtl + <li class="open">open rtl +</ul> +<p dir="ltr">▸ closed ltr +<p dir="rtl">◂ closed rtl diff --git a/layout/reftests/counter-style/disclosure-styles.html b/layout/reftests/counter-style/disclosure-styles.html new file mode 100644 index 000000000..86908da14 --- /dev/null +++ b/layout/reftests/counter-style/disclosure-styles.html @@ -0,0 +1,27 @@ +<style type="text/css"> + @counter-style disclosure-closed2 { + system: extends disclosure-closed; + } + @counter-style disclosure-open2 { + system: extends disclosure-open; + } + ul { + padding: 0; + list-style-position: inside; + } + .closed { list-style-type: disclosure-closed2; } + .open { list-style-type: disclosure-open2; } + p::before { + content: counter(a, disclosure-closed) " "; + } +</style> +<ul dir="ltr"> + <li class="closed">closed ltr + <li class="open">open ltr +</ul> +<ul dir="rtl"> + <li class="closed">closed rtl + <li class="open">open rtl +</ul> +<p dir="ltr">closed ltr +<p dir="rtl">closed rtl diff --git a/layout/reftests/counter-style/name-case-sensitivity-ref.html b/layout/reftests/counter-style/name-case-sensitivity-ref.html new file mode 100644 index 000000000..72b1ffde0 --- /dev/null +++ b/layout/reftests/counter-style/name-case-sensitivity-ref.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<style type="text/css"> + ol, div, p { + padding: 0; margin: 0; + line-height: 150%; + } + ol { + list-style-position: inside; + } + li, div, p { + float: left; + } + @counter-style decimal-leading-zero { + system: extends decimal; + pad: 3 '0'; + } + @counter-style custom-style { + system: cyclic; + symbols: \2023; + } +</style> + +<!-- list-style --> +<ol><li style="list-style: hiragana inside;"></li></ol> +<ol><li style="list-style: decimal-leading-zero inside;"></li></ol> +<ol><li style="list-style: custom-style inside;"></li></ol> +<ol><li style="list-style: decimal inside;"></li></ol> + +<!-- list-style-type --> +<ol><li style="list-style-type: hiragana;"></li></ol> +<ol><li style="list-style-type: decimal-leading-zero;"></li></ol> +<ol><li style="list-style-type: custom-style;"></li></ol> +<ol><li style="list-style-type: decimal;"></li></ol> + +<!-- counter() --> +<style type="text/css"> + #counter { counter-reset: a 1; } + #counter-a::before { content: counter(a, hiragana); } + #counter-b::before { content: counter(a, decimal-leading-zero); } + #counter-c::before { content: counter(a, custom-style); } + #counter-d::before { content: counter(a, decimal); } +</style> +<div id="counter"> + <p id="counter-a"></p> + <p id="counter-b"></p> + <p id="counter-c"></p> + <p id="counter-d"></p> +</div> + +<!-- counters() --> +<style type="text/css"> + #counters { counter-reset: a 1; } + #counters-a::before { content: counters(a, '', hiragana); } + #counters-b::before { content: counters(a, '', decimal-leading-zero); } + #counters-c::before { content: counters(a, '', custom-style); } + #counters-d::before { content: counters(a, '', decimal); } +</style> +<div id="counters"> + <p id="counters-a"></p> + <p id="counters-b"></p> + <p id="counters-c"></p> + <p id="counters-d"></p> +</div> + +<style type="text/css"> + @counter-style a { system: extends hiragana; } + @counter-style b { system: extends decimal-leading-zero; } + @counter-style c { system: extends custom-style; } + @counter-style d { system: extends decimal; } +</style> +<ol><li style="list-style-type: a;"></li></ol> +<ol><li style="list-style-type: b;"></li></ol> +<ol><li style="list-style-type: c;"></li></ol> +<ol><li style="list-style-type: d;"></li></ol> diff --git a/layout/reftests/counter-style/name-case-sensitivity.html b/layout/reftests/counter-style/name-case-sensitivity.html new file mode 100644 index 000000000..d9703b1ae --- /dev/null +++ b/layout/reftests/counter-style/name-case-sensitivity.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<style type="text/css"> + ol, div, p { + padding: 0; margin: 0; + line-height: 150%; + } + ol { + list-style-position: inside; + } + li, div, p { + float: left; + } + @counter-style decimal-leading-zero { + system: extends decimal; + pad: 3 '0'; + } + @counter-style custom-style { + system: cyclic; + symbols: \2023; + } +</style> + +<!-- list-style --> +<ol><li style="list-style: Hiragana inside;"></li></ol> +<ol><li style="list-style: Decimal-Leading-Zero inside;"></li></ol> +<ol><li style="list-style: custom-style inside;"></li></ol> +<ol><li style="list-style: Custom-Style inside;"></li></ol> + +<!-- list-style-type --> +<ol><li style="list-style-type: Hiragana;"></li></ol> +<ol><li style="list-style-type: Decimal-Leading-Zero;"></li></ol> +<ol><li style="list-style-type: custom-style;"></li></ol> +<ol><li style="list-style-type: Custom-Style;"></li></ol> + +<!-- counter() --> +<style type="text/css"> + #counter { counter-reset: a 1; } + #counter-a::before { content: counter(a, Hiragana); } + #counter-b::before { content: counter(a, Decimal-leading-Zero); } + #counter-c::before { content: counter(a, custom-style); } + #counter-d::before { content: counter(a, Custom-Style); } +</style> +<div id="counter"> + <p id="counter-a"></p> + <p id="counter-b"></p> + <p id="counter-c"></p> + <p id="counter-d"></p> +</div> + +<!-- counters() --> +<style type="text/css"> + #counters { counter-reset: a 1; } + #counters-a::before { content: counters(a, '', Hiragana); } + #counters-b::before { content: counters(a, '', Decimal-leading-Zero); } + #counters-c::before { content: counters(a, '', custom-style); } + #counters-d::before { content: counters(a, '', Custom-Style); } +</style> +<div id="counters"> + <p id="counters-a"></p> + <p id="counters-b"></p> + <p id="counters-c"></p> + <p id="counters-d"></p> +</div> + +<style type="text/css"> + @counter-style a { system: extends HiRaGaNa; } + @counter-style b { system: extends Decimal-leading-ZERO; } + @counter-style c { system: extends custom-style; } + @counter-style d { system: extends Custom-Style; } +</style> +<ol><li style="list-style-type: a;"></li></ol> +<ol><li style="list-style-type: b;"></li></ol> +<ol><li style="list-style-type: c;"></li></ol> +<ol><li style="list-style-type: d;"></li></ol> diff --git a/layout/reftests/counter-style/redefine-attr-mapping-ref.html b/layout/reftests/counter-style/redefine-attr-mapping-ref.html new file mode 100644 index 000000000..00da621e7 --- /dev/null +++ b/layout/reftests/counter-style/redefine-attr-mapping-ref.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style triangle { + system: cyclic; + symbols: \2023; + suffix: ""; + } + .triangle { list-style-type: triangle; } + .hiragana { list-style-type: hiragana; } + .katakana { list-style-type: katakana; } + .hiragana-iroha { list-style-type: hiragana-iroha; } + .katakana-iroha { list-style-type: katakana-iroha; } +</style> +<ul class="triangle"><li></ul> +<ul class="triangle"><li></ul> +<ul class="triangle"><li></ul> +<ul class="triangle"><li></ul> +<ul class="triangle"><li></ul> +<ul class="hiragana"><li></ul> +<ul class="katakana"><li></ul> +<ul class="hiragana-iroha"><li></ul> +<ul class="katakana-iroha"><li></ul> +<ul class="hiragana"><li></ul> +<ul class="katakana"><li></ul> +<ul class="hiragana-iroha"><li></ul> +<ul class="katakana-iroha"><li></ul> + +<ol><li></ol> +<ol class="triangle"><li></ol> +<ol class="triangle"><li></ol> +<ol class="triangle"><li></ol> +<ol class="triangle"><li></ol> +<ol class="hiragana"><li></ol> +<ol class="katakana"><li></ol> +<ol class="hiragana-iroha"><li></ol> +<ol class="katakana-iroha"><li></ol> +<ol class="hiragana"><li></ol> +<ol class="katakana"><li></ol> +<ol class="hiragana-iroha"><li></ol> +<ol class="katakana-iroha"><li></ol> + +<ul> + <li class="triangle"> + <li class="triangle"> + <li class="triangle"> + <li class="triangle"> + <li class="hiragana"> + <li class="katakana"> + <li class="hiragana-iroha"> + <li class="katakana-iroha"> +</ul> diff --git a/layout/reftests/counter-style/redefine-attr-mapping.html b/layout/reftests/counter-style/redefine-attr-mapping.html new file mode 100644 index 000000000..9bf262ecc --- /dev/null +++ b/layout/reftests/counter-style/redefine-attr-mapping.html @@ -0,0 +1,68 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style triangle { + system: cyclic; + symbols: \2023; + suffix: ""; + } + @counter-style disc { + system: extends triangle; + } + @counter-style circle { + system: extends triangle; + } + @counter-style square { + system: extends triangle; + } + @counter-style lower-roman { + system: extends hiragana; + } + @counter-style upper-roman { + system: extends katakana; + } + @counter-style lower-alpha { + system: extends hiragana-iroha; + } + @counter-style upper-alpha { + system: extends katakana-iroha; + } +</style> +<ul><li></ul> +<ul type="disc"><li></ul> +<ul type="circle"><li></ul> +<ul type="round"><li></ul> +<ul type="square"><li></ul> +<ul type="i"><li></ul> +<ul type="I"><li></ul> +<ul type="a"><li></ul> +<ul type="A"><li></ul> +<ul type="lower-roman"><li></ul> +<ul type="upper-roman"><li></ul> +<ul type="lower-alpha"><li></ul> +<ul type="upper-alpha"><li></ul> + +<ol><li></ol> +<ol type="disc"><li></ol> +<ol type="circle"><li></ol> +<ol type="round"><li></ol> +<ol type="square"><li></ol> +<ol type="i"><li></ol> +<ol type="I"><li></ol> +<ol type="a"><li></ol> +<ol type="A"><li></ol> +<ol type="lower-roman"><li></ol> +<ol type="upper-roman"><li></ol> +<ol type="lower-alpha"><li></ol> +<ol type="upper-alpha"><li></ol> + +<ul> + <li type="disc"> + <li type="circle"> + <li type="round"> + <li type="square"> + <li type="i"> + <li type="I"> + <li type="a"> + <li type="A"> +</ul> diff --git a/layout/reftests/counter-style/redefine-builtin-ref.html b/layout/reftests/counter-style/redefine-builtin-ref.html new file mode 100644 index 000000000..419b53d86 --- /dev/null +++ b/layout/reftests/counter-style/redefine-builtin-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<ol> + <li style="list-style-type: none">foo + <li style="list-style-type: decimal">bar + <li style="list-style-type: cjk-decimal"> +</ol> diff --git a/layout/reftests/counter-style/redefine-builtin.html b/layout/reftests/counter-style/redefine-builtin.html new file mode 100644 index 000000000..60117d7a6 --- /dev/null +++ b/layout/reftests/counter-style/redefine-builtin.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style none { + system: extends lower-roman; + } + @counter-style decimal { + system: extends upper-roman; + } + @counter-style hebrew { + system: extends cjk-decimal; + } +</style> +<ol> + <li style="list-style-type: none">foo + <li style="list-style-type: decimal">bar + <li style="list-style-type: hebrew"> +</ol> diff --git a/layout/reftests/counter-style/ref-common.css b/layout/reftests/counter-style/ref-common.css new file mode 100644 index 000000000..92d77de0e --- /dev/null +++ b/layout/reftests/counter-style/ref-common.css @@ -0,0 +1,12 @@ +body { + /* to match ua.css, see bug 1020143 */ + font-variant-numeric: tabular-nums; +} +div, p { + padding: 0; margin: 0; + line-height: 150%; + float: left; +} +p { + padding-right: .5em; +} diff --git a/layout/reftests/counter-style/reftest-stylo.list b/layout/reftests/counter-style/reftest-stylo.list new file mode 100644 index 000000000..d2dfc7820 --- /dev/null +++ b/layout/reftests/counter-style/reftest-stylo.list @@ -0,0 +1,38 @@ +# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing +== system-cyclic.html system-cyclic.html +== system-fixed.html system-fixed.html +== system-symbolic.html system-symbolic.html +== system-alphabetic.html system-alphabetic.html +== system-numeric.html system-numeric.html +== system-additive.html system-additive.html +== system-extends.html system-extends.html +== system-cyclic-invalid.html system-cyclic-invalid.html +== system-fixed-invalid.html system-fixed-invalid.html +== system-symbolic-invalid.html system-symbolic-invalid.html +== system-alphabetic-invalid.html system-alphabetic-invalid.html +== system-numeric-invalid.html system-numeric-invalid.html +== system-additive-invalid.html system-additive-invalid.html +== system-extends-invalid.html system-extends-invalid.html +== descriptor-negative.html descriptor-negative.html +== descriptor-prefix.html descriptor-prefix.html +fails-if(B2G||Mulet) == descriptor-suffix.html descriptor-suffix.html +# B2G kerning +# Initial mulet triage: parity with B2G/B2G Desktop +== descriptor-range.html descriptor-range.html +== descriptor-pad.html descriptor-pad.html +== descriptor-fallback.html descriptor-fallback.html +== descriptor-symbols.html descriptor-symbols.html +== descriptor-negative-invalid.html descriptor-negative-invalid.html +== descriptor-prefix-invalid.html descriptor-prefix-invalid.html +== descriptor-suffix-invalid.html descriptor-suffix-invalid.html +== descriptor-range-invalid.html descriptor-range-invalid.html +== descriptor-pad-invalid.html descriptor-pad-invalid.html +== descriptor-fallback.html descriptor-fallback.html +== descriptor-symbols-invalid.html descriptor-symbols-invalid.html +== name-case-sensitivity.html name-case-sensitivity.html +== dependent-builtin.html dependent-builtin.html +== redefine-builtin.html redefine-builtin.html +skip == redefine-attr-mapping.html redefine-attr-mapping.html +== disclosure-styles.html disclosure-styles.html +== symbols-function.html symbols-function.html +== symbols-function-invalid.html symbols-function-invalid.html diff --git a/layout/reftests/counter-style/reftest.list b/layout/reftests/counter-style/reftest.list new file mode 100644 index 000000000..541cca4fa --- /dev/null +++ b/layout/reftests/counter-style/reftest.list @@ -0,0 +1,35 @@ +== system-cyclic.html system-cyclic-ref.html +== system-fixed.html system-fixed-ref.html +== system-symbolic.html system-symbolic-ref.html +== system-alphabetic.html system-alphabetic-ref.html +== system-numeric.html system-numeric-ref.html +== system-additive.html system-additive-ref.html +== system-extends.html system-extends-ref.html +== system-cyclic-invalid.html system-common-invalid-ref.html +== system-fixed-invalid.html system-common-invalid2-ref.html +== system-symbolic-invalid.html system-common-invalid-ref.html +== system-alphabetic-invalid.html system-common-invalid2-ref.html +== system-numeric-invalid.html system-common-invalid2-ref.html +== system-additive-invalid.html system-common-invalid-ref.html +== system-extends-invalid.html system-extends-invalid-ref.html +== descriptor-negative.html descriptor-negative-ref.html +== descriptor-prefix.html descriptor-prefix-ref.html +== descriptor-suffix.html descriptor-suffix-ref.html +== descriptor-range.html descriptor-range-ref.html +== descriptor-pad.html descriptor-pad-ref.html +== descriptor-fallback.html descriptor-fallback-ref.html +== descriptor-symbols.html descriptor-symbols-ref.html +== descriptor-negative-invalid.html descriptor-negative-invalid-ref.html +== descriptor-prefix-invalid.html descriptor-prefix-invalid-ref.html +== descriptor-suffix-invalid.html descriptor-suffix-invalid-ref.html +== descriptor-range-invalid.html descriptor-range-invalid-ref.html +== descriptor-pad-invalid.html descriptor-pad-invalid-ref.html +== descriptor-fallback.html descriptor-fallback-ref.html +== descriptor-symbols-invalid.html descriptor-symbols-invalid-ref.html +== name-case-sensitivity.html name-case-sensitivity-ref.html +== dependent-builtin.html dependent-builtin-ref.html +== redefine-builtin.html redefine-builtin-ref.html +== redefine-attr-mapping.html redefine-attr-mapping-ref.html +== disclosure-styles.html disclosure-styles-ref.html +== symbols-function.html symbols-function-ref.html +== symbols-function-invalid.html symbols-function-invalid-ref.html diff --git a/layout/reftests/counter-style/symbols-function-invalid-ref.html b/layout/reftests/counter-style/symbols-function-invalid-ref.html new file mode 100644 index 000000000..a2f2f0107 --- /dev/null +++ b/layout/reftests/counter-style/symbols-function-invalid-ref.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + .invalid { + list-style-type: lower-greek; + } +</style> +<ol start="-2" class="invalid"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/symbols-function-invalid.html b/layout/reftests/counter-style/symbols-function-invalid.html new file mode 100644 index 000000000..eded7ed91 --- /dev/null +++ b/layout/reftests/counter-style/symbols-function-invalid.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + .invalid { + list-style-type: lower-greek; + list-style-type: symbols(a b c); + list-style-type: symbols(alphabetic a b c); + list-style-type: symbols(numeric 0 1 2); + list-style-type: symbols(additive 'a' 'b'); + list-style-type: symbols(fixed); + list-style-type: symbols(alphabetic 'a'); + list-style-type: symbols(numeric '0'); + } +</style> +<ol start="-2" class="invalid"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/symbols-function-ref.html b/layout/reftests/counter-style/symbols-function-ref.html new file mode 100644 index 000000000..9383c4310 --- /dev/null +++ b/layout/reftests/counter-style/symbols-function-ref.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style cyclic { + system: cyclic; + symbols: '*' '\2020' '\2021' '\A7'; + suffix: ' '; + } + @counter-style numeric { + system: numeric; + symbols: '0' '1' '2'; + suffix: ' '; + } + @counter-style alphabetic { + system: alphabetic; + symbols: '\26AA' '\26AB'; + suffix: ' '; + } + @counter-style symbolic { + system: symbolic; + symbols: '*' '\2020' '\2021' '\A7'; + suffix: ' '; + } + @counter-style fixed { + system: fixed; + symbols: '\25F0' '\25F1' '\25F2' '\25F3'; + suffix: ' '; + } + @counter-style counter { + symbols: '*'; + } + @counter-style counters { + system: numeric; + symbols: '0' '1'; + } + .counter { counter-reset: a; } + .counter p { counter-increment: a 1; } + .counter p::after { + content: counter(a, counter); + } + .counter, .counters { + list-style-type: none; + counter-reset: a; + } + .counter li, .counters li { + counter-increment: a; + padding-right: .5em; + } + .counter li::after { + content: counter(a, counter); + } + .counters .counters li::after { + content: counters(a, '.', counters); + } +</style> +<ol start="-2" style="list-style-type: symbolic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: cyclic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: numeric"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: alphabetic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: symbolic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: fixed"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol class="counter"> + <li><li><li><li><li> +</ol> +<ol class="counters"> + <li><ol class="counters"><li><li><li><li><li></ol></li> + <li><ol class="counters"><li><li><li><li><li></ol></li> +</ol> diff --git a/layout/reftests/counter-style/symbols-function.html b/layout/reftests/counter-style/symbols-function.html new file mode 100644 index 000000000..442e07f90 --- /dev/null +++ b/layout/reftests/counter-style/symbols-function.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + .default { + list-style-type: symbols('*' '\2020' '\2021' '\A7'); + } + .cyclic { + list-style-type: symbols(cyclic '*' '\2020' '\2021' '\A7'); + } + .numeric { + list-style-type: symbols(numeric '0' '1' '2'); + } + .alphabetic { + list-style-type: symbols(alphabetic '\26AA' '\26AB'); + } + .symbolic { + list-style-type: symbols(symbolic '*' '\2020' '\2021' '\A7'); + } + .fixed { + list-style-type: symbols(fixed '\25F0' '\25F1' '\25F2' '\25F3'); + } + .counter, .counters { + list-style-type: none; + counter-reset: a; + } + .counter li, .counters li { + counter-increment: a; + padding-right: .5em; + } + .counter li::after { + content: counter(a, symbols('*')); + } + .counters .counters li::after { + content: counters(a, '.', symbols(numeric '0' '1')); + } +</style> +<ol start="-2" class="default"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" class="cyclic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" class="numeric"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" class="alphabetic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" class="symbolic"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" class="fixed"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol class="counter"> + <li><li><li><li><li> +</ol> +<ol class="counters"> + <li><ol class="counters"><li><li><li><li><li></ol></li> + <li><ol class="counters"><li><li><li><li><li></ol></li> +</ol> diff --git a/layout/reftests/counter-style/system-additive-invalid.html b/layout/reftests/counter-style/system-additive-invalid.html new file mode 100644 index 000000000..1ed907b1c --- /dev/null +++ b/layout/reftests/counter-style/system-additive-invalid.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: additive; + suffix: ":"; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li>foo<li>bar<li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-additive-ref.html b/layout/reftests/counter-style/system-additive-ref.html new file mode 100644 index 000000000..bdf05a5e5 --- /dev/null +++ b/layout/reftests/counter-style/system-additive-ref.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>-2</div> +<div>-1</div> +<div>0</div> +<div>⚀</div> +<div>⚁</div> +<div>⚂</div> +<div>⚃</div> +<div>⚄</div> +<div>⚅</div> +<div>⚅⚀</div> +<div>⚅⚃</div> +<div>⚅⚄</div> +<div>⚅⚅</div> +<div>⚅⚅⚀</div> +<div><script type="text/javascript"> + document.write(Array(61).join('⚅')); +</script></div> +<div>1000</div> +<!-- list-style-type: b --> +<div>-2</div> +<div>-1</div> +<div>☷</div> +<div>☶</div> +<div>☵</div> +<!-- list-style-type: c --> +<div>1. </div> +<div>b. </div> +<div>a. </div> +<div>4. </div> +<div>ab. </div> +<!-- list-style-type: d --> +<div><script type="text/javascript"> + document.write(Array(61).join('𐌀')); +</script>. </div> +<div>100. </div> diff --git a/layout/reftests/counter-style/system-additive.html b/layout/reftests/counter-style/system-additive.html new file mode 100644 index 000000000..f3577a93e --- /dev/null +++ b/layout/reftests/counter-style/system-additive.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: additive; + additive-symbols: 6 \2685, 5 \2684, 4 \2683, 3 \2682, 2 \2681, 1 \2680; + suffix: ""; + } + @counter-style b { + system: additive; + additive-symbols: 7 \2630, 6 \2631, 5 \2632, 4 \2633, 3 \2634, 2 \2635, 1 \2636, 0 \2637; + suffix: ""; + } + @counter-style c { + system: additive; + additive-symbols: 3 "a", 2 "b"; + } + @counter-style d { + system: additive; + additive-symbols: 1 \10300; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> + <li value="10"><li><li><li> + <li value="360"><!-- 60 code points --> + <li value="1000"><!-- too long --> +</ol> +<ol start="-2" style="list-style-type: b"> + <li><li><li><li><li> +</ol> +<ol style="list-style-type: c"> + <li><li><li><li><li> +</ol> +<ol style="list-style-type: d"> + <li value="60"><!-- 60 code points --> + <li value="100"><!-- too long --> +</ol> diff --git a/layout/reftests/counter-style/system-alphabetic-invalid.html b/layout/reftests/counter-style/system-alphabetic-invalid.html new file mode 100644 index 000000000..a37eefed3 --- /dev/null +++ b/layout/reftests/counter-style/system-alphabetic-invalid.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: alphabetic; + suffix: ":"; + } + @counter-style b { + system: alphabetic; + symbols: A; + suffix: ":"; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li>foo<li>bar<li>foo<li>bar +</ol> +<ol start="-2" style="list-style-type: b"> + <li>foo<li>bar<li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-alphabetic-ref.html b/layout/reftests/counter-style/system-alphabetic-ref.html new file mode 100644 index 000000000..9a039cc17 --- /dev/null +++ b/layout/reftests/counter-style/system-alphabetic-ref.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>-2</div> +<div>-1</div> +<div>0</div> +<div>⚪</div> +<div>⚫</div> +<div>⚪⚪</div> +<div>⚪⚫</div> +<div>⚫⚪</div> +<div>⚫⚫</div> +<div>⚪⚪⚪</div> diff --git a/layout/reftests/counter-style/system-alphabetic.html b/layout/reftests/counter-style/system-alphabetic.html new file mode 100644 index 000000000..25b2c49b5 --- /dev/null +++ b/layout/reftests/counter-style/system-alphabetic.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: alphabetic; + symbols: \26AA \26AB; + suffix: ''; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/system-common-invalid-ref.html b/layout/reftests/counter-style/system-common-invalid-ref.html new file mode 100644 index 000000000..b2502514f --- /dev/null +++ b/layout/reftests/counter-style/system-common-invalid-ref.html @@ -0,0 +1,5 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<ol start="-2" style="list-style-type: decimal"> + <li>foo<li>bar<li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-common-invalid2-ref.html b/layout/reftests/counter-style/system-common-invalid2-ref.html new file mode 100644 index 000000000..aad389e03 --- /dev/null +++ b/layout/reftests/counter-style/system-common-invalid2-ref.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<ol start="-2" style="list-style-type: decimal"> + <li>foo<li>bar<li>foo<li>bar +</ol> +<ol start="-2" style="list-style-type: decimal"> + <li>foo<li>bar<li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-cyclic-invalid.html b/layout/reftests/counter-style/system-cyclic-invalid.html new file mode 100644 index 000000000..0f0c79355 --- /dev/null +++ b/layout/reftests/counter-style/system-cyclic-invalid.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: cyclic; + suffix: ":"; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li>foo<li>bar<li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-cyclic-ref.html b/layout/reftests/counter-style/system-cyclic-ref.html new file mode 100644 index 000000000..522d93860 --- /dev/null +++ b/layout/reftests/counter-style/system-cyclic-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>‣</div> +<div>‣</div> +<div>‣</div> +<div>‣</div> +<div>‣</div> +<!-- list-style-type: b --> +<div>‡</div> +<div>†</div> +<div>‡</div> +<div>†</div> +<div>‡</div> diff --git a/layout/reftests/counter-style/system-cyclic.html b/layout/reftests/counter-style/system-cyclic.html new file mode 100644 index 000000000..e7331bd1e --- /dev/null +++ b/layout/reftests/counter-style/system-cyclic.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: cyclic; + symbols: \2023; + suffix: ""; + } + @counter-style b { + system: cyclic; + symbols: \2020 \2021; + suffix: ""; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: b"> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/system-extends-invalid-ref.html b/layout/reftests/counter-style/system-extends-invalid-ref.html new file mode 100644 index 000000000..23c5589f9 --- /dev/null +++ b/layout/reftests/counter-style/system-extends-invalid-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<link rel="stylesheet" href="ref-common.css"> +<style type="text/css"> + ol { + list-style: decimal inside; + } +</style> +<div>a1b</div> +<div>2b</div> +<div>c3. </div> +<div>d4. </div> +<div>e5. </div> +<ol start="6"> + <li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-extends-invalid.html b/layout/reftests/counter-style/system-extends-invalid.html new file mode 100644 index 000000000..ecd4fed03 --- /dev/null +++ b/layout/reftests/counter-style/system-extends-invalid.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends b; + prefix: a; + } + @counter-style b { + system: extends c; + suffix: b; + } + @counter-style c { + system: extends b; + pad: 2 c; + } + @counter-style d { + system: extends d; + prefix: d; + } + @counter-style e { + system: extends unknown; + prefix: e; + } + @counter-style f { + system: extends decimal; + symbols: a; + } + @counter-style g { + system: extends decimal; + additive-symbols: 1 a; + } +</style> +<ol> + <li style="list-style-type: a;"> + <li style="list-style-type: b;"> + <li style="list-style-type: c;"> + <li style="list-style-type: d;"> + <li style="list-style-type: e;"> + <li style="list-style-type: f;">foo + <li style="list-style-type: g;">bar +</ol> diff --git a/layout/reftests/counter-style/system-extends-ref.html b/layout/reftests/counter-style/system-extends-ref.html new file mode 100644 index 000000000..5eefe70d7 --- /dev/null +++ b/layout/reftests/counter-style/system-extends-ref.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>Chapter -2. </div> +<div>Chapter -1. </div> +<div>Chapter 0. </div> +<div>Chapter I. </div> +<div>Chapter II. </div> +<div>Chapter III. </div> +<div>Chapter IV. </div> +<div>Chapter V. </div> +<div>Chapter 6. </div> +<div>Chapter 7. </div> +<!-- list-style-type: b --> +<div>Section -2. </div> +<div>Section -1. </div> +<div>Section 0. </div> +<div>Section I. </div> +<div>Section II. </div> +<div>Section III. </div> +<div>Section IV. </div> +<div>Section V. </div> +<div>Section VI. </div> +<div>Section 7. </div> diff --git a/layout/reftests/counter-style/system-extends.html b/layout/reftests/counter-style/system-extends.html new file mode 100644 index 000000000..cb51626d3 --- /dev/null +++ b/layout/reftests/counter-style/system-extends.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: extends upper-roman; + prefix: "Chapter "; + range: 1 5; + } + @counter-style b { + system: extends a; + prefix: "Section "; + range: 1 6; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: b"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/system-fixed-invalid.html b/layout/reftests/counter-style/system-fixed-invalid.html new file mode 100644 index 000000000..848e4f9f2 --- /dev/null +++ b/layout/reftests/counter-style/system-fixed-invalid.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: fixed; + suffix: ":"; + } + @counter-style b { + system: fixed invalid; + suffix: ":"; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li>foo<li>bar<li>foo<li>bar +</ol> +<ol start="-2" style="list-style-type: b"> + <li>foo<li>bar<li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-fixed-ref.html b/layout/reftests/counter-style/system-fixed-ref.html new file mode 100644 index 000000000..14cbc53e9 --- /dev/null +++ b/layout/reftests/counter-style/system-fixed-ref.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>-2:</div> +<div>-1:</div> +<div>0:</div> +<div>◰:</div> +<div>◱:</div> +<div>◲:</div> +<div>◳:</div> +<div>5:</div> +<div>6:</div> +<div>7:</div> +<!-- list-style-type: b --> +<div>-2:</div> +<div>◴:</div> +<div>◵:</div> +<div>◶:</div> +<div>◷:</div> +<div>3:</div> +<div>4:</div> +<div>5:</div> +<div>6:</div> +<div>7:</div> diff --git a/layout/reftests/counter-style/system-fixed.html b/layout/reftests/counter-style/system-fixed.html new file mode 100644 index 000000000..d7d55bad8 --- /dev/null +++ b/layout/reftests/counter-style/system-fixed.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: fixed; + symbols: \25F0 \25F1 \25F2 \25F3; + suffix: ':'; + } + @counter-style b { + system: fixed -1; + symbols: \25F4 \25F5 \25F6 \25F7; + suffix: ':'; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> +<ol start="-2" style="list-style-type: b"> + <li><li><li><li><li> + <li><li><li><li><li> +</ol> diff --git a/layout/reftests/counter-style/system-numeric-invalid.html b/layout/reftests/counter-style/system-numeric-invalid.html new file mode 100644 index 000000000..ea054d102 --- /dev/null +++ b/layout/reftests/counter-style/system-numeric-invalid.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: numeric; + suffix: ":"; + } + @counter-style b { + system: numeric; + symbols: A; + suffix: ":"; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li>foo<li>bar<li>foo<li>bar +</ol> +<ol start="-2" style="list-style-type: b"> + <li>foo<li>bar<li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-numeric-ref.html b/layout/reftests/counter-style/system-numeric-ref.html new file mode 100644 index 000000000..548ee0f39 --- /dev/null +++ b/layout/reftests/counter-style/system-numeric-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<div>-11. </div> +<div>-10. </div> +<div>-2. </div> +<div>-1. </div> +<div>0. </div> +<div>1. </div> +<div>2. </div> +<div>10. </div> +<div>11. </div> +<div>12. </div> +<div>10201. </div> diff --git a/layout/reftests/counter-style/system-numeric.html b/layout/reftests/counter-style/system-numeric.html new file mode 100644 index 000000000..51b86b764 --- /dev/null +++ b/layout/reftests/counter-style/system-numeric.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: numeric; + symbols: '0' '1' '2'; + } +</style> +<ol start="-4" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> + <li value="100"> +</ol> diff --git a/layout/reftests/counter-style/system-symbolic-invalid.html b/layout/reftests/counter-style/system-symbolic-invalid.html new file mode 100644 index 000000000..7c9b1a3a3 --- /dev/null +++ b/layout/reftests/counter-style/system-symbolic-invalid.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + system: symbolic; + suffix: ":"; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li>foo<li>bar<li>foo<li>bar +</ol> diff --git a/layout/reftests/counter-style/system-symbolic-ref.html b/layout/reftests/counter-style/system-symbolic-ref.html new file mode 100644 index 000000000..b8e1b22d2 --- /dev/null +++ b/layout/reftests/counter-style/system-symbolic-ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="ref-common.css"> +<!-- list-style-type: a --> +<div>-2</div> +<div>-1</div> +<div>0</div> +<div>*</div> +<div>⁑</div> +<div>†</div> +<div>‡</div> +<div>**</div> +<div>⁑⁑</div> +<div>††</div> +<div><script type="text/javascript"> + document.write(Array(61).join('‡')); +</script></div> +<div>1000</div> +<!-- list-style-type: b --> +<div><script type="text/javascript"> + document.write(Array(61).join('𐌀')); +</script>. </div> +<div>100. </div> diff --git a/layout/reftests/counter-style/system-symbolic.html b/layout/reftests/counter-style/system-symbolic.html new file mode 100644 index 000000000..e608ea0bf --- /dev/null +++ b/layout/reftests/counter-style/system-symbolic.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<link rel="stylesheet" href="test-common.css"> +<style type="text/css"> + @counter-style a { + /* system: symbolic; */ + symbols: '*' \2051 \2020 \2021; + suffix: ''; + } + @counter-style b { + symbols: \10300; + } +</style> +<ol start="-2" style="list-style-type: a"> + <li><li><li><li><li> + <li><li><li><li><li> + <li value="240"><!-- 60 code points --> + <li value="1000"><!-- too long --> +</ol> +<ol style="list-style-type: b"> + <li value="60"><!-- 60 code points --> + <li value="100"><!-- too long --> +</ol> diff --git a/layout/reftests/counter-style/test-common.css b/layout/reftests/counter-style/test-common.css new file mode 100644 index 000000000..dcbf4e1e0 --- /dev/null +++ b/layout/reftests/counter-style/test-common.css @@ -0,0 +1,18 @@ +body { + /* to match ua.css, see bug 1020143 */ + font-variant-numeric: tabular-nums; +} +ol, ul, section, p { + padding: 0; margin: 0; + line-height: 150%; +} +ol, ul { + list-style-position: inside; +} +li, p { + float: left; + padding: 0; +} +p { + padding-right: .5em; +} |