Skip to content

Commit c9c9e8c

Browse files
karlcowkarlcow
committed
[css-images-4] Gradients with only one stop should be supported
https://bugs.webkit.org/show_bug.cgi?id=285413 rdar://142796999 Reviewed by NOBODY (OOPS!). This makes it possible to have one stop color gradient as resolved by the CSS Working Group in w3c/csswg-drafts#10092 This also import the new tests related to css-images/gradient/ with Upstream commit: web-platform-tests/wpt@5753f6c * LayoutTests/imported/w3c/resources/resource-files.json: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/color-stops-parsing-expected.txt: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/color-stops-parsing.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-hsl-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-hsl-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-hsl.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-lch-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-lch-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-lch.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-hue-direction-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-hue-direction-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-hue-direction.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-increasing-hue-hsl-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-increasing-hue-hsl-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-increasing-hue-hsl.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-increasing-hue-lch-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-increasing-hue-lch-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-increasing-hue-lch.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-001-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-001-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-001.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-002-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-002-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-002.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-003-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-003-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-003.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-004-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-004-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-004.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-005-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-005-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-005.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-006-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-006-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-006.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-007-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-007-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-007.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-008-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-008-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-008.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-009-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-009-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-009.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-010-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-010-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-010.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-011-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-011-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-011.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-012-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-012-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-012.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-001-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-001-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-001.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-002-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-002-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-002.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-003-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-003-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-003.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-004-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-004-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-004.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-005-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-005-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-005.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-006-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-006-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-006.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-007-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-007-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-007.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-008-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-008-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-008.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-009-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-009-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-009.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-010-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-010-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-010.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-011-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-011-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-011.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-012-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-012-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-012.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-001-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-001.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-002-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-002.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-003-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-003.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-004-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-004.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-005-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-005.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-006-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-006.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-007-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-007.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-008-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-008.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl-002-expected.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl-002-ref.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl-002.html: Added. * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl-expected.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl-ref.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-oklch-expected.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-oklch-ref.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-oklch.html: * LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/w3c-import.log: * LayoutTests/TestExpectations: * Source/WebCore/css/parser/CSSPropertyParserConsumer+Image.cpp: (WebCore::CSSPropertyParserHelpers::consumeColorStopList):
1 parent c57f1a4 commit c9c9e8c

File tree

118 files changed

+4631
-21
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

118 files changed

+4631
-21
lines changed

‎LayoutTests/TestExpectations

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3977,6 +3977,25 @@ imported/w3c/web-platform-tests/css/css-images/cross-fade-premultiplied-alpha.ht
39773977
imported/w3c/web-platform-tests/css/css-images/cross-fade-target-alpha.html [ ImageOnlyFailure ]
39783978
imported/w3c/web-platform-tests/css/css-images/gradient/gradient-eval-004.html [ ImageOnlyFailure ]
39793979
imported/w3c/web-platform-tests/css/css-images/gradient/gradient-none-interpolation.html [ ImageOnlyFailure ]
3980+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-002.html [ ImageOnlyFailure ]
3981+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-003.html [ ImageOnlyFailure ]
3982+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-006.html [ ImageOnlyFailure ]
3983+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-008.html [ ImageOnlyFailure ]
3984+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-009.html [ ImageOnlyFailure ]
3985+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-010.html [ ImageOnlyFailure ]
3986+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-011.html [ ImageOnlyFailure ]
3987+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-012.html [ ImageOnlyFailure ]
3988+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-002.html [ ImageOnlyFailure ]
3989+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-003.html [ ImageOnlyFailure ]
3990+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-006.html [ ImageOnlyFailure ]
3991+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-008.html [ ImageOnlyFailure ]
3992+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-009.html [ ImageOnlyFailure ]
3993+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-010.html [ ImageOnlyFailure ]
3994+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-011.html [ ImageOnlyFailure ]
3995+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-012.html [ ImageOnlyFailure ]
3996+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl-002.html [ ImageOnlyFailure ]
3997+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl.html [ ImageOnlyFailure ]
3998+
webkit.org/b/285913 imported/w3c/web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-oklch.html [ ImageOnlyFailure ]
39803999
imported/w3c/web-platform-tests/css/css-images/image-orientation/image-orientation-border-image.html [ ImageOnlyFailure ]
39814000
imported/w3c/web-platform-tests/css/css-images/image-orientation/image-orientation-exif-png-3.html [ ImageOnlyFailure ]
39824001
imported/w3c/web-platform-tests/css/css-images/image-orientation/image-orientation-none-cross-origin-canvas.html [ ImageOnlyFailure ]

‎LayoutTests/imported/w3c/resources/resource-files.json

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3515,6 +3515,8 @@
35153515
"web-platform-tests/css/css-images/gradient-content-box-ref.html",
35163516
"web-platform-tests/css/css-images/gradient-move-stops-ref.html",
35173517
"web-platform-tests/css/css-images/gradient/color-scheme-dependent-color-stops-ref.html",
3518+
"web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-hsl-ref.html",
3519+
"web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-lch-ref.html",
35183520
"web-platform-tests/css/css-images/gradient/gradient-eval-001-ref.html",
35193521
"web-platform-tests/css/css-images/gradient/gradient-eval-002-ref.html",
35203522
"web-platform-tests/css/css-images/gradient/gradient-eval-003-ref.html",
@@ -3524,7 +3526,35 @@
35243526
"web-platform-tests/css/css-images/gradient/gradient-eval-007-ref.html",
35253527
"web-platform-tests/css/css-images/gradient/gradient-eval-008-ref.html",
35263528
"web-platform-tests/css/css-images/gradient/gradient-eval-009-ref.html",
3529+
"web-platform-tests/css/css-images/gradient/gradient-hue-direction-ref.html",
3530+
"web-platform-tests/css/css-images/gradient/gradient-increasing-hue-hsl-ref.html",
3531+
"web-platform-tests/css/css-images/gradient/gradient-increasing-hue-lch-ref.html",
3532+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-001-ref.html",
3533+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-002-ref.html",
3534+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-003-ref.html",
3535+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-004-ref.html",
3536+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-005-ref.html",
3537+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-006-ref.html",
3538+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-007-ref.html",
3539+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-008-ref.html",
3540+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-009-ref.html",
3541+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-010-ref.html",
3542+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-011-ref.html",
3543+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-hsl-012-ref.html",
3544+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-001-ref.html",
3545+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-002-ref.html",
3546+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-003-ref.html",
3547+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-004-ref.html",
3548+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-005-ref.html",
3549+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-006-ref.html",
3550+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-007-ref.html",
3551+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-008-ref.html",
3552+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-009-ref.html",
3553+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-010-ref.html",
3554+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-011-ref.html",
3555+
"web-platform-tests/css/css-images/gradient/gradient-longer-hue-lch-012-ref.html",
35273556
"web-platform-tests/css/css-images/gradient/gradient-none-interpolation-ref.html",
3557+
"web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl-002-ref.html",
35283558
"web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-hsl-ref.html",
35293559
"web-platform-tests/css/css-images/gradient/gradient-single-stop-longer-hue-oklch-ref.html",
35303560
"web-platform-tests/css/css-images/gradient/oklab-gradient-ref.html",

‎LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/color-stops-parsing-expected.txt

Lines changed: 12 additions & 12 deletions
Large diffs are not rendered by default.

‎LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/color-stops-parsing.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,6 @@
1313
var tests = [
1414
// invalid stops
1515
{ stops: "" , parse: false },
16-
{ stops: "black" , parse: false },
17-
{ stops: "black 0%" , parse: false },
1816
{ stops: "black, 25%" , parse: false },
1917
{ stops: "black, invalid" , parse: false },
2018
{ stops: "black, , white" , parse: false },
@@ -26,6 +24,8 @@
2624
{ stops: "0%, black, white" , parse: false },
2725

2826
// basic stops
27+
{ stops: "black" , parse: true },
28+
{ stops: "black 0%" , parse: true },
2929
{ stops: "black, white" , parse: true },
3030
{ stops: "black 0, white" , parse: true },
3131
{ stops: "black 0%, white" , parse: true },

‎LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-hsl-expected.html

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Gradient in HSL spacetitle>
7+
<link rel="author" title="Jonathan Kew" href="mailto:[email protected]">
8+
<style>
9+
body {
10+
background: #fff;
11+
}
12+
13+
div {
14+
width: 200px;
15+
height: 100px;
16+
margin: 10px;
17+
}
18+
19+
div.a {
20+
background-image: linear-gradient(to right in hsl decreasing hue,
21+
hsl(360deg, 100%, 50%),
22+
hsl(280deg, 100%, 50%),
23+
hsl(200deg, 100%, 50%),
24+
hsl(120deg, 100%, 50%),
25+
hsl(40deg, 100%, 50%));
26+
}
27+
28+
div.b {
29+
background-image: linear-gradient(to right in hsl decreasing hue,
30+
hsl(40deg, 100%, 50%),
31+
hsl(30deg, 100%, 50%),
32+
hsl(20deg, 100%, 50%),
33+
hsl(10deg, 100%, 50%),
34+
hsl(0deg, 100%, 50%));
35+
}
36+
37+
div.c {
38+
background-image: linear-gradient(to right in hsl decreasing hue,
39+
hsl(360deg, 100%, 50%),
40+
hsl(330deg, 100%, 50%),
41+
hsl(300deg, 100%, 50%),
42+
hsl(270deg, 100%, 50%));
43+
}
44+
45+
div.d {
46+
background-image: linear-gradient(to right in hsl decreasing hue,
47+
hsl(270deg, 100%, 50%),
48+
hsl(180deg, 100%, 50%),
49+
hsl(90deg, 100%, 50%),
50+
hsl(0deg, 100%, 50%));
51+
}
52+
style>
53+
head>
54+
55+
<body>
56+
<div class=a>div>
57+
<div class=b>div>
58+
<div class=c>div>
59+
<div class=d>div>
60+
body>
61+
html>

‎LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-hsl-ref.html

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Gradient in HSL spacetitle>
7+
<link rel="author" title="Jonathan Kew" href="mailto:[email protected]">
8+
<style>
9+
body {
10+
background: #fff;
11+
}
12+
13+
div {
14+
width: 200px;
15+
height: 100px;
16+
margin: 10px;
17+
}
18+
19+
div.a {
20+
background-image: linear-gradient(to right in hsl decreasing hue,
21+
hsl(360deg, 100%, 50%),
22+
hsl(280deg, 100%, 50%),
23+
hsl(200deg, 100%, 50%),
24+
hsl(120deg, 100%, 50%),
25+
hsl(40deg, 100%, 50%));
26+
}
27+
28+
div.b {
29+
background-image: linear-gradient(to right in hsl decreasing hue,
30+
hsl(40deg, 100%, 50%),
31+
hsl(30deg, 100%, 50%),
32+
hsl(20deg, 100%, 50%),
33+
hsl(10deg, 100%, 50%),
34+
hsl(0deg, 100%, 50%));
35+
}
36+
37+
div.c {
38+
background-image: linear-gradient(to right in hsl decreasing hue,
39+
hsl(360deg, 100%, 50%),
40+
hsl(330deg, 100%, 50%),
41+
hsl(300deg, 100%, 50%),
42+
hsl(270deg, 100%, 50%));
43+
}
44+
45+
div.d {
46+
background-image: linear-gradient(to right in hsl decreasing hue,
47+
hsl(270deg, 100%, 50%),
48+
hsl(180deg, 100%, 50%),
49+
hsl(90deg, 100%, 50%),
50+
hsl(0deg, 100%, 50%));
51+
}
52+
style>
53+
head>
54+
55+
<body>
56+
<div class=a>div>
57+
<div class=b>div>
58+
<div class=c>div>
59+
<div class=d>div>
60+
body>
61+
html>

‎LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-hsl.html

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Gradient in HSL spacetitle>
7+
<link rel="author" title="Jonathan Kew" href="mailto:[email protected]">
8+
<link rel="help" href="https://www.w3.org/TR/css-color-4/#interpolation">
9+
<meta name="assert" content="Tests that 'decreasing' hue renders the expected gradient">
10+
<meta name="fuzzy" content="maxDifference=0-5;totalPixels=0-32500">
11+
<link rel="match" href="gradient-decreasing-hue-hsl-ref.html">
12+
<style>
13+
body {
14+
background: #fff;
15+
}
16+
17+
div {
18+
width: 200px;
19+
height: 100px;
20+
margin: 10px;
21+
}
22+
23+
div.a {
24+
background-image: linear-gradient(to right in hsl decreasing hue,
25+
hsl(0deg, 100%, 50%),
26+
hsl(40deg, 100%, 50%));
27+
}
28+
29+
div.b {
30+
background-image: linear-gradient(to right in hsl decreasing hue,
31+
hsl(40deg, 100%, 50%),
32+
hsl(0deg, 100%, 50%));
33+
}
34+
35+
div.c {
36+
background-image: linear-gradient(to right in hsl decreasing hue,
37+
hsl(0deg, 100%, 50%),
38+
hsl(270deg, 100%, 50%));
39+
}
40+
41+
div.d {
42+
background-image: linear-gradient(to right in hsl decreasing hue,
43+
hsl(270deg, 100%, 50%),
44+
hsl(0deg, 100%, 50%));
45+
}
46+
style>
47+
head>
48+
49+
<body>
50+
<div class=a>div>
51+
<div class=b>div>
52+
<div class=c>div>
53+
<div class=d>div>
54+
body>
55+
html>

‎LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-lch-expected.html

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Gradient in LCH spacetitle>
7+
<link rel="author" title="Jonathan Kew" href="mailto:[email protected]">
8+
<style>
9+
body {
10+
background: #fff;
11+
}
12+
13+
div {
14+
width: 200px;
15+
height: 100px;
16+
margin: 10px;
17+
}
18+
19+
div.a {
20+
background-image: linear-gradient(to right in lch decreasing hue,
21+
lch(50% 100% 360deg),
22+
lch(50% 100% 290deg),
23+
lch(50% 100% 220deg),
24+
lch(50% 100% 150deg),
25+
lch(50% 100% 80deg));
26+
}
27+
28+
div.b {
29+
background-image: linear-gradient(to right in lch decreasing hue,
30+
lch(50% 100% 80deg),
31+
lch(50% 100% 60deg),
32+
lch(50% 100% 40deg),
33+
lch(50% 100% 20deg),
34+
lch(50% 100% 0deg));
35+
}
36+
37+
div.c {
38+
background-image: linear-gradient(to right in lch decreasing hue,
39+
lch(50% 100% 360deg),
40+
lch(50% 100% 330deg),
41+
lch(50% 100% 300deg),
42+
lch(50% 100% 270deg));
43+
}
44+
45+
div.d {
46+
background-image: linear-gradient(to right in lch decreasing hue,
47+
lch(50% 100% 270deg),
48+
lch(50% 100% 180deg),
49+
lch(50% 100% 90deg),
50+
lch(50% 100% 0deg));
51+
}
52+
style>
53+
head>
54+
55+
<body>
56+
<div class=a>div>
57+
<div class=b>div>
58+
<div class=c>div>
59+
<div class=d>div>
60+
body>
61+
html>

‎LayoutTests/imported/w3c/web-platform-tests/css/css-images/gradient/gradient-decreasing-hue-lch-ref.html

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Gradient in LCH spacetitle>
7+
<link rel="author" title="Jonathan Kew" href="mailto:[email protected]">
8+
<style>
9+
body {
10+
background: #fff;
11+
}
12+
13+
div {
14+
width: 200px;
15+
height: 100px;
16+
margin: 10px;
17+
}
18+
19+
div.a {
20+
background-image: linear-gradient(to right in lch decreasing hue,
21+
lch(50% 100% 360deg),
22+
lch(50% 100% 290deg),
23+
lch(50% 100% 220deg),
24+
lch(50% 100% 150deg),
25+
lch(50% 100% 80deg));
26+
}
27+
28+
div.b {
29+
background-image: linear-gradient(to right in lch decreasing hue,
30+
lch(50% 100% 80deg),
31+
lch(50% 100% 60deg),
32+
lch(50% 100% 40deg),
33+
lch(50% 100% 20deg),
34+
lch(50% 100% 0deg));
35+
}
36+
37+
div.c {
38+
background-image: linear-gradient(to right in lch decreasing hue,
39+
lch(50% 100% 360deg),
40+
lch(50% 100% 330deg),
41+
lch(50% 100% 300deg),
42+
lch(50% 100% 270deg));
43+
}
44+
45+
div.d {
46+
background-image: linear-gradient(to right in lch decreasing hue,
47+
lch(50% 100% 270deg),
48+
lch(50% 100% 180deg),
49+
lch(50% 100% 90deg),
50+
lch(50% 100% 0deg));
51+
}
52+
style>
53+
head>
54+
55+
<body>
56+
<div class=a>div>
57+
<div class=b>div>
58+
<div class=c>div>
59+
<div class=d>div>
60+
body>
61+
html>

0 commit comments

Comments
 (0)