summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-counter-styles/japanese-informal
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-counter-styles/japanese-informal
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-counter-styles/japanese-informal')
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal-ref.html36
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal.html43
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042-ref.html41
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042.html42
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043-ref.html55
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043.html56
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-alt-ref.html28
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-ref.html29
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044.html31
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045-ref.html31
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045.html32
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046-ref.html32
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046.html33
13 files changed, 489 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal-ref.html
new file mode 100644
index 0000000000..a08a63631b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal-ref.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<div>&#x3007;</div>
+<div>&#x4e00;</div>
+<div>&#x4e8c;</div>
+<div>&#x4e09;</div>
+<div>&#x56db;</div>
+<div>&#x4e94;</div>
+<div>&#x516d;</div>
+<div>&#x4e03;</div>
+<div>&#x516b;</div>
+<div>&#x4e5d;</div>
+
+<div>&#x5341;</div>
+<div>&#x767e;</div>
+<div>&#x5343;</div>
+<div>&#x4e00;&#x4e07;</div>
+<div>&#x5341;&#x4e07;</div>
+<div>&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x5343;&#x4e07;</div>
+<div>&#x4e00;&#x5104;</div>
+<div>&#x5341;&#x5104;</div>
+
+<div>&#x5341;&#x4e00;</div>
+<div>&#x4e5d;&#x5341;&#x4e5d;</div>
+<div>&#x767e;&#x4e00;</div>
+<div>&#x4e8c;&#x767e;</div>
+<div>&#x516d;&#x5343;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x767e;&#x4e00;</div>
+<div>&#x4e00;&#x4e07;&#x4e00;&#x5343;&#x767e;&#x5341;&#x4e00;</div>
+<div>&#x4e00;&#x5343;&#x767e;&#x4e07;</div>
+<div>&#x4e00;&#x5104;&#x4e00;&#x4e07;&#x4e00;</div>
+<div>&#x4e00;&#x5104;&#x5341;&#x4e00;&#x4e07;&#x4e00;</div>
+
+<div>&#x30de;&#x30a4;&#x30ca;&#x30b9;&#x4e00;</div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal.html
new file mode 100644
index 0000000000..5263e99944
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/counter-japanese-informal.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-counter-styles/#limited-japanese">
+<link rel="match" href="counter-japanese-informal-ref.html">
+<style>
+ div::after {
+ content: counter(n, japanese-informal);
+ }
+</style>
+<div style="counter-reset: n 0;"></div>
+<div style="counter-reset: n 1;"></div>
+<div style="counter-reset: n 2;"></div>
+<div style="counter-reset: n 3;"></div>
+<div style="counter-reset: n 4;"></div>
+<div style="counter-reset: n 5;"></div>
+<div style="counter-reset: n 6;"></div>
+<div style="counter-reset: n 7;"></div>
+<div style="counter-reset: n 8;"></div>
+<div style="counter-reset: n 9;"></div>
+
+<div style="counter-reset: n 10;"></div>
+<div style="counter-reset: n 100;"></div>
+<div style="counter-reset: n 1000;"></div>
+<div style="counter-reset: n 10000;"></div>
+<div style="counter-reset: n 100000;"></div>
+<div style="counter-reset: n 1000000;"></div>
+<div style="counter-reset: n 10000000;"></div>
+<div style="counter-reset: n 100000000;"></div>
+<div style="counter-reset: n 1000000000;"></div>
+
+<div style="counter-reset: n 11;"></div>
+<div style="counter-reset: n 99;"></div>
+<div style="counter-reset: n 101;"></div>
+<div style="counter-reset: n 200;"></div>
+<div style="counter-reset: n 6001;"></div>
+<div style="counter-reset: n 10001;"></div>
+<div style="counter-reset: n 10011;"></div>
+<div style="counter-reset: n 10101;"></div>
+<div style="counter-reset: n 11111;"></div>
+<div style="counter-reset: n 11000000;"></div>
+<div style="counter-reset: n 100010001;"></div>
+<div style="counter-reset: n 100110001;"></div>
+
+<div style="counter-reset: n -1;"></div>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042-ref.html
new file mode 100644
index 0000000000..935f5e7860
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, 0-9</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="Setting list-style-type to japanese-informal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: japanese-informal; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='0'><div><bdi>〇、</bdi>〇、</div></ol>
+<ol start='1'><div><bdi>一、</bdi>一、</div></ol>
+<ol start='2'><div><bdi>二、</bdi>二、</div></ol>
+<ol start='3'><div><bdi>三、</bdi>三、</div></ol>
+<ol start='4'><div><bdi>四、</bdi>四、</div></ol>
+<ol start='5'><div><bdi>五、</bdi>五、</div></ol>
+<ol start='6'><div><bdi>六、</bdi>六、</div></ol>
+<ol start='7'><div><bdi>七、</bdi>七、</div></ol>
+<ol start='8'><div><bdi>八、</bdi>八、</div></ol>
+<ol start='9'><div><bdi>九、</bdi>九、</div></ol>
+</div>
+
+
+<!--Notes:
+You will need an appropriate font to run this test.
+
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042.html
new file mode 100644
index 0000000000..5e30b3fd65
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-042.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, 0-9</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-042-ref.html'>
+<meta name="assert" content="Setting list-style-type to japanese-informal will produce list of up to 9 items numbering as described in the CSS3 Counter Styles module.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: japanese-informal; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='0'><li title='0'>〇、</li></ol>
+<ol start='1'><li title='1'>一、</li></ol>
+<ol start='2'><li title='2'>二、</li></ol>
+<ol start='3'><li title='3'>三、</li></ol>
+<ol start='4'><li title='4'>四、</li></ol>
+<ol start='5'><li title='5'>五、</li></ol>
+<ol start='6'><li title='6'>六、</li></ol>
+<ol start='7'><li title='7'>七、</li></ol>
+<ol start='8'><li title='8'>八、</li></ol>
+<ol start='9'><li title='9'>九、</li></ol>
+</div>
+
+
+<!--Notes:
+You will need an appropriate font to run this test.
+
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043-ref.html
new file mode 100644
index 0000000000..3448bfe723
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, 10-9999</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="Setting list-style-type to japanese-informal will produce list numbering after 9 as described in the CSS3 Counter Styles module.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: japanese-informal; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='10'><div><bdi>十、</bdi>十、</div></ol>
+<ol start='11'><div><bdi>十一、</bdi>十一、</div></ol>
+<ol start='12'><div><bdi>十二、</bdi>十二、</div></ol>
+<ol start='43'><div><bdi>四十三、</bdi>四十三、</div></ol>
+<ol start='77'><div><bdi>七十七、</bdi>七十七、</div></ol>
+<ol start='80'><div><bdi>八十、</bdi>八十、</div></ol>
+<ol start='99'><div><bdi>九十九、</bdi>九十九、</div></ol>
+<ol start='100'><div><bdi>百、</bdi>百、</div></ol>
+<ol start='101'><div><bdi>百一、</bdi>百一、</div></ol>
+<ol start='222'><div><bdi>二百二十二、</bdi>二百二十二、</div></ol>
+<ol start='540'><div><bdi>五百四十、</bdi>五百四十、</div></ol>
+<ol start='999'><div><bdi>九百九十九、</bdi>九百九十九、</div></ol>
+<ol start='1000'><div><bdi>千、</bdi>千、</div></ol>
+<ol start='1005'><div><bdi>千五、</bdi>千五、</div></ol>
+<ol start='1060'><div><bdi>千六十、</bdi>千六十、</div></ol>
+<ol start='1065'><div><bdi>千六十五、</bdi>千六十五、</div></ol>
+<ol start='1800'><div><bdi>千八百、</bdi>千八百、</div></ol>
+<ol start='1860'><div><bdi>千八百六十、</bdi>千八百六十、</div></ol>
+<ol start='1865'><div><bdi>千八百六十五、</bdi>千八百六十五、</div></ol>
+<ol start='5865'><div><bdi>五千八百六十五、</bdi>五千八百六十五、</div></ol>
+<ol start='7005'><div><bdi>七千五、</bdi>七千五、</div></ol>
+<ol start='7800'><div><bdi>七千八百、</bdi>七千八百、</div></ol>
+<ol start='7865'><div><bdi>七千八百六十五、</bdi>七千八百六十五、</div></ol>
+<ol start='9999'><div><bdi>九千九百九十九、</bdi>九千九百九十九、</div></ol>
+</div>
+
+
+<!--Notes:
+You will need an appropriate font to run this test.
+
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043.html
new file mode 100644
index 0000000000..e848de7947
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-043.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, 10-9999</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-043-ref.html'>
+<meta name="assert" content="Setting list-style-type to japanese-informal will produce list numbering after 9 as described in the CSS3 Counter Styles module.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: japanese-informal; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start='10'><li title='10'>十、</li></ol>
+<ol start='11'><li title='11'>十一、</li></ol>
+<ol start='12'><li title='12'>十二、</li></ol>
+<ol start='43'><li title='43'>四十三、</li></ol>
+<ol start='77'><li title='77'>七十七、</li></ol>
+<ol start='80'><li title='80'>八十、</li></ol>
+<ol start='99'><li title='99'>九十九、</li></ol>
+<ol start='100'><li title='100'>百、</li></ol>
+<ol start='101'><li title='101'>百一、</li></ol>
+<ol start='222'><li title='222'>二百二十二、</li></ol>
+<ol start='540'><li title='540'>五百四十、</li></ol>
+<ol start='999'><li title='999'>九百九十九、</li></ol>
+<ol start='1000'><li title='1000'>千、</li></ol>
+<ol start='1005'><li title='1005'>千五、</li></ol>
+<ol start='1060'><li title='1060'>千六十、</li></ol>
+<ol start='1065'><li title='1065'>千六十五、</li></ol>
+<ol start='1800'><li title='1800'>千八百、</li></ol>
+<ol start='1860'><li title='1860'>千八百六十、</li></ol>
+<ol start='1865'><li title='1865'>千八百六十五、</li></ol>
+<ol start='5865'><li title='5865'>五千八百六十五、</li></ol>
+<ol start='7005'><li title='7005'>七千五、</li></ol>
+<ol start='7800'><li title='7800'>七千八百、</li></ol>
+<ol start='7865'><li title='7865'>七千八百六十五、</li></ol>
+<ol start='9999'><li title='9999'>九千九百九十九、</li></ol>
+</div>
+
+
+<!--Notes:
+You will need an appropriate font to run this test.
+
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-alt-ref.html
new file mode 100644
index 0000000000..1b3bcbab46
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-alt-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>japanese-informal, outside range</title>
+<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel='help' href='https://bugzilla.mozilla.org/show_bug.cgi?id=1738356'>
+<style>
+ol li { list-style-type: japanese-informal; }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+</style>
+</head>
+<body>
+<p class="instructions">Test fails if the two columns of the first line are NOT the same. Otherwise, test passes only if the left column of the 2nd and 3rd lines is NOT decimal digits and is NOT the same as the right side. Score as Partial if the columns of the 2nd and 3rd lines are the same (ie. fallback was used). In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<div><bdi>九千九百九十九、</bdi>九千九百九十九</div>
+<div><bdi>一万、</bdi>一〇〇〇〇</div>
+<div><bdi>一万一、</bdi>一〇〇〇一</div>
+</ol></div>
+<!--Notes:
+You will need an appropriate font to run this test.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-ref.html
new file mode 100644
index 0000000000..4be4b6c81f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, outside range</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="[Exploratory] list-style-type: japanese-informal produces counter values outside its range without using the prescribed fallback style.">
+<style type='text/css'>
+ol li { list-style-type: japanese-informal; }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+</style>
+</head>
+<body>
+<p class="instructions">Test fails if the two columns of the first line are NOT the same. Otherwise, test passes only if the left column of the 2nd and 3rd lines is NOT decimal digits and is NOT the same as the right side. Score as Partial if the columns of the 2nd and 3rd lines are the same (ie. fallback was used). In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<div><bdi>九千九百九十九、</bdi>九千九百九十九</div>
+<div><bdi>一〇〇〇〇、</bdi>一〇〇〇〇</div>
+<div><bdi>一〇〇〇一、</bdi>一〇〇〇一</div>
+</ol></div>
+<!--Notes:
+You will need an appropriate font to run this test.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044.html
new file mode 100644
index 0000000000..abb002b3fe
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-044.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>japanese-informal, outside range</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org">
+<link rel='match' href='css3-counter-styles-044-ref.html'>
+<link rel='match' href='css3-counter-styles-044-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: japanese-informal produces counter values outside its range without using the prescribed fallback style.">
+<style type='text/css'>
+ol li { list-style-type: japanese-informal; }
+/* the following CSS is not part of the test */
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test fails if the two columns of the first line are NOT the same. Otherwise, test passes only if the left column of the 2nd and 3rd lines is NOT decimal digits and is NOT the same as the right side. Score as Partial if the columns of the 2nd and 3rd lines are the same (ie. fallback was used). In all this IGNORE the suffix.</p>
+<div class="test"><ol start="9999">
+<li title="9999">九千九百九十九</li>
+<li title="10000">一〇〇〇〇</li>
+<li title="10001">一〇〇〇一</li>
+</ol></div>
+<!--Notes:
+You will need an appropriate font to run this test.
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045-ref.html
new file mode 100644
index 0000000000..18f0698f4d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, negative</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="With list-style-type set to japanese-informal, negative list markers will be rendered according to the rules described.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: japanese-informal; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start="-11"><div><bdi>マイナス十一、</bdi>マイナス十一、</div><div><bdi>マイナス十、</bdi>マイナス十、</div><div><bdi>マイナス九、</bdi>マイナス九、</div></ol></div>
+
+
+<!--Notes:
+You will need an appropriate font to run this test.
+
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045.html
new file mode 100644
index 0000000000..889294e7ff
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-045.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, negative</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-045-ref.html'>
+<meta name="assert" content="With list-style-type set to japanese-informal, negative list markers will be rendered according to the rules described.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: japanese-informal; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p>
+
+
+<div class="test"><ol start="-11"><li title="-11">マイナス十一、</li><li title="-10">マイナス十、</li><li title="-9">マイナス九、</li></ol></div>
+
+
+<!--Notes:
+You will need an appropriate font to run this test.
+
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046-ref.html
new file mode 100644
index 0000000000..f0ce3438e9
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, suffix</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<meta name="assert" content="Setting list-style-type to japanese-informal will produce a suffix as described in the CSS3 Counter Styles module.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: japanese-informal; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the numbers AND the suffix in each of the two columns is the same.</p>
+
+
+<div class="test"><ol start='1'><div><bdi>一、</bdi>一、</div></ol>
+</div>
+
+
+<!--Notes:
+You will need an appropriate font to run this test.
+
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046.html b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046.html
new file mode 100644
index 0000000000..d450231120
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-informal/css3-counter-styles-046.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-informal, suffix</title>
+<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
+<link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#complex-cjk'>
+<link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" />
+<link rel='match' href='css3-counter-styles-046-ref.html'>
+<meta name="assert" content="Setting list-style-type to japanese-informal will produce a suffix as described in the CSS3 Counter Styles module.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: japanese-informal; list-style-position: inside; }
+</style>
+</head>
+<body>
+<p class="instructions">Test passes if the numbers AND the suffix in each of the two columns is the same.</p>
+
+
+<div class="test"><ol start='1'><li title='1'>一、</li></ol>
+</div>
+
+
+<!--Notes:
+You will need an appropriate font to run this test.
+
+To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
+-->
+
+
+</body>
+</html>