diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-lists/content-property')
24 files changed, 360 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-armenian-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-armenian-ref.html new file mode 100644 index 0000000000..de55b7381a --- /dev/null +++ b/testing/web-platform/tests/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<span style="display: inline-block; width: 1px; height: 50px;"></span> diff --git a/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-armenian.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-armenian.html new file mode 100644 index 0000000000..58f570cd11 --- /dev/null +++ b/testing/web-platform/tests/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<span style="display: inline-block; width: 1px; height: 50px;"></span></li> +</ol> diff --git a/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-circle-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-circle-ref.html new file mode 100644 index 0000000000..60a342f1a9 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-circle.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-circle.html new file mode 100644 index 0000000000..9ad6e7a01a --- /dev/null +++ b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-circle.html @@ -0,0 +1,26 @@ +<!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> +/* + Avoid using list-style:circle directly, because the spec allows the + rendering to deviate from the element's font. + https://drafts.csswg.org/css-counter-styles-3/#simple-symbolic +*/ +@counter-style my-circle { + system: extends circle; +} +* { + padding: 0; + margin: 0; +} +ol { + list-style: my-circle inside; +} +</style> + +<ol> + <li>Filler Text</li> +</ol> diff --git a/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-decimal-leading-zero-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-decimal-leading-zero-ref.html new file mode 100644 index 0000000000..997801d569 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-decimal-leading-zero.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-decimal-leading-zero.html new file mode 100644 index 0000000000..5044d4e68d --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-decimal-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-decimal-ref.html new file mode 100644 index 0000000000..8f97cc36a4 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-decimal.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-decimal.html new file mode 100644 index 0000000000..8c991bc3d6 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-disc-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-disc-ref.html new file mode 100644 index 0000000000..e34a900998 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-disc.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-disc.html new file mode 100644 index 0000000000..300a823748 --- /dev/null +++ b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-disc.html @@ -0,0 +1,26 @@ +<!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> +/* + Avoid using list-style:disc directly, because the spec allows the + rendering to deviate from the element's font. + https://drafts.csswg.org/css-counter-styles-3/#simple-symbolic +*/ +@counter-style my-disc { + system: extends disc; +} +* { + padding: 0; + margin: 0; +} +ol { + list-style: my-disc inside; +} +</style> + +<ol> + <li>Filler Text</li> +</ol> diff --git a/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-georgian-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-georgian-ref.html new file mode 100644 index 0000000000..c400acae52 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-georgian.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-georgian.html new file mode 100644 index 0000000000..ef7615f6f5 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-greek-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-greek-ref.html new file mode 100644 index 0000000000..f28db82b98 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-greek.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-greek.html new file mode 100644 index 0000000000..96b5d811c2 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-latin-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-latin-ref.html new file mode 100644 index 0000000000..b86fe8ecf5 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-latin.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-latin.html new file mode 100644 index 0000000000..0f6f24238b --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-roman-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-roman-ref.html new file mode 100644 index 0000000000..92dfa3d752 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-roman.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-lower-roman.html new file mode 100644 index 0000000000..db7301b320 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-square-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-square-ref.html new file mode 100644 index 0000000000..99b64a5424 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-square.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-square.html new file mode 100644 index 0000000000..020c4a6c43 --- /dev/null +++ b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-square.html @@ -0,0 +1,26 @@ +<!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> +/* + Avoid using list-style:square directly, because the spec allows the + rendering to deviate from the element's font. + https://drafts.csswg.org/css-counter-styles-3/#simple-symbolic +*/ +@counter-style my-square { + system: extends square; +} +* { + padding: 0; + margin: 0; +} +ol { + list-style: my-square inside; +} +</style> + +<ol> + <li>Filler Text</li> +</ol> diff --git a/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-upper-latin-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-upper-latin-ref.html new file mode 100644 index 0000000000..6cbb712e76 --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-upper-latin.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-upper-latin.html new file mode 100644 index 0000000000..903ef8f57d --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-upper-roman-ref.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-upper-roman-ref.html new file mode 100644 index 0000000000..6fca49f27c --- /dev/null +++ b/testing/web-platform/tests/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/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-upper-roman.html b/testing/web-platform/tests/css/css-lists/content-property/marker-text-matches-upper-roman.html new file mode 100644 index 0000000000..69f34d7408 --- /dev/null +++ b/testing/web-platform/tests/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> |