Add tests for where list-style-position: inside is odd today (#8822)
diff --git a/css/css-lists/content-property/marker-text-matches-armenian-ref.html b/css/css-lists/content-property/marker-text-matches-armenian-ref.html
new file mode 100644
index 0000000..f21dfff
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-armenian-ref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<meta charset=utf8>
+<title>Reference: Inside list marker and normal text render identically: armenian</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>Ա. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-armenian.html b/css/css-lists/content-property/marker-text-matches-armenian.html
new file mode 100644
index 0000000..fd0df63
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-armenian.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: armenian</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-armenian-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: armenian inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-circle-ref.html b/css/css-lists/content-property/marker-text-matches-circle-ref.html
new file mode 100644
index 0000000..60a342f
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-circle-ref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: circle</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+p::before {
+ content: counter(test, circle);
+}
+</style>
+<p> Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-circle.html b/css/css-lists/content-property/marker-text-matches-circle.html
new file mode 100644
index 0000000..138f73c
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-circle.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: circle</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-circle-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: circle inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-decimal-leading-zero-ref.html b/css/css-lists/content-property/marker-text-matches-decimal-leading-zero-ref.html
new file mode 100644
index 0000000..997801d
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-decimal-leading-zero-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: decimal-leading-zero</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>01. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-decimal-leading-zero.html b/css/css-lists/content-property/marker-text-matches-decimal-leading-zero.html
new file mode 100644
index 0000000..5044d4e
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-decimal-leading-zero.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: decimal-leading-zero</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-decimal-leading-zero-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: decimal-leading-zero inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-decimal-ref.html b/css/css-lists/content-property/marker-text-matches-decimal-ref.html
new file mode 100644
index 0000000..8f97cc3
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-decimal-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: decimal</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>1. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-decimal.html b/css/css-lists/content-property/marker-text-matches-decimal.html
new file mode 100644
index 0000000..8c991bc
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-decimal.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: decimal</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-decimal-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: decimal inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-disc-ref.html b/css/css-lists/content-property/marker-text-matches-disc-ref.html
new file mode 100644
index 0000000..e34a900
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-disc-ref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: disc</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+p::before {
+ content: counter(test, disc);
+}
+</style>
+<p> Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-disc.html b/css/css-lists/content-property/marker-text-matches-disc.html
new file mode 100644
index 0000000..e2456cb
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-disc.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: disc</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-disc-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: disc inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-georgian-ref.html b/css/css-lists/content-property/marker-text-matches-georgian-ref.html
new file mode 100644
index 0000000..c400aca
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-georgian-ref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<meta charset=utf8>
+<title>Reference: Inside list marker and normal text render identically: georgian</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>ა. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-georgian.html b/css/css-lists/content-property/marker-text-matches-georgian.html
new file mode 100644
index 0000000..ef7615f
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-georgian.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: georgian</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-georgian-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: georgian inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-lower-greek-ref.html b/css/css-lists/content-property/marker-text-matches-lower-greek-ref.html
new file mode 100644
index 0000000..f28db82
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-lower-greek-ref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<meta charset=utf8>
+<title>Reference: Inside list marker and normal text render identically: lower-greek</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>α. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-lower-greek.html b/css/css-lists/content-property/marker-text-matches-lower-greek.html
new file mode 100644
index 0000000..96b5d81
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-lower-greek.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: lower-greek</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-lower-greek-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: lower-greek inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-lower-latin-ref.html b/css/css-lists/content-property/marker-text-matches-lower-latin-ref.html
new file mode 100644
index 0000000..b86fe8e
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-lower-latin-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: lower-latin</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>a. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-lower-latin.html b/css/css-lists/content-property/marker-text-matches-lower-latin.html
new file mode 100644
index 0000000..0f6f242
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-lower-latin.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: lower-latin</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-lower-latin-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: lower-latin inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-lower-roman-ref.html b/css/css-lists/content-property/marker-text-matches-lower-roman-ref.html
new file mode 100644
index 0000000..92dfa3d
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-lower-roman-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: lower-roman</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>i. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-lower-roman.html b/css/css-lists/content-property/marker-text-matches-lower-roman.html
new file mode 100644
index 0000000..db7301b
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-lower-roman.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: lower-roman</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-lower-roman-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: lower-roman inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-square-ref.html b/css/css-lists/content-property/marker-text-matches-square-ref.html
new file mode 100644
index 0000000..99b64a5
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-square-ref.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: square</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+p::before {
+ content: counter(test, square);
+}
+</style>
+<p> Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-square.html b/css/css-lists/content-property/marker-text-matches-square.html
new file mode 100644
index 0000000..9095017
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-square.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: square</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-square-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: square inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-upper-latin-ref.html b/css/css-lists/content-property/marker-text-matches-upper-latin-ref.html
new file mode 100644
index 0000000..6cbb712
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-upper-latin-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: upper-latin</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>A. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-upper-latin.html b/css/css-lists/content-property/marker-text-matches-upper-latin.html
new file mode 100644
index 0000000..903ef8f
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-upper-latin.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: upper-latin</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-upper-latin-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: upper-latin inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-lists/content-property/marker-text-matches-upper-roman-ref.html b/css/css-lists/content-property/marker-text-matches-upper-roman-ref.html
new file mode 100644
index 0000000..6fca49f
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-upper-roman-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<title>Reference: Inside list marker and normal text render identically: upper-roman</title>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+<p>I. Filler Text
diff --git a/css/css-lists/content-property/marker-text-matches-upper-roman.html b/css/css-lists/content-property/marker-text-matches-upper-roman.html
new file mode 100644
index 0000000..69f34d7
--- /dev/null
+++ b/css/css-lists/content-property/marker-text-matches-upper-roman.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Inside list marker and normal text render identically: upper-roman</title>
+<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
+<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
+<link rel=match href="marker-text-matches-upper-roman-ref.html">
+<style>
+* {
+ padding: 0;
+ margin: 0;
+}
+ol {
+ list-style: upper-roman inside;
+}
+</style>
+
+<ol>
+ <li>Filler Text</li>
+</ol>
diff --git a/css/css-pseudo/marker-inherit-line-height-ref.html b/css/css-pseudo/marker-inherit-line-height-ref.html
new file mode 100644
index 0000000..fe57a28
--- /dev/null
+++ b/css/css-pseudo/marker-inherit-line-height-ref.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<title>Reference: Check that :marker inherits line-height</title>
+<style>
+div {
+ font: 128px/1 Ahem;
+ border: 2px solid blue;
+ background: orange;
+ color: black;
+}
+</style>
+
+<p>There should be two black rectangles below with no space between them and
+ the border above/below.</p>
+<div>
+ 1. X
+</div>
diff --git a/css/css-pseudo/marker-inherit-line-height.html b/css/css-pseudo/marker-inherit-line-height.html
new file mode 100644
index 0000000..145aedc
--- /dev/null
+++ b/css/css-pseudo/marker-inherit-line-height.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<title>Check that :marker inherits line-height</title>
+<link rel=help href="https://drafts.csswg.org/css-pseudo-4/#tree-abiding">
+<link rel=help href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
+<link rel=help href="https://drafts.csswg.org/css-display-3/#list-items">
+<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1415759">
+<link rel=match href=marker-inherit-line-height-ref.html>
+<style>
+div {
+ font: 128px/1 Ahem;
+ border: 2px solid blue;
+ background: orange;
+ color: black;
+}
+ol {
+ margin: 0;
+ padding: 0;
+ list-style-position: inside;
+ list-style-type: decimal;
+}
+</style>
+
+<p>There should be two black rectangles below with no space between them and
+ the border above/below.</p>
+<div>
+ <ol>
+ <li>X
+ </ol>
+</div>
