Skip to content

Commit

Permalink
Add ref files to WPT tests in css/css-counter-styles (p1)
Browse files Browse the repository at this point in the history
This patch mechanically adds ref files to the WPT tests by:

- Removing the <meta name='flags' content='font'> tag, since it blocks
  the test runner from matching the ref file

- Add 'list-style-position: inside' so that list markers do not have
  inline margins, and can match exactly to an inline element

- The ref file is a copy of the test file, with all <li> replaced by
  <div> and list markers replaced by <bdi> with the expected marker
  content inside

Bug: 687225
Change-Id: I386f129441018c8c022ad4d660afecf19a0ae52a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2674491
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Commit-Queue: Xiaocheng Hu <xiaochengh@chromium.org>
Cr-Commit-Position: refs/heads/master@{#850642}
  • Loading branch information
xiaochengh authored and chromium-wpt-export-bot committed Feb 4, 2021
1 parent db39812 commit 3b2f743
Show file tree
Hide file tree
Showing 150 changed files with 3,124 additions and 150 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>arabic-indic, 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/#simple-numeric'>
<meta name='flags' content='font'>
<meta name="assert" content="list-style: arabic-indic produces numbers up to 9 items per the spec.">
<style type='text/css'>
ol li { list-style-type: arabic-indic; }
/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
<div class='test'><ol>
<div><bdi>١. </bdi>١</div>
<div><bdi>٢. </bdi>٢</div>
<div><bdi>٣. </bdi>٣</div>
<div><bdi>٤. </bdi>٤</div>
<div><bdi>٥. </bdi>٥</div>
<div><bdi>٦. </bdi>٦</div>
<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>
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@
<title>arabic-indic, 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/#simple-numeric'>
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-101-ref.html'>
<meta name="assert" content="list-style: arabic-indic produces numbers up to 9 items per the spec.">
<style type='text/css'>
ol li { list-style-type: arabic-indic; }
/* the following CSS is not part of the test */
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol { margin: 0; padding-left: 8em; list-style-position: inside; }
</style>
</head>
<body>
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>arabic-indic, 10+</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/#simple-numeric'>
<meta name='flags' content='font'>
<meta name="assert" content="list-style-type: arabic-indic produces numbers after 9 per the spec.">
<style type='text/css'>
ol li { list-style-type: arabic-indic; }
/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
<div class='test'>
<ol start='10'>
<div><bdi>١٠. </bdi>١٠</div>
<div><bdi>١١. </bdi>١١</div>
<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>
<div><bdi>١٠٠. </bdi>١٠٠</div>
<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>
<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='7864'>
<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.
The test relies on the start attribute working.
To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
-->
</body>
</html>
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@
<title>arabic-indic, 10+</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/#simple-numeric'>
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-102-ref.html'>
<meta name="assert" content="list-style-type: arabic-indic produces numbers after 9 per the spec.">
<style type='text/css'>
ol li { list-style-type: arabic-indic; }
/* the following CSS is not part of the test */
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol { margin: 0; padding-left: 8em; list-style-position: inside; }
</style>
</head>
<body>
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>arabic-indic, 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/#simple-numeric'>
<meta name='flags' content='font'>
<meta name="assert" content="list-style-type: arabic-indic produces a suffix per the spec.">
<style type='text/css'>
ol li { list-style-type: arabic-indic; }
/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
<div class='test'><ol>
<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>
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@
<title>arabic-indic, 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/#simple-numeric'>
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-103-ref.html'>
<meta name="assert" content="list-style-type: arabic-indic produces a suffix per the spec.">
<style type='text/css'>
ol li { list-style-type: arabic-indic; }
/* the following CSS is not part of the test */
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol { margin: 0; padding-left: 8em; list-style-position: inside; }
</style>
</head>
<body>
Expand Down
37 changes: 37 additions & 0 deletions css/css-counter-styles/bengali/css3-counter-styles-116-ref.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>bengali, 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/#simple-numeric'>
<meta name='flags' content='font'>
<meta name="assert" content="list-style-type:bengali produces numbers up to 9 per the spec.">
<style type='text/css'>
ol li { list-style-type: bengali; }
/* 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 passes if the two columns are the same, IGNORING the suffix.</p>
<div class="test">
<ol>
<div><bdi>১. </bdi></div>
<div><bdi>২. </bdi></div>
<div><bdi>৩. </bdi></div>
<div><bdi>৪. </bdi></div>
<div><bdi>৫. </bdi></div>
<div><bdi>৬. </bdi></div>
<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>
4 changes: 2 additions & 2 deletions css/css-counter-styles/bengali/css3-counter-styles-116.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@
<title>bengali, 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/#simple-numeric'>
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-116-ref.html'>
<meta name="assert" content="list-style-type:bengali produces numbers up to 9 per the spec.">
<style type='text/css'>
ol li { list-style-type: bengali; }
/* the following CSS is not part of the test */
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol { margin: 0; padding-left: 8em; list-style-position: inside; }
</style>
</head>
<body>
Expand Down
51 changes: 51 additions & 0 deletions css/css-counter-styles/bengali/css3-counter-styles-117-ref.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>bengali, 10+</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/#simple-numeric'>
<meta name='flags' content='font'>
<meta name="assert" content="list-style-type: bengali produces numbers after 9 per the spec.">
<style type='text/css'>
ol li { list-style-type: bengali; }
/* 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 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="7864"><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.
The test relies on the start attribute working.
To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip.
-->
</body>
</html>
4 changes: 2 additions & 2 deletions css/css-counter-styles/bengali/css3-counter-styles-117.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@
<title>bengali, 10+</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/#simple-numeric'>
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-117-ref.html'>
<meta name="assert" content="list-style-type: bengali produces numbers after 9 per the spec.">
<style type='text/css'>
ol li { list-style-type: bengali; }
/* the following CSS is not part of the test */
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol { margin: 0; padding-left: 8em; list-style-position: inside; }
</style>
</head>
<body>
Expand Down
29 changes: 29 additions & 0 deletions css/css-counter-styles/bengali/css3-counter-styles-118-ref.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8"/>
<title>bengali, 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/#simple-numeric'>
<meta name='flags' content='font'>
<meta name="assert" content="list-style-type: bengali produces a suffix per the spec.">
<style type='text/css'>
ol li { list-style-type: bengali; }
/* 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 passes if the numbers AND the suffix in each of the two columns is the same.</p>
<div class='test'><ol>
<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>
4 changes: 2 additions & 2 deletions css/css-counter-styles/bengali/css3-counter-styles-118.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@
<title>bengali, 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/#simple-numeric'>
<meta name='flags' content='font'>
<link rel='match' href='css3-counter-styles-118-ref.html'>
<meta name="assert" content="list-style-type: bengali produces a suffix per the spec.">
<style type='text/css'>
ol li { list-style-type: bengali; }
/* the following CSS is not part of the test */
.test { font-size: 25px; }
ol { margin: 0; padding-left: 8em; }
ol { margin: 0; padding-left: 8em; list-style-position: inside; }
</style>
</head>
<body>
Expand Down
Loading

0 comments on commit 3b2f743

Please sign in to comment.