Skip to content
Permalink
Browse files
Update WPT css/css-color tests
https://bugs.webkit.org/show_bug.cgi?id=224419

Reviewed by Antti Koivisto.

Update to the latest version of the css/css-color tests.

* web-platform-tests/css/css-color/META.yml:
* web-platform-tests/css/css-color/hex-001-expected.html:
* web-platform-tests/css/css-color/hex-001.html:
* web-platform-tests/css/css-color/hex-002-expected.html:
* web-platform-tests/css/css-color/hex-002.html:
* web-platform-tests/css/css-color/hex-003-expected.html:
* web-platform-tests/css/css-color/hex-003.html:
* web-platform-tests/css/css-color/hex-004-expected.html:
* web-platform-tests/css/css-color/hex-004.html:
* web-platform-tests/css/css-color/hsl-001-expected.html:
* web-platform-tests/css/css-color/hsl-001.html:
* web-platform-tests/css/css-color/hsl-002-expected.html:
* web-platform-tests/css/css-color/hsl-002.html:
* web-platform-tests/css/css-color/hsl-003-expected.html:
* web-platform-tests/css/css-color/hsl-003.html:
* web-platform-tests/css/css-color/hsl-004-expected.html:
* web-platform-tests/css/css-color/hsl-004.html:
* web-platform-tests/css/css-color/hsl-005-expected.html:
* web-platform-tests/css/css-color/hsl-005.html:
* web-platform-tests/css/css-color/hsl-006-expected.html:
* web-platform-tests/css/css-color/hsl-006.html:
* web-platform-tests/css/css-color/hsl-007-expected.html:
* web-platform-tests/css/css-color/hsl-007.html:
* web-platform-tests/css/css-color/hsl-008-expected.html:
* web-platform-tests/css/css-color/hsl-008.html:
* web-platform-tests/css/css-color/hsla-001-expected.html:
* web-platform-tests/css/css-color/hsla-001.html:
* web-platform-tests/css/css-color/hsla-002-expected.html:
* web-platform-tests/css/css-color/hsla-002.html:
* web-platform-tests/css/css-color/hsla-003-expected.html:
* web-platform-tests/css/css-color/hsla-003.html:
* web-platform-tests/css/css-color/hsla-004-expected.html:
* web-platform-tests/css/css-color/hsla-004.html:
* web-platform-tests/css/css-color/hsla-005-expected.html:
* web-platform-tests/css/css-color/hsla-005.html:
* web-platform-tests/css/css-color/hsla-006-expected.html:
* web-platform-tests/css/css-color/hsla-006.html:
* web-platform-tests/css/css-color/hsla-007-expected.html:
* web-platform-tests/css/css-color/hsla-007.html:
* web-platform-tests/css/css-color/hsla-008-expected.html:
* web-platform-tests/css/css-color/hsla-008.html:
* web-platform-tests/css/css-color/rgb-001-expected.html:
* web-platform-tests/css/css-color/rgb-001.html:
* web-platform-tests/css/css-color/rgb-002-expected.html:
* web-platform-tests/css/css-color/rgb-002.html:
* web-platform-tests/css/css-color/rgb-003-expected.html:
* web-platform-tests/css/css-color/rgb-003.html:
* web-platform-tests/css/css-color/rgb-004-expected.html:
* web-platform-tests/css/css-color/rgb-004.html:
* web-platform-tests/css/css-color/rgb-005-expected.html:
* web-platform-tests/css/css-color/rgb-005.html:
* web-platform-tests/css/css-color/rgb-006-expected.html:
* web-platform-tests/css/css-color/rgb-006.html:
* web-platform-tests/css/css-color/rgb-007-expected.html:
* web-platform-tests/css/css-color/rgb-007.html:
* web-platform-tests/css/css-color/rgb-008-expected.html:
* web-platform-tests/css/css-color/rgb-008.html:
* web-platform-tests/css/css-color/rgba-001-expected.html:
* web-platform-tests/css/css-color/rgba-001.html:
* web-platform-tests/css/css-color/rgba-002-expected.html:
* web-platform-tests/css/css-color/rgba-002.html:
* web-platform-tests/css/css-color/rgba-003-expected.html:
* web-platform-tests/css/css-color/rgba-003.html:
* web-platform-tests/css/css-color/rgba-004-expected.html:
* web-platform-tests/css/css-color/rgba-004.html:
* web-platform-tests/css/css-color/rgba-005-expected.html:
* web-platform-tests/css/css-color/rgba-005.html:
* web-platform-tests/css/css-color/rgba-006-expected.html:
* web-platform-tests/css/css-color/rgba-006.html:
* web-platform-tests/css/css-color/rgba-007-expected.html:
* web-platform-tests/css/css-color/rgba-007.html:
* web-platform-tests/css/css-color/rgba-008-expected.html:
* web-platform-tests/css/css-color/rgba-008.html:
* web-platform-tests/css/css-color/w3c-import.log:


Canonical link: https://commits.webkit.org/236398@main
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@275828 268f45cc-cd09-0410-ab3c-d52691b4dbfc
  • Loading branch information
weinig committed Apr 12, 2021
1 parent d1f397a commit 00d80bb8789c4776f4c97ead6c6710074571972c
Showing 75 changed files with 494 additions and 212 deletions.
@@ -1,3 +1,87 @@
2021-04-12 Sam Weinig <weinig@apple.com>

Update WPT css/css-color tests
https://bugs.webkit.org/show_bug.cgi?id=224419

Reviewed by Antti Koivisto.

Update to the latest version of the css/css-color tests.

* web-platform-tests/css/css-color/META.yml:
* web-platform-tests/css/css-color/hex-001-expected.html:
* web-platform-tests/css/css-color/hex-001.html:
* web-platform-tests/css/css-color/hex-002-expected.html:
* web-platform-tests/css/css-color/hex-002.html:
* web-platform-tests/css/css-color/hex-003-expected.html:
* web-platform-tests/css/css-color/hex-003.html:
* web-platform-tests/css/css-color/hex-004-expected.html:
* web-platform-tests/css/css-color/hex-004.html:
* web-platform-tests/css/css-color/hsl-001-expected.html:
* web-platform-tests/css/css-color/hsl-001.html:
* web-platform-tests/css/css-color/hsl-002-expected.html:
* web-platform-tests/css/css-color/hsl-002.html:
* web-platform-tests/css/css-color/hsl-003-expected.html:
* web-platform-tests/css/css-color/hsl-003.html:
* web-platform-tests/css/css-color/hsl-004-expected.html:
* web-platform-tests/css/css-color/hsl-004.html:
* web-platform-tests/css/css-color/hsl-005-expected.html:
* web-platform-tests/css/css-color/hsl-005.html:
* web-platform-tests/css/css-color/hsl-006-expected.html:
* web-platform-tests/css/css-color/hsl-006.html:
* web-platform-tests/css/css-color/hsl-007-expected.html:
* web-platform-tests/css/css-color/hsl-007.html:
* web-platform-tests/css/css-color/hsl-008-expected.html:
* web-platform-tests/css/css-color/hsl-008.html:
* web-platform-tests/css/css-color/hsla-001-expected.html:
* web-platform-tests/css/css-color/hsla-001.html:
* web-platform-tests/css/css-color/hsla-002-expected.html:
* web-platform-tests/css/css-color/hsla-002.html:
* web-platform-tests/css/css-color/hsla-003-expected.html:
* web-platform-tests/css/css-color/hsla-003.html:
* web-platform-tests/css/css-color/hsla-004-expected.html:
* web-platform-tests/css/css-color/hsla-004.html:
* web-platform-tests/css/css-color/hsla-005-expected.html:
* web-platform-tests/css/css-color/hsla-005.html:
* web-platform-tests/css/css-color/hsla-006-expected.html:
* web-platform-tests/css/css-color/hsla-006.html:
* web-platform-tests/css/css-color/hsla-007-expected.html:
* web-platform-tests/css/css-color/hsla-007.html:
* web-platform-tests/css/css-color/hsla-008-expected.html:
* web-platform-tests/css/css-color/hsla-008.html:
* web-platform-tests/css/css-color/rgb-001-expected.html:
* web-platform-tests/css/css-color/rgb-001.html:
* web-platform-tests/css/css-color/rgb-002-expected.html:
* web-platform-tests/css/css-color/rgb-002.html:
* web-platform-tests/css/css-color/rgb-003-expected.html:
* web-platform-tests/css/css-color/rgb-003.html:
* web-platform-tests/css/css-color/rgb-004-expected.html:
* web-platform-tests/css/css-color/rgb-004.html:
* web-platform-tests/css/css-color/rgb-005-expected.html:
* web-platform-tests/css/css-color/rgb-005.html:
* web-platform-tests/css/css-color/rgb-006-expected.html:
* web-platform-tests/css/css-color/rgb-006.html:
* web-platform-tests/css/css-color/rgb-007-expected.html:
* web-platform-tests/css/css-color/rgb-007.html:
* web-platform-tests/css/css-color/rgb-008-expected.html:
* web-platform-tests/css/css-color/rgb-008.html:
* web-platform-tests/css/css-color/rgba-001-expected.html:
* web-platform-tests/css/css-color/rgba-001.html:
* web-platform-tests/css/css-color/rgba-002-expected.html:
* web-platform-tests/css/css-color/rgba-002.html:
* web-platform-tests/css/css-color/rgba-003-expected.html:
* web-platform-tests/css/css-color/rgba-003.html:
* web-platform-tests/css/css-color/rgba-004-expected.html:
* web-platform-tests/css/css-color/rgba-004.html:
* web-platform-tests/css/css-color/rgba-005-expected.html:
* web-platform-tests/css/css-color/rgba-005.html:
* web-platform-tests/css/css-color/rgba-006-expected.html:
* web-platform-tests/css/css-color/rgba-006.html:
* web-platform-tests/css/css-color/rgba-007-expected.html:
* web-platform-tests/css/css-color/rgba-007.html:
* web-platform-tests/css/css-color/rgba-008-expected.html:
* web-platform-tests/css/css-color/rgba-008.html:
* web-platform-tests/css/css-color/w3c-import.log:

2021-04-12 Youenn Fablet <youenn@apple.com>

Update WPT streams test to ToT
@@ -3,3 +3,5 @@ suggested_reviewers:
- dbaron
- svgeesus
- tabatkins
- weinig

@@ -1,9 +1,10 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Green text reference</title>
<title>Green square reference</title>
<style>
.test { color: #008000}
.test { background-color: #008000; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -3,11 +3,15 @@
<title>CSS Color 4: The RGB hexadecimal notations: #RRGGBB</title>
<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="match" href="greentext-ref.html">
<link rel="match" href="greensquare-ref.html">
<meta name="assert" content="6 digit hex">
<style>
.test {color: #008000}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #008000; width: 12em; height: 6em; margin-bottom: 0}
.test {background-color: #008000}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>
@@ -1,9 +1,10 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Green text reference</title>
<title>Green square reference</title>
<style>
.test { color: #008000}
.test { background-color: #008000; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -3,11 +3,15 @@
<title>CSS Color 4: The RGB hexadecimal notations: #RRGGBB</title>
<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="match" href="greentext-ref.html">
<link rel="match" href="greensquare-ref.html">
<meta name="assert" content="8 digit hex, fully opaque">
<style>
.test {color: #008000FF}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #008000; width: 12em; height: 6em; margin-bottom: 0}
.test { background-color: #008000FF}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>
@@ -2,8 +2,9 @@
<meta charset="utf-8">
<title>Green text reference for hex shorthand tests</title>
<style>
.test { color: #007700}
.test { background-color: #007700; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -6,8 +6,12 @@
<link rel="match" href="hex-003-ref.html">
<meta name="assert" content="3 digit hex">
<style>
.test {color: #070}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #007700; width: 12em; height: 6em; margin-bottom: 0}
.test {background-color: #070}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>
@@ -2,8 +2,9 @@
<meta charset="utf-8">
<title>Green text reference for hex shorthand tests</title>
<style>
.test { color: #007700}
.test { background-color: #007700; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -6,8 +6,12 @@
<meta name="assert" content="4 digit hex, fully opaque">
<link rel="match" href="hex-003-ref.html">
<style>
.test {color: #070F}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #007700; width: 12em; height: 6em; margin-bottom: 0}
.test {background-color: #070F}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>
@@ -1,9 +1,10 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Green text reference</title>
<title>Green square reference</title>
<style>
.test { color: #008000}
.test { background-color: #008000; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -2,12 +2,17 @@
<meta charset="utf-8">
<title>CSS Color 4: HSL functions hsl() and hsla()</title>
<link rel="author" title="Chris Nardi" href="mailto:csnardi1@gmail.com">
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-color-4/#the-hsl-notation">
<link rel="match" href="greentext-ref.html">
<link rel="match" href="greensquare-ref.html">
<meta name="assert" content="hsl() with number and no alpha, also no comma">
<style>
.test {color: hsl(120 100% 25%)}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #008000; width: 12em; height: 6em; margin-bottom: 0}
.test { background-color: hsl(120 100% 25%)}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>
@@ -1,9 +1,10 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Green text reference</title>
<title>Green square reference</title>
<style>
.test { color: #008000}
.test { background-color: #008000; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -3,11 +3,15 @@
<title>CSS Color 4: HSL functions hsl() and hsla()</title>
<link rel="author" title="Chris Nardi" href="mailto:csnardi1@gmail.com">
<link rel="help" href="https://drafts.csswg.org/css-color-4/#the-hsl-notation">
<link rel="match" href="greentext-ref.html">
<link rel="match" href="greensquare-ref.html">
<meta name="assert" content="hsl() with angle and no alpha, also no comma">
<style>
.test {color: hsl(120deg 100% 25%)}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #008000; width: 12em; height: 6em; margin-bottom: 0}
.test {background-color: hsl(120deg 100% 25%)}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>
@@ -1,9 +1,10 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Green text reference</title>
<title>Green square reference</title>
<style>
.test { color: #008000}
.test { background-color: #008000; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -2,12 +2,17 @@
<meta charset="utf-8">
<title>CSS Color 4: HSL functions hsl() and hsla()</title>
<link rel="author" title="Chris Nardi" href="mailto:csnardi1@gmail.com">
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-color-4/#the-hsl-notation">
<link rel="match" href="greentext-ref.html">
<link rel="match" href="greensquare-ref.html">
<meta name="assert" content="hsl() with number and numeric alpha, also no comma">
<style>
.test {color: hsl(120 100% 25% / 1.0)}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #008000; width: 12em; height: 6em; margin-bottom: 0}
.test {background-color: hsl(120 100% 25% / 1.0)}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>
@@ -1,9 +1,10 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Green text reference</title>
<title>Green square reference</title>
<style>
.test { color: #008000}
.test { background-color: #008000; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -2,12 +2,17 @@
<meta charset="utf-8">
<title>CSS Color 4: HSL functions hsl() and hsla()</title>
<link rel="author" title="Chris Nardi" href="mailto:csnardi1@gmail.com">
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-color-4/#the-hsl-notation">
<link rel="match" href="greentext-ref.html">
<link rel="match" href="greensquare-ref.html">
<meta name="assert" content="hsl() with angle and numeric alpha, also no comma">
<style>
.test {color: hsl(120deg 100% 25% / 1)}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #008000; width: 12em; height: 6em; margin-bottom: 0}
.test { background-color: hsl(120deg 100% 25% / 1)}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>
@@ -1,9 +1,10 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Green text reference</title>
<title>Green square reference</title>
<style>
.test { color: #008000}
.test { background-color: #008000; width: 12em; height: 12em;}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<div class="test"></div>
</body>
@@ -2,12 +2,17 @@
<meta charset="utf-8">
<title>CSS Color 4: HSL functions hsl() and hsla()</title>
<link rel="author" title="Chris Nardi" href="mailto:csnardi1@gmail.com">
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="help" href="https://drafts.csswg.org/css-color-4/#the-hsl-notation">
<link rel="match" href="greentext-ref.html">
<link rel="match" href="greensquare-ref.html">
<meta name="assert" content="hsl() with number and percent alpha, also no comma">
<style>
.test {color: hsl(120 100% 25% / 100%)}
.test { background-color: red; width: 12em; height: 6em; margin-top:0}
.ref { background-color: #008000; width: 12em; height: 6em; margin-bottom: 0}
.test { background-color: hsl(120 100% 25% / 100%)}
</style>
<body>
<p class="test">Test passes if this text is green</p>
<p>Test passes if you see a green square, and no red.</p>
<p class="ref"> </p>
<p class="test"> </p>
</body>

0 comments on commit 00d80bb

Please sign in to comment.