Enable new color functions from CSS Color 4 (#30752)

I will need to do most of the work anyways during the style updates,
so by enabling this it will be easier to detect mistakes.

Also, canvas colors are now parsed as <color>, precisely to support
these new features. This is according to the HTML spec:
https://html.spec.whatwg.org/multipage/infrastructure.html#parsed-as-a-css-color-value
This commit is contained in:
Oriol Brufau 2023-11-20 17:15:43 +01:00 committed by GitHub
parent 868d84d8ee
commit 61af8fb56d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
220 changed files with 75 additions and 4283 deletions

View file

@ -1,10 +1,4 @@
[gradient-interpolation-method-computed.html]
[Property background-image value 'linear-gradient(30deg, color(srgb 1 0 0), blue)']
expected: FAIL
[Property background-image value 'linear-gradient(to right bottom, color(srgb 1 0 0), blue)']
expected: FAIL
[Property background-image value 'linear-gradient(in lab, red, blue)']
expected: FAIL
@ -815,15 +809,6 @@
[Property background-image value 'linear-gradient(in oklch decreasing hue to right bottom, color(srgb 1 0 0), blue)']
expected: FAIL
[Property background-image value 'radial-gradient(50px, color(srgb 1 0 0), blue)']
expected: FAIL
[Property background-image value 'radial-gradient(ellipse 50% 40em, color(srgb 1 0 0), blue)']
expected: FAIL
[Property background-image value 'radial-gradient(at right center, color(srgb 1 0 0), blue)']
expected: FAIL
[Property background-image value 'radial-gradient(in lab, red, blue)']
expected: FAIL

View file

@ -1,10 +1,4 @@
[gradient-interpolation-method-valid.html]
[e.style['background-image'\] = "linear-gradient(30deg, color(srgb 1 0 0), blue)" should set the property value]
expected: FAIL
[e.style['background-image'\] = "linear-gradient(to right bottom, color(srgb 1 0 0), blue)" should set the property value]
expected: FAIL
[e.style['background-image'\] = "linear-gradient(in lab, red, blue)" should set the property value]
expected: FAIL
@ -815,15 +809,6 @@
[e.style['background-image'\] = "linear-gradient(in oklch decreasing hue to right bottom, color(srgb 1 0 0), blue)" should set the property value]
expected: FAIL
[e.style['background-image'\] = "radial-gradient(50px, color(srgb 1 0 0), blue)" should set the property value]
expected: FAIL
[e.style['background-image'\] = "radial-gradient(ellipse 50% 40em, color(srgb 1 0 0), blue)" should set the property value]
expected: FAIL
[e.style['background-image'\] = "radial-gradient(at right center, color(srgb 1 0 0), blue)" should set the property value]
expected: FAIL
[e.style['background-image'\] = "radial-gradient(in lab, red, blue)" should set the property value]
expected: FAIL