Commit e9d84837 authored by Chromium WPT Sync's avatar Chromium WPT Sync Committed by Commit Bot

Import wpt@6b50d653104f01851b503d8e81b1250657135fc0

Using wpt-import in Chromium 7382ee76.

Build: https://ci.chromium.org/buildbot/chromium.infra.cron/wpt-importer/7713

Note to sheriffs: This CL imports external tests and adds
expectations for those tests; if this CL is large and causes
a few new failures, please fix the failures by adding new
lines to TestExpectations rather than reverting. See:
https://chromium.googlesource.com/chromium/src/+/master/docs/testing/web_platform_tests.md

Directory owners for changes in this CL:
drott@chromium.org, kojii@chromium.org:
  external/wpt/css/css-fonts

TBR=leon.han@intel.com

No-Export: true
Change-Id: I11efa6fdb9efe2e84d40af8176fb3a58c4b75784
Reviewed-on: https://chromium-review.googlesource.com/826286
Commit-Queue: Blink WPT Bot <blink-w3c-test-autoroller@chromium.org>
Reviewed-by: default avatarBlink WPT Bot <blink-w3c-test-autoroller@chromium.org>
Cr-Commit-Position: refs/heads/master@{#524143}
parent c743d337
...@@ -2008,6 +2008,9 @@ crbug.com/751952 http/tests/devtools/console/console-uncaught-promise.js [ Pass ...@@ -2008,6 +2008,9 @@ crbug.com/751952 http/tests/devtools/console/console-uncaught-promise.js [ Pass
crbug.com/751952 virtual/origin-trials-runtimeflags-disabled/http/tests/origin_trials/webexposed/budget-api-origin-trial-interfaces.html [ Pass Failure ] crbug.com/751952 virtual/origin-trials-runtimeflags-disabled/http/tests/origin_trials/webexposed/budget-api-origin-trial-interfaces.html [ Pass Failure ]
# ====== New tests from wpt-importer added here ====== # ====== New tests from wpt-importer added here ======
crbug.com/626703 [ Linux Win ] external/wpt/css/css-color/t425-hsla-onscreen-b.xht [ Failure ]
crbug.com/626703 external/wpt/css/css-color/t32-opacity-offscreen-b.xht [ Failure ]
crbug.com/626703 external/wpt/css/css-color/t32-opacity-offscreen-with-alpha-c.xht [ Failure ]
crbug.com/626703 external/wpt/css/css-color/hsla-004.html [ Failure ] crbug.com/626703 external/wpt/css/css-color/hsla-004.html [ Failure ]
crbug.com/626703 external/wpt/css/css-color/hsla-006.html [ Failure ] crbug.com/626703 external/wpt/css/css-color/hsla-006.html [ Failure ]
crbug.com/626703 external/wpt/css/css-color/hsla-001.html [ Failure ] crbug.com/626703 external/wpt/css/css-color/hsla-001.html [ Failure ]
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>Green text reference for hex shorthand tests</title>
<style>
.test { color: #007700}
</style>
<body>
<p class="test">Test passes if this text is green</p>
</body>
...@@ -3,11 +3,11 @@ ...@@ -3,11 +3,11 @@
<title>CSS Color 4: The RGB hexadecimal notations: #RRGGBB</title> <title>CSS Color 4: The RGB hexadecimal notations: #RRGGBB</title>
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org"> <link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-color-4/#hex-notation"> <link rel="help" href="https://drafts.csswg.org/css-color-4/#hex-notation">
<link rel="match" href="hex-003-ref.html">
<meta name="assert" content="3 digit hex"> <meta name="assert" content="3 digit hex">
<style> <style>
.test {color: #070} .test {color: #070}
</style> </style>
<body> <body>
<p class="test">Test passes if this text is green</p> <p class="test">Test passes if this text is green</p>
<!-- #007700, not #008000, but visually similar. Thus, no reftest -->
</body> </body>
...@@ -4,10 +4,10 @@ ...@@ -4,10 +4,10 @@
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org"> <link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-color-4/#hex-notation"> <link rel="help" href="https://drafts.csswg.org/css-color-4/#hex-notation">
<meta name="assert" content="4 digit hex, fully opaque"> <meta name="assert" content="4 digit hex, fully opaque">
<link rel="match" href="hex-003-ref.html">
<style> <style>
.test {color: #070F} .test {color: #070F}
</style> </style>
<body> <body>
<p class="test">Test passes if this text is green</p> <p class="test">Test passes if this text is green</p>
<!-- #007700, not #008000, but visually similar. Thus, no reftest -->
</body> </body>
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<body>
<p id="one">This should be the only text visible on this page.</p>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" />
<link rel="match" href="t32-opacity-basic-0.0-a-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Opacity of 0.0 makes box transparent." /> <meta name="assert" content="Opacity of 0.0 makes box transparent." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<body>
<p id="one">This text should be the same color as the line below.</p>
<p id="two">This text should be the same color as the line above.</p>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" />
<link rel="match" href="t32-opacity-basic-1.0-a-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Opacity of 1.0 makes box fully opaque." /> <meta name="assert" content="Opacity of 1.0 makes box fully opaque." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" />
<link rel="match" href="t32-opacity-basic-0.0-a-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Opacity values less than 0.0 are clamped to 0.0" /> <meta name="assert" content="Opacity values less than 0.0 are clamped to 0.0" />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<body>
<p id="one">There should be six lines of text on this page, all the same color. [1 of 6]</p>
<p id="two">There should be six lines of text on this page, all the same color. [2 of 6]</p>
<p id="three">There should be six lines of text on this page, all the same color. [3 of 6]</p>
<p id="four">There should be six lines of text on this page, all the same color. [4 of 6]</p>
<p id="five">There should be six lines of text on this page, all the same color. [5 of 6]</p>
<p id="six">There should be six lines of text on this page, all the same color. [6 of 6]</p>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" />
<link rel="match" href="t32-opacity-clamping-1.0-b-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Opacity values greater than 1.0 are clamped to 1.0" /> <meta name="assert" content="Opacity values greater than 1.0 are clamped to 1.0" />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
div { width: 5em; height: 1em; margin: 2px 0; }
.test { background: rgb(153, 153, 255); }
</style>
<body>
<p>The following five boxes should be the same color:</p>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" />
<link rel="match" href="t32-opacity-offscreen-b-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="That opacity specifies compositing the contents as a single offscreen buffer." /> <meta name="assert" content="That opacity specifies compositing the contents as a single offscreen buffer." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
div { width: 5em; height: 1em; margin: 2px 0; }
.test { background: rgb(204, 204, 255); }
</style>
<body>
<p>The following four boxes should be the same color:</p>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#transparency" />
<link rel="match" href="t32-opacity-offscreen-with-alpha-c-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="That alpha within the offscreen buffer is composited correctly." /> <meta name="assert" content="That alpha within the offscreen buffer is composited correctly." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
html, body { background: #dddddd; color: #000000; }
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; }
</style>
<body>
<p>Each row in the following table (except the first and last, to show where the columns are) should have two cells with the same background color. None of them should match the background of the page.</p>
<table>
<tr><td style="background: black">&nbsp;&nbsp;&nbsp;</td><td style="background: white">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: #000000" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #008000" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #C0C0C0" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #00FF00" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #808080" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #808000" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #FFFFFF" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #FFFF00" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #800000" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #000080" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #FF0000" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #0000FF" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #800080" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #008080" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #FF00FF" colspan=2>&nbsp;</td></tr>
<tr><td style="background: #00FFFF" colspan=2>&nbsp;</td></tr>
<tr><td style="background: white">&nbsp;&nbsp;&nbsp;</td><td style="background: black">&nbsp;&nbsp;&nbsp;</td></tr>
</table>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#html4" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#html4" />
<link rel="match" href="t41-html4-keywords-a-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Test that the HTML4 color keywords have the correct values." /> <meta name="assert" content="Test that the HTML4 color keywords have the correct values." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
table { border-spacing: 0 2px; padding: 0; border: none; }
td { border: none; padding: 0; height: 1.2em; }
</style>
<body>
<p><strong>WARNING: This test assumes that the device gamut is sRGB
(as it will be for many CRT monitors).</strong></p>
<p>Every row in this table should have both columns the same color:</p>
<table>
<tr>
<th style="background:white; color: black">Column 1</th>
<th style="background:black; color: white">Column 2</th>
</tr>
<tr>
<td colspan='2' style="background: rgb(0, 255, 0)">&nbsp;</td>
</tr>
<tr>
<td colspan='2' style="background: rgb(0, 0, 255)">&nbsp;</td>
</tr>
<tr>
<td colspan='2' style="background: rgb(0, 255, 0)">&nbsp;</td>
</tr>
<tr>
<td colspan='2' style="background: rgb(0, 255, 0)">&nbsp;</td>
</tr>
<tr>
<td colspan='2' style="background: rgb(0, 255, 0)">&nbsp;</td>
</tr>
<tr>
<td colspan='2' style="background: rgb(0, 255, 0)">&nbsp;</td>
</tr>
<tr>
<td colspan='2' style="background: rgb(50, 0, 255)">&nbsp;</td>
</tr>
<tr>
<td colspan='2' style="background: rgb(0, 50, 255)">&nbsp;</td>
</tr>
</table>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
<link rel="match" href="t421-rgb-clip-outside-gamut-b-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Test clipping of rgb() values outside the device gamut." /> <meta name="assert" content="Test clipping of rgb() values outside the device gamut." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; width: 1.2em; height: 1.2em; }
</style>
<body>
<p>The left and right cells in each row of the following table should be the <em>same</em> color.</p>
<table>
<tr><td style="background: #ee9922">&nbsp;</td><td style="background: #ee9922">&nbsp;</td></tr>
<tr><td style="background: #ffbb00">&nbsp;</td><td style="background: #ffbb00">&nbsp;</td></tr>
<tr><td style="background: #338811">&nbsp;</td><td style="background: #338811">&nbsp;</td></tr>
</table>
<p>The left and right cells in each row of the following table should be slightly <em>different</em> colors. The right side should be slightly darker than the left.</p>
<table>
<tr><td style="background: #e09020">&nbsp;</td><td style="background: #e09020">&nbsp;</td></tr>
<tr><td style="background: #f0b000">&nbsp;</td><td style="background: #f0b000">&nbsp;</td></tr>
<tr><td style="background: #308010">&nbsp;</td><td style="background: #308010">&nbsp;</td></tr>
</table>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#rgb-color" />
<link rel="match" href="t421-rgb-values-meaning-b-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Test that the color components in rgb colors are interpreted correctly." /> <meta name="assert" content="Test that the color components in rgb colors are interpreted correctly." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
<link rel="match" href="t32-opacity-basic-0.0-a-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Opacity of 0.0 makes text transparent." /> <meta name="assert" content="Opacity of 0.0 makes text transparent." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
<link rel="match" href="t422-rgba-values-meaning-b-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Test that the color components in rgba colors are interpreted correctly." /> <meta name="assert" content="Test that the color components in rgba colors are interpreted correctly." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; }
td { width: 1.2em; height: 1.2em; }
#one { background: #FF0000; }
#two { background: #FFFF00; }
#three { background: #00FF00; }
#four { background: #00FFFF; }
#five { background: #0000FF; }
#six { background: #FF00FF; }
</style>
<body>
<p>Each column in the following table should have every cell the
same color, except for the checkerboard pattern at the right and
left used to indicate the row positions.</p>
<table>
<tr>
<td style="background: white">&nbsp;</td>
<td id="one">&nbsp;</td>
<td id="two">&nbsp;</td>
<td id="three">&nbsp;</td>
<td id="four">&nbsp;</td>
<td id="five">&nbsp;</td>
<td id="six">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td id="one">&nbsp;</td>
<td id="two">&nbsp;</td>
<td id="three">&nbsp;</td>
<td id="four">&nbsp;</td>
<td id="five">&nbsp;</td>
<td id="six">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td id="one">&nbsp;</td>
<td id="two">&nbsp;</td>
<td id="three">&nbsp;</td>
<td id="four">&nbsp;</td>
<td id="five">&nbsp;</td>
<td id="six">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td id="one">&nbsp;</td>
<td id="two">&nbsp;</td>
<td id="three">&nbsp;</td>
<td id="four">&nbsp;</td>
<td id="five">&nbsp;</td>
<td id="six">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
</table>
</body>
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
<link rel="match" href="t424-hsl-h-rotating-b-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="H values in hsl() colors should be treated like angles, even when outside [0,360)" /> <meta name="assert" content="H values in hsl() colors should be treated like angles, even when outside [0,360)" />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; }
td { width: 1.2em; height: 1.2em; }
#one { background: #FF0000; }
#two { background: rgba(255, 255, 0, 0.8); }
#three { background: rgba(0, 255, 0, 0.4); }
#four { background: rgba(0, 255, 255, 0.6); }
#five { background: rgba(0, 0, 255, 0.8); }
#six { background: rgba(255, 0, 255, 0.4); }
</style>
<body>
<p>Each column in the following table should have every cell the
same color, except for the checkerboard pattern at the right and
left used to indicate the row positions.</p>
<table>
<tr>
<td style="background: white">&nbsp;</td>
<td id="one">&nbsp;</td>
<td id="two">&nbsp;</td>
<td id="three">&nbsp;</td>
<td id="four">&nbsp;</td>
<td id="five">&nbsp;</td>
<td id="six">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td id="one">&nbsp;</td>
<td id="two">&nbsp;</td>
<td id="three">&nbsp;</td>
<td id="four">&nbsp;</td>
<td id="five">&nbsp;</td>
<td id="six">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td id="one">&nbsp;</td>
<td id="two">&nbsp;</td>
<td id="three">&nbsp;</td>
<td id="four">&nbsp;</td>
<td id="five">&nbsp;</td>
<td id="six">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
<tr>
<td style="background: black">&nbsp;</td>
<td id="one">&nbsp;</td>
<td id="two">&nbsp;</td>
<td id="three">&nbsp;</td>
<td id="four">&nbsp;</td>
<td id="five">&nbsp;</td>
<td id="six">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
</table>
</body>
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color" />
<link rel="match" href="t425-hsla-h-rotating-b-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="H values in hsla() colors should be treated like angles, even when outside [0,360)" /> <meta name="assert" content="H values in hsla() colors should be treated like angles, even when outside [0,360)" />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
...@@ -5,11 +5,12 @@ ...@@ -5,11 +5,12 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color" />
<link rel="match" href="t422-rgba-onscreen-b-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Test that hsla() does not behave like opacity and draw in an offscreen buffer." /> <meta name="assert" content="Test that hsla() does not behave like opacity and draw in an offscreen buffer." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
html, body { background: white; } html, body { background: white; }
table { border-spacing: 0; padding: 0; border: none; } table { border-spacing: 0 2px; padding: 0; border: none; }
td { border: none; padding: 0; } td { border: none; padding: 0; }
td, div { height: 1.2em; } td, div { height: 1.2em; }
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#html4" /> <link rel="help" href="http://www.w3.org/TR/css3-color/#html4" />
<link rel="match" href="t43-svg-keywords-a-ref.html" />
<meta name="flags" content="" /> <meta name="flags" content="" />
<meta name="assert" content="Test that the HTML4 color keywords have the correct values." /> <meta name="assert" content="Test that the HTML4 color keywords have the correct values." />
<style type="text/css"><![CDATA[ <style type="text/css"><![CDATA[
......
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
}
</style>
<body>
<!-- test font does not currently test for rlig or locl -->
<p>Test passes if the two lines below are identical, with six check marks (✓). </p>
<section class="tests">
<p class="ref">AAAAAA</p>
<p class="ref">AAAAAA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="help" href="hhttps://www.w3.org/TR/css-fonts-3/#default-features">
<link rel="match" href="font-default-01-ref.html">
<meta name="assert" content="Required ligatures, common ligatures and contextual forms must be enabled by default (OpenType features: rlig, liga, clig, calt), along with localized forms (OpenType feature: locl), and features required for proper display of composed characters and marks (OpenType features: ccmp, mark, mkmk).">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
}
</style>
<body>
<!-- test font does not currently test for rlig or locl -->
<p>Test passes if the two lines below are identical, with six check marks (✓). </p>
<section class="tests">
<p class="test">CDGÂÂÄ</p>
<p class="ref">AAAAAA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
}
.test {
font-variant: normal;
}
</style>
<body>
<!-- test font does not currently test for rlig or locl -->
<p>Test passes if the three lines below are identical, with six check marks (✓). </p>
<section class="tests">
<p class="ref">AAAAAA</p>
<p class="ref">AAAAAA</p>
<p class="ref">AAAAAA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#default-features">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-prop">
<link rel="match" href="font-default-02-ref.html">
<meta name="assert" content="These features must always be enabled, even when the value of the ‘font-variant’ and ‘font-feature-settings’ properties is ‘normal’. ">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
}
.test {
font-variant: normal;
}
</style>
<body>
<!-- test font does not currently test for rlig or locl -->
<p>Test passes if the three lines below are identical, with six check marks (✓). </p>
<section class="tests">
<p class="default">CDGÂÂÄ</p>
<p class="test">CDGÂÂÄ</p>
<p class="ref">AAAAAA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
}
.test {
font-feature-settings: normal;
}
</style>
<body>
<!-- test font does not currently test for rlig or locl -->
<p>Test passes if the three lines below are identical, with six check marks (✓). </p>
<section class="tests">
<p class="default">CDGÂÂÄ</p>
<p class="test">CDGÂÂÄ</p>
<p class="ref">AAAAAA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#default-features">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-feature-settings-prop">
<link rel="match" href="font-default-03-ref.html">
<meta name="assert" content="These features must always be enabled, even when the value of the ‘font-variant’ and ‘font-feature-settings’ properties is ‘normal’. ">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
}
.test {
font-feature-settings: normal;
}
</style>
<body>
<!-- test font does not currently test for rlig or locl -->
<p>Test passes if the three lines below are identical, with six check marks (✓). </p>
<section class="tests">
<p class="default">CDGÂÂÄ</p>
<p class="test">CDGÂÂÄ</p>
<p class="ref">AAAAAA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<meta name="assert" content="For upright text within vertical text runs, vertical alternates (OpenType feature: vert) must be enabled">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
writing-mode: vertical-rl;
text-orientation: upright;
color: green;
}
.default {
color: purple;
}
</style>
<body>
<p>Test passes if the first <em>vertical</em> line (in purple) has <em>at least one</em> check mark
and the next two lines (in green) are identical, with two check marks (✓).</p>
<section class="tests">
<p class="default">AB</p>
<p><span class="test1">A</span><span class="test2">A</span></p>
<p class="ref">AA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<meta name="assert" content="For upright text within vertical text runs, vertical alternates (OpenType feature: vert) must be enabled">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
writing-mode: vertical-rl;
text-orientation: upright;
color: green;
}
.default {
color: purple;
}
</style>
<body>
<p>Test passes if the first <em>vertical</em> line (in purple) has <em>at least one</em> check mark
and the next two lines (in green) are identical, with two check marks (✓).</p>
<section class="tests">
<p class="default">BA</p>
<p><span class="test1">A</span><span class="test2">A</span></p>
<p class="ref">AA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<meta name="assert" content="For upright text within vertical text runs, vertical alternates (OpenType feature: vert) must be enabled">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
writing-mode: vertical-rl;
text-orientation: upright;
color: green;
}
.default {
color: purple;
}
</style>
<body>
<p>Test passes if the first <em>vertical</em> line (in purple) has <em>at least one</em> check mark
and the next two lines (in green) are identical, with two check marks (✓).</p>
<section class="tests">
<p class="default">AA</p>
<p><span class="test1">A</span><span class="test2">A</span></p>
<p class="ref">AA</p>
</section>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>CSS Test: font default features</title>
<link rel="author" title="Chris Lilley" href="chris@w3.org">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#default-features">
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-feature-settings-prop">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#block-flow">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#text-orientation">
<link rel="match" href="font-default-04-a-ref.html">
<link rel="match" href="font-default-04-b-ref.html">
<link rel="match" href="font-default-04-c-ref.html">
<meta name="assert" content="For upright text within vertical text runs, vertical alternates (OpenType feature: vert) must be enabled">
<style>
@font-face {
font-family: fwf;
src: url(support/fonts/FontWithFancyFeatures.otf);
}
.tests {
font-family: fwf;
font-size: 4em;
line-height: 1.1;
writing-mode: vertical-rl;
text-orientation: upright;
color: green;
}
.default {
color: purple;
}
.test1 {
font-feature-settings: "vert" on;
}
.test2 {
font-feature-settings: "vert" 2;
}
</style>
<body>
<p>Test passes if the first <em>vertical</em> line (in purple) has <em>at least one</em> check mark
and the next two lines (in green) are identical, with two check marks (✓).</p>
<section class="tests">
<p class="default">Å人</p>
<p><span class="test1">Å</span><span class="test2"></span></p>
<p class="ref">AA</p>
</section>
\ No newline at end of file
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