Skip to content

GitLab

T
tangled
Commit dcbbe562 authored by Oriol Brufau's avatar Oriol Brufau Committed by Commit Bot
Browse files
Options

[css-lists] Add test for list-style-type:<string> with Ahem font 

In the other reftests the width of the marker text is not known, so the
references have to rely on some tricks with the ::before pseudo-element.

This patch adds a test that uses the Ahem font, so that the width of the
characters is known. Then the result can be checked with a simpler
reference file.

Note it fails in LayoutNG due to the lack of scrollbar (bug 1012294),
but it passes in legacy.

Bug: 687946
Change-Id: I7fd0856e93d4e489af65b5c767ec81c109804c5c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1879067
Commit-Queue: Oriol Brufau <obrufau@igalia.com>
Reviewed-by: default avatarManuel Rego <rego@igalia.com>
Cr-Commit-Position: refs/heads/master@{#709405}
parent 16082c25
Hide whitespace changes
Inline Side-by-side
Showing with 99 additions and 0 deletions
third_party/blink/web_tests/FlagExpectations/disable-blink-features=LayoutNG
View file @ dcbbe562
...@@ -254,6 +254,7 @@ crbug.com/591099 external/wpt/css/filter-effects/filtered-inline-applies-to-floa ...@@ -254,6 +254,7 @@ crbug.com/591099 external/wpt/css/filter-effects/filtered-inline-applies-to-floa
crbug.com/1012294 external/wpt/css/css-lists/list-style-type-string-003.html [ Pass ] crbug.com/1012294 external/wpt/css/css-lists/list-style-type-string-003.html [ Pass ]
crbug.com/1012289 external/wpt/css/css-lists/list-style-type-string-005a.html [ Failure ] crbug.com/1012289 external/wpt/css/css-lists/list-style-type-string-005a.html [ Failure ]
crbug.com/1012289 external/wpt/css/css-lists/list-style-type-string-006.html [ Failure ] crbug.com/1012289 external/wpt/css/css-lists/list-style-type-string-006.html [ Failure ]
crbug.com/1012294 external/wpt/css/css-lists/list-style-type-string-007.html [ Pass ]
### external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/ ### external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/
crbug.com/591099 external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002.xhtml [ Failure ] crbug.com/591099 external/wpt/css/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-align-self-horiz-002.xhtml [ Failure ]
......
third_party/blink/web_tests/TestExpectations
View file @ dcbbe562
...@@ -701,6 +701,7 @@ crbug.com/591099 external/wpt/css/css-text/shaping/shaping-011.html [ Failure ] ...@@ -701,6 +701,7 @@ crbug.com/591099 external/wpt/css/css-text/shaping/shaping-011.html [ Failure ]
crbug.com/591099 external/wpt/css/css-text/word-break/word-break-break-all-inline-006.html [ Failure ] crbug.com/591099 external/wpt/css/css-text/word-break/word-break-break-all-inline-006.html [ Failure ]
crbug.com/1002815 external/wpt/css/cssom-view/offsetTopLeft-trailing-space-inline.html [ Failure ] crbug.com/1002815 external/wpt/css/cssom-view/offsetTopLeft-trailing-space-inline.html [ Failure ]
crbug.com/1012294 external/wpt/css/css-lists/list-style-type-string-003.html [ Failure ] crbug.com/1012294 external/wpt/css/css-lists/list-style-type-string-003.html [ Failure ]
crbug.com/1012294 external/wpt/css/css-lists/list-style-type-string-007.html [ Failure ]
crbug.com/591099 fast/backgrounds/quirks-mode-line-box-backgrounds.html [ Failure ] crbug.com/591099 fast/backgrounds/quirks-mode-line-box-backgrounds.html [ Failure ]
crbug.com/591099 fast/borders/inline-mask-overlay-image-outset-vertical-rl.html [ Failure ] crbug.com/591099 fast/borders/inline-mask-overlay-image-outset-vertical-rl.html [ Failure ]
crbug.com/835484 fast/css/outline-narrowLine.html [ Failure ] crbug.com/835484 fast/css/outline-narrowLine.html [ Failure ]
......
third_party/blink/web_tests/external/wpt/css/css-lists/list-style-type-string-007-ref.html 0 → 100644
View file @ dcbbe562
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Reference: String value of list-style-type with Ahem font</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
main {
width: 300px;
overflow: auto;
padding: 10px 0;
}
pre {
font: 10px/1 Ahem;
margin: 0;
width: 100%;
padding-right: 70px;
}
</style>
</head>
<body>
<main>
<pre> É1 1É </pre>
<pre> XXXÉ2 2ÉXXX </pre>
<pre> XXXpppÉ3 3ÉXXXppp </pre>
<pre> XXX ppp É4 4É XXX ppp </pre>
<pre> XXX pppÉ5 5ÉXXX ppp </pre>
<pre>XX Xp pp É6 6É XX Xp pp</pre>
<pre>X X Xp p pÉ7 7ÉX X Xp p p</pre>
<pre>XX XXXpXXXÉ8 8ÉXXXXpXX XX</pre>
<pre>X XXXpXXX É9 9É XXXXpXX X</pre>
</main>
</body>
</html>
third_party/blink/web_tests/external/wpt/css/css-lists/list-style-type-string-007.html 0 → 100644
View file @ dcbbe562
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>String value of list-style-type with Ahem font</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#valdef-list-style-type-string">
<link rel="match" href="list-style-type-string-007-ref.html">
<meta name="assert" content="This test checks that list-style-type can set the marker string with the Ahem font.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
main {
width: 300px;
overflow: auto;
padding: 10px 0;
}
.list {
font: 10px/1 Ahem;
padding-inline-start: 100px;
margin: 0;
width: 50px;
float: left;
}
.rtl { direction: rtl; }
.list > :nth-child(1) { list-style-type: ""; }
.list > :nth-child(2) { list-style-type: "XXX"; }
.list > :nth-child(3) { list-style-type: "XXXppp"; }
.list > :nth-child(4) { list-style-type: " XXX ppp "; }
.list > :nth-child(5) { list-style-type: "XXX ppp"; }
.list > :nth-child(6) { list-style-type: " XX Xp pp "; }
.list > :nth-child(7) { list-style-type: "X X Xp p p"; }
.list > :nth-child(8) { list-style-type: "XXXXpXX XXXpXXX"; }
.list > :nth-child(9) { list-style-type: " XXXXpXX XXXpXXX "; }
</style>
</head>
<body>
<main>
<ol class="list">
<li>É1</li>
<li>É2</li>
<li>É3</li>
<li>É4</li>
<li>É5</li>
<li>É6</li>
<li>É7</li>
<li>É8</li>
<li>É9</li>
</ol>
<ul class="list rtl">
<li>1É</li>
<li>2É</li>
<li>3É</li>
<li>4É</li>
<li>5É</li>
<li>6É</li>
<li>7É</li>
<li>8É</li>
<li>9É</li>
</ul>
</main>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment