summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-counter-styles/japanese-formal
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
commit43a97878ce14b72f0981164f87f2e35e14151312 (patch)
tree620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-counter-styles/japanese-formal
parentInitial commit. (diff)
downloadfirefox-upstream.tar.xz
firefox-upstream.zip
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-counter-styles/japanese-formal')
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047-ref.html41
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047.html42
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048-ref.html55
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048.html56
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-alt-ref.html27
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-ref.html28
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049.html30
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050-ref.html31
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050.html32
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051-ref.html32
-rw-r--r--testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051.html33
11 files changed, 407 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047-ref.html
new file mode 100644
index 0000000000..eb30f6fa23
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-formal 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-formal; }
+</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-formal/css3-counter-styles-047.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047.html
new file mode 100644
index 0000000000..0c35c7381d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-047.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-047-ref.html'>
+<meta name="assert" content="Setting list-style-type to japanese-formal 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-formal; 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-formal/css3-counter-styles-048-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048-ref.html
new file mode 100644
index 0000000000..c78636b6f5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-formal 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-formal; }
+</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-formal/css3-counter-styles-048.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048.html
new file mode 100644
index 0000000000..c8fa76acbe
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-048.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-048-ref.html'>
+<meta name="assert" content="Setting list-style-type to japanese-formal 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-formal; 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-formal/css3-counter-styles-049-alt-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-alt-ref.html
new file mode 100644
index 0000000000..89cc9ea847
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-alt-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>japanese-formal, 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 type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: japanese-formal; }
+</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-formal/css3-counter-styles-049-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-ref.html
new file mode 100644
index 0000000000..718112fd0f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-formal produces counter values outside its range without using the prescribed fallback style.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol li { list-style-type: japanese-formal; }
+</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-formal/css3-counter-styles-049.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049.html
new file mode 100644
index 0000000000..32fd887e1c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-049.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-049-ref.html'>
+<link rel='match' href='css3-counter-styles-049-alt-ref.html'><!-- Gecko prefers this rendering over the fallback rendering -->
+<meta name="assert" content="[Exploratory] list-style-type: japanese-formal produces counter values outside its range without using the prescribed fallback style.">
+<style type='text/css'>
+.test { font-size: 25px; }
+ol { margin: 0; padding-left: 8em; }
+ol { list-style-type: japanese-formal; 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-formal/css3-counter-styles-050-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050-ref.html
new file mode 100644
index 0000000000..c826d55f3a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050-ref.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-formal, 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-formal; }
+</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-formal/css3-counter-styles-050.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050.html
new file mode 100644
index 0000000000..f157901cda
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-050.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-050-ref.html'>
+<meta name="assert" content="With list-style-type set to japanese-formal, 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-formal; 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-formal/css3-counter-styles-051-ref.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051-ref.html
new file mode 100644
index 0000000000..9221b9294c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-formal 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-formal; }
+</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-formal/css3-counter-styles-051.html b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051.html
new file mode 100644
index 0000000000..baa3cf9792
--- /dev/null
+++ b/testing/web-platform/tests/css/css-counter-styles/japanese-formal/css3-counter-styles-051.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+<meta charset="utf-8"/>
+<title>japanese-formal, 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-051-ref.html'>
+<meta name="assert" content="Setting list-style-type to japanese-formal 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-formal; 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>