diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /testing/web-platform/tests/css/css-text/text-indent/reference | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-upstream.tar.xz firefox-esr-upstream.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-text/text-indent/reference')
9 files changed, 294 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/anonymous-flex-grid-item-001-ref.html b/testing/web-platform/tests/css/css-text/text-indent/reference/anonymous-flex-grid-item-001-ref.html new file mode 100644 index 0000000000..517f9e65fd --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/anonymous-flex-grid-item-001-ref.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<title>text-indent in anonymous flex and grid items</title> +<meta name="flags" content="ahem"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style> +main { + font: 10px/1 Ahem; + color: orange; +} +</style> + +<p> +Pass conditions: +<ul> + <li>The top left quadrant of the black-bordered rectangle is white. + <li>Only the top left quadrant of the black-bordered rectangle is white. + <li>The rest of the black-bordered rectangle is orange. + <li>No orange is outside the black-bordered rectangle. +</ul> +</p> + +<main> +<div style="text-indent: 50px; border: 3px solid black; width: 100px;"> + ABCDE ABCDEABCDE +</div> +</main> diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-each-line-hanging-ref.html b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-each-line-hanging-ref.html new file mode 100644 index 0000000000..3357d7d8f5 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-each-line-hanging-ref.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>text-indent 'each-line' and 'hanging' modifiers</title> + + <link rel="stylesheet" href="/fonts/ahem.css" /> + <style> + div { width:80px; font: 10px Ahem; background-color:lightgray; } + .indent { color: blue; padding-left:4em; } + </style> +</head> +<body> +All black boxes should be left-aligned. All blue boxes should be right-aligned. + +<div> +<span class="indent">xxxx</span><br>xxxx<br>xxxx +</div> +<br> +<div> +<span class="indent">xxxx</span> xxxx xxxx +</div> +<br> +<div> +<span class="indent">xxxx</span><br><span class="indent">xxxx</span><br><span class="indent">xxxx</span> +</div> +<br> +<div> +<span class="indent">xxxx</span> xxxx<br><span class="indent">xxxx</span> +</div> +<br> +<div> +xxxx<br><span class="indent">xxxx</span><br><span class="indent">xxxx</span> +</div> +<br> +<div> +xxxx <span class="indent">xxxx</span> <span class="indent">xxxx</span> +</div> +<br> +<div> +xxxx<br>xxxx<br>xxxx +</div> +<br> +<div> +xxxx <span class="indent">xxxx</span><br>xxxx +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-length-001-ref.html b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-length-001-ref.html new file mode 100644 index 0000000000..3d3df4e031 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-length-001-ref.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text Test reference</title> +<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style> +pre { + font: 10px/1 Ahem; + margin: 0; +} +</style> +<pre> +XX XXX + XX X + XXX + + XX XXX + XX X + XXX + + XX XXX + XX X + XXX + + XX + XXX XX + X XXX + + XX + XXX XX + X XXX + + XX + XXX XX + X XXX +</div> diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-length-002-ref.html b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-length-002-ref.html new file mode 100644 index 0000000000..9f8158a912 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-length-002-ref.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text Test reference</title> +<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style> +pre { + font: 10px/1 Ahem; + margin: 0; +} +</style> +<pre> + X +X + + X +X + + X + X + X + + X +X + X +X + X + + X + X +X + X +X +</div> diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-min-max-content-001-ref.html b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-min-max-content-001-ref.html new file mode 100644 index 0000000000..faa6adc4dc --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-min-max-content-001-ref.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> +<style> +div { + border: 1px solid; + font: 10px Ahem; + text-indent: 5em; +} +.min { + width: min-content; +} +.max { + width: max-content; +} +</style> +<div class="min"> + 12<br>456<br>89012 +</div> +<div class="max"> + 12 456 89012 +</div> diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-percentage-001-ref.xht b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-percentage-001-ref.xht new file mode 100644 index 0000000000..5b065d1db7 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-percentage-001-ref.xht @@ -0,0 +1,35 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: text-indent Percentage - basic cases</title> + <link rel="author" title="Makoto Kikuchi" href="mailto:kikuchi@est.co.jp" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + #parent + { + font: 16px/1em Ahem; + position: relative; + width: 400px; + } + .reference{ + margin-left: 50%; + } + ]]></style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="parent"> + <div style="padding-left: 100px">X</div> + </div> + <p>Test passes if the following two text blocks look same in terms of margin-left and text-indent respectively.</p> + <div> + <span class="reference">abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz.</span><br /> + ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ.<br /> + </div> + <div> + <span class="reference">abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz.</span><br /> + ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ.<br /> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-percentage-002-ref.html b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-percentage-002-ref.html new file mode 100644 index 0000000000..0160c34fb1 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-percentage-002-ref.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang=en> +<meta charset="utf-8"> +<title>CSS Text Test reference</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<style> +body { background: white; } +div { + padding-left: 50px; +} +span { + display: inline-block; + width: 10px; + height: 10px; + background: green; +} +</style> + +<p>Test passes if there is a green square below and no red. +<div><span></span></div> diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-tab-positions-001-ref.html b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-tab-positions-001-ref.html new file mode 100644 index 0000000000..4d85456dd1 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-tab-positions-001-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>CSS Text reference file</title> +<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"/> +<style> +p { font-family: monospace; white-space: pre; tab-size: 8ch; + width: 40ch; margin: 1em 8ch; border: 1px solid silver; } +</style> +The tab-stop positions should be the same in all three blocks below; +only the ‘a’ characters affected by text-indent should be unaligned. +<p>a	b	c<br>d	e	f</p> +<p> a	b	c<br>d	e	f</p> +<p><span style="margin-left:-3ch;">a </span>a'	b	c<br>d	e	f</p> diff --git a/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-with-absolute-pos-child-ref.html b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-with-absolute-pos-child-ref.html new file mode 100644 index 0000000000..e5feb2c7f9 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/text-indent/reference/text-indent-with-absolute-pos-child-ref.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset="utf-8"> +<title>This tests that first line text-indent is applied properly when the child is a statically positioned out-of-flow renderer.</title> + +<link rel="stylesheet" href="/fonts/ahem.css" /> +<style> + body { + margin: 40px; + } + +.container { + display: block; + background-color: green; + width: 100px; + height: 20px; + color: green; + font-family: Ahem; + font-size: 10px; +} + +.inner { + display: block; + background-color: blue; + width: 20px; + height: 20px; +} +</style> +</head> +<body> +<div> +<div class=container><div class=inner style="margin-left: 20px;"></div></div> +<div class=container><div class=inner style="margin-left: 20px;"></div></div> +<div class=container><div class=inner style="margin-left: 20px;"></div></div> +<div class=container><div class=inner style="margin-left: 20px;"></div></div> +<div class=container><div class=inner style="position: relative; left: 70px;"></div></div> +<div class=container><div class=inner style="margin-left: -20px;"></div></div> +<div class=container><div class=inner style="left: 40px;"></div></div> +<div class=container><div class=inner></div></div> +<div class=container><div class=inner></div></div> +<div class=container><div class=inner style="position: relative; top: 10px"></div></div> +<div class=container><div class=inner></div></div> +</div> + +<div style="direction: rtl;"> +<div class=container><div class=inner style="margin-right: 20px;"></div></div> +<div class=container><div class=inner style="margin-right: 20px;"></div></div> +<div class=container><div class=inner style="margin-right: 20px;"></div></div> +<div class=container><div class=inner style="margin-right: 20px;"></div></div> +<div class=container><div class=inner style="position: relative; right: 70px;"></div></div> +<div class=container><div class=inner style="margin-right: -20px;"></div></div> +<div class=container><div class=inner style="right: 40px;"></div></div> +<div class=container><div class=inner></div></div> +<div class=container><div class=inner></div></div> +<div class=container><div class=inner style="position: relative; top: 10px"></div></div> +<div class=container><div class=inner></div></div> +</div> + +</body> +</html> |