fune/testing/web-platform/tests/css/css-pseudo/marker-font-variant-numeric-default-ref.html
Oriol Brufau ac96b1efc0 Bug 1605711 [wpt PR 20907] - [css-pseudo] Fix WPT expectations for marker-font-variant-numeric-*, a=testonly
Automatic update from web-platform-tests
[css-pseudo] Fix WPT expectations for marker-font-variant-numeric-*

The marker-font-variant-numeric-default.html test is supposedly passing
in Chromium according to Chromium, but not according to wpt.fyi. The
reason is that in certain configurations, the test may look slightly
different than the reference due to font anti-aliasing.

The marker-font-variant-numeric-normal.html fails in all browsers due to
lack of support for nested ::marker selectors, but there are also some
differences in the parts that should actually match the reference.

This patch fixes both issues.

Bug: 457718
Change-Id: Id646b7810aed18441e1c7b37ad7bb1a37877be2f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1980174
Reviewed-by: Manuel Rego <rego@igalia.com>
Commit-Queue: Oriol Brufau <obrufau@igalia.com>
Cr-Commit-Position: refs/heads/master@{#727963}

--

wpt-commits: 5449025de1490e2caf8eb67b2b017e78afa179b1
wpt-pr: 20907
2020-01-08 00:49:48 +00:00

84 lines
1.4 KiB
HTML

<!DOCTYPE html>
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />
<link rel="mismatch" href="marker-font-variant-numeric-normal-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
@font-face {
/* This font looks different with 'font-variant-numeric: tabular-nums' */
font-family: 'Exo 2';
src: local('Exo 2'),
url('/css/css-fonts/support/fonts/Exo2-SemiBold.otf') format("opentype");
}
ol {
float: left;
width: 50px;
line-height: 25px;
list-style-position: inside;
font-family: "Exo 2";
}
li:first-child::after {
content: 'X X X X X X X X X';
display: inline-block;
font: 25px/1 Ahem;
vertical-align: top;
height: 0;
width: 25px;
}
</style>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>