зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1573922: Part 1: adding web-platform reftests for "text-decoration-skip-ink" in vertical writing-modes r=dholbert
Differential Revision: https://phabricator.services.mozilla.com/D42167 --HG-- extra : moz-landing-system : lando
This commit is contained in:
Charlie Marlow
Родитель
1af788f2cb
Коммит
e0b9818440
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-skip-ink-sidewayslr-001.html]
|
||||
prefs: [layout.css.text-decoration-skip-ink.enabled:true]
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
[text-decoration-skip-ink-sidewayslr-002.html]
|
||||
prefs: [layout.css.text-decoration-skip-ink.enabled:true,
|
||||
layout.css.text-underline-offset.enabled:true]
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-skip-ink-sidewaysrl-001.html]
|
||||
prefs: [layout.css.text-decoration-skip-ink.enabled:true]
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
[text-decoration-skip-ink-sidewaysrl-002.html]
|
||||
prefs: [layout.css.text-decoration-skip-ink.enabled:true,
|
||||
layout.css.text-underline-offset.enabled:true]
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
[text-decoration-skip-ink-upright-001.html]
|
||||
prefs: [layout.css.text-decoration-skip-ink.enabled:true,
|
||||
layout.css.text-underline-offset.enabled:true]
|
||||
[reference/text-decoration-skip-ink-upright-001-notref.html]
|
||||
expected: fail
|
||||
bug: 1572294
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
[text-decoration-skip-ink-upright-002.html]
|
||||
prefs: [layout.css.text-decoration-skip-ink.enabled:true,
|
||||
layout.css.text-underline-offset.enabled:true]
|
||||
[reference/text-decoration-skip-ink-002-ref.html]
|
||||
expected: FAIL
|
||||
bug: 1572294
|
||||
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
[text-decoration-skip-ink-vertical-001.html]
|
||||
prefs: [layout.css.text-decoration-skip-ink.enabled:true,
|
||||
layout.css.text-underline-offset.enabled:true]
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
[text-decoration-skip-ink-vertical-002.html]
|
||||
prefs: [layout.css.text-decoration-skip-ink.enabled:true,
|
||||
layout.css.text-underline-offset.enabled:true]
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Non-reference case for text-decoration-skip-ink</title>
|
||||
<style>
|
||||
div{
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: none;
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if p and g characters are skipped</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Non-reference case for text-decoration-skip-ink</title>
|
||||
<style>
|
||||
div{
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: none;
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if p and g characters are skipped</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Non-reference case for text-decoration-skip-ink</title>
|
||||
<style>
|
||||
div{
|
||||
text-decoration-skip-ink: none;
|
||||
text-decoration: green underline;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
text-underline-offset: -0.5em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test if underline skips the characters</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Non-reference case for text-decoration-skip-ink</title>
|
||||
<style>
|
||||
div{
|
||||
text-decoration-skip-ink: auto;
|
||||
text-decoration: green underline;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
text-underline-offset: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test if underline skips the characters</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Non-reference case for text-decoration-skip-ink</title>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div{
|
||||
font: 20px/1 Ahem;
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: auto;
|
||||
color: transparent;
|
||||
text-underline-offset: auto;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if no underline is visible</p>
|
||||
<div>XXXX</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Non-reference case for text-decoration-skip-ink</title>
|
||||
<style>
|
||||
div{
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: none;
|
||||
text-underline-offset: -0.2em;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if p and g characters are skipped</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Non-reference case for text-decoration-skip-ink</title>
|
||||
<style>
|
||||
div{
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: auto;
|
||||
text-underline-offset: auto;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if p and g characters are skipped</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Non-reference case for text-decoration-skip-ink</title>
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div{
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
text-decoration-skip-ink: auto;
|
||||
text-decoration: green underline;
|
||||
text-underline-offset: auto;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if no underline is visible</p>
|
||||
<div>XXXX</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test case for text-decoration-skip-ink</title>
|
||||
<meta name="assert" content="text-decoration-skip-ink: descenders are skipped">
|
||||
<link rel="author" title="Charlie Marlow" href="cmarlow@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property">
|
||||
<link rel="mismatch" href="reference/text-decoration-skip-ink-sidewayslr-001-notref.html">
|
||||
<style>
|
||||
div{
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: auto;
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if p and g characters are skipped</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test case for text-decoration-skip-ink</title>
|
||||
<meta name="assert" content="text-decoration-skip-ink: no underline should be rendered for transparent Ahem text">
|
||||
<link rel="author" title="Charlie Marlow" href="cmarlow@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property">
|
||||
<link rel="match" href="reference/text-decoration-skip-ink-002-ref.html">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
/*
|
||||
No underline should be rendered for Ahem text
|
||||
with skip-ink enabled
|
||||
*/
|
||||
div{
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
text-decoration-skip-ink: auto;
|
||||
text-decoration: green underline;
|
||||
text-underline-offset: -0.2em;
|
||||
writing-mode: sideways-lr;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if no underline is visible</p>
|
||||
<div>XXXX</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test case for text-decoration-skip-ink</title>
|
||||
<meta name="assert" content="text-decoration-skip-ink: descenders are skipped">
|
||||
<link rel="author" title="Charlie Marlow" href="cmarlow@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property">
|
||||
<link rel="mismatch" href="reference/text-decoration-skip-ink-sidewaysrl-001-notref.html">
|
||||
<style>
|
||||
div{
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: auto;
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if p and g characters are skipped</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test case for text-decoration-skip-ink</title>
|
||||
<meta name="assert" content="text-decoration-skip-ink: no underline should be rendered for transparent Ahem text">
|
||||
<link rel="author" title="Charlie Marlow" href="cmarlow@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property">
|
||||
<link rel="match" href="reference/text-decoration-skip-ink-002-ref.html">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
/*
|
||||
No underline should be rendered for Ahem text
|
||||
with skip-ink enabled
|
||||
*/
|
||||
div{
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
text-decoration-skip-ink: auto;
|
||||
text-decoration: green underline;
|
||||
text-underline-offset: -0.2em;
|
||||
writing-mode: sideways-rl;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if no underline is visible</p>
|
||||
<div>XXXX</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test case for text-decoration-skip-ink</title>
|
||||
<meta name="assert" content="text-decoration-skip-ink: descenders are skipped">
|
||||
<link rel="author" title="Charlie Marlow" href="cmarlow@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property">
|
||||
<link rel="mismatch" href="reference/text-decoration-skip-ink-upright-001-notref.html">
|
||||
<link rel="mismatch" href="reference/text-decoration-skip-ink-upright-001-offset-notref.html">
|
||||
<style>
|
||||
div{
|
||||
text-decoration-skip-ink: auto;
|
||||
text-decoration: green underline;
|
||||
writing-mode: vertical-lr;
|
||||
text-orientation: upright;
|
||||
text-underline-offset: -0.5em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test if underline skips the characters</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test case for text-decoration-skip-ink</title>
|
||||
<meta name="assert" content="text-decoration-skip-ink: no underline should be rendered for transparent Ahem text">
|
||||
<link rel="author" title="Charlie Marlow" href="cmarlow@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property">
|
||||
<link rel="match" href="reference/text-decoration-skip-ink-002-ref.html">
|
||||
<link rel="mismatch" href="reference/text-decoration-skip-ink-upright-002-notref.html">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div{
|
||||
font: 20px/1 Ahem;
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: auto;
|
||||
color: transparent;
|
||||
text-underline-offset: -0.5em;
|
||||
writing-mode: vertical-rl;
|
||||
text-orientation: upright;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if no underline is visible</p>
|
||||
<div>XXXX</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test case for text-decoration-skip-ink</title>
|
||||
<meta name="assert" content="text-decoration-skip-ink: descenders are skipped">
|
||||
<link rel="author" title="Charlie Marlow" href="cmarlow@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property">
|
||||
<link rel="mismatch" href="reference/text-decoration-skip-ink-vertical-001-notref.html">
|
||||
<link rel="mismatch" href="reference/text-decoration-skip-ink-vertical-001-offset-notref.html">
|
||||
<style>
|
||||
div{
|
||||
text-decoration: green underline;
|
||||
text-decoration-skip-ink: auto;
|
||||
text-underline-offset: -0.2em;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if p and g characters are skipped</p>
|
||||
<div>ping pong</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test case for text-decoration-skip-ink</title>
|
||||
<meta name="assert" content="text-decoration-skip-ink: no underline should be rendered for transparent Ahem text">
|
||||
<link rel="author" title="Charlie Marlow" href="cmarlow@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-skip-ink-property">
|
||||
<link rel="match" href="reference/text-decoration-skip-ink-002-ref.html">
|
||||
<link rel="mismatch" href="reference/text-decoration-skip-ink-vertical-002-notref.html">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
/*
|
||||
No underline should be rendered for Ahem text
|
||||
with skip-ink enabled
|
||||
*/
|
||||
div{
|
||||
font: 20px/1 Ahem;
|
||||
color: transparent;
|
||||
text-decoration-skip-ink: auto;
|
||||
text-decoration: green underline;
|
||||
text-underline-offset: -0.2em;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if no underline is visible</p>
|
||||
<div>XXXX</div>
|
||||
</body>
|
||||
</html>
|
||||
Загрузка…
Ссылка в новой задаче