Closed Bug 1947321 Opened 14 days ago Closed 12 days ago

[wpt-sync] Sync PR 50617 - Parse the corner-shape shorthand

Categories

(Core :: CSS Parsing and Computation, task, P4)

Product:
Core
Component:
CSS Parsing and Computation
Type:
task

Tracking

()

Status:
RESOLVED FIXED
Milestone:
137 Branch
Tracking Flags:
Tracking Status
firefox137 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

Sync web-platform-tests PR 50617 into mozilla-central (this bug is closed when the sync is complete).

PR: https://github.com/web-platform-tests/wpt/pull/50617
Details from upstream follow.

Noam Rosenthal <nrosenthal@chromium.org> wrote:

Parse the corner-shape shorthand

corner-shape works similarly to border-radius, with a
space-separated list of numbers.

See https://drafts.csswg.org/css-borders-4/#corner-shape-shorthand

Bug: 393942214
Change-Id: I8dad98531068b7bc5d1c8ca81b3076e1f72ad303
Reviewed-on: https://chromium-review.googlesource.com/6234257
WPT-Export-Revision: f6cd0ae07558b0cf8004369abe8b76ce8ae7f0c6

Component: web-platform-tests → CSS Parsing and Computation
Product: Testing → Core

CI Results

Ran 0 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI

Total 3 tests and 120 subtests

Status Summary

Firefox

OK : 3
PASS: 13
FAIL: 146

Chrome

OK : 3
PASS: 13
FAIL: 146

Safari

OK : 3
PASS: 13
FAIL: 146

Links

GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /css/css-borders/tentative/parsing/corner-shape-computed.html [wpt.fyi]
    • Property corner-top-left-shape value 'round': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'scoop': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'superellipse(5)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'superellipse(0.2)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'superellipse(0)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'superellipse(infinity)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'superellipse(2)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'superellipse(1)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'superellipse(4)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-left-shape value 'superellipse( .5)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-right-shape value 'round': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-top-right-shape value 'superellipse(5)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-bottom-right-shape value 'scoop': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-bottom-left-shape value 'superellipse(5)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'superellipse(5) round': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'round': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'bevel superellipse(0.1) round squircle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'superellipse(0.1) superellipse(3) superellipse(7) superellipse(0.1)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'round round round round': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'round scoop': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'round scoop round scoop': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'bevel superellipse(2)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'superellipse(0.5) superellipse(3) straight': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'superellipse(0.5) superellipse(3) superellipse(1)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'bevel superellipse(2) squircle round': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property corner-shape value 'superellipse(0.5) superellipse(3) superellipse(1) superellipse(infinity)': FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-borders/tentative/parsing/corner-shape-valid.html [wpt.fyi]
    • e.style['corner-top-left-shape'] = "round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "notch" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "bevel" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "squircle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "superellipse(.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "superellipse(7)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "superellipse(0.3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "superellipse( 0)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "superellipse(2 )" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-left-shape'] = "superellipse(calc(0.5 * 4))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "notch" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "bevel" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "squircle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "superellipse(.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "superellipse(7)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "superellipse(0.3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "superellipse( 0)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "superellipse(2 )" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-top-right-shape'] = "superellipse(calc(0.5 * 4))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "notch" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "bevel" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "squircle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "superellipse(.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "superellipse(7)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "superellipse(0.3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "superellipse( 0)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "superellipse(2 )" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-left-shape'] = "superellipse(calc(0.5 * 4))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "notch" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "bevel" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "squircle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "superellipse(.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "superellipse(7)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "superellipse(0.3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "superellipse( 0)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "superellipse(2 )" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-bottom-right-shape'] = "superellipse(calc(0.5 * 4))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "notch" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "bevel" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "squircle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "superellipse(.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "superellipse(7)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "superellipse(0.3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "superellipse( 0)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "superellipse(2 )" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-start-shape'] = "superellipse(calc(0.5 * 4))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "notch" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "bevel" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "squircle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "superellipse(.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "superellipse(7)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "superellipse(0.3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "superellipse( 0)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "superellipse(2 )" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-start-end-shape'] = "superellipse(calc(0.5 * 4))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "notch" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "bevel" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "squircle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "superellipse(.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "superellipse(7)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "superellipse(0.3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "superellipse( 0)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "superellipse(2 )" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-start-shape'] = "superellipse(calc(0.5 * 4))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "notch" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "bevel" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "squircle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "superellipse(.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "superellipse(7)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "superellipse(0.3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "superellipse( 0)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "superellipse(2 )" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-end-end-shape'] = "superellipse(calc(0.5 * 4))" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-shape'] = "round round round round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-shape'] = "round scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-shape'] = "round scoop round scoop" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-shape'] = "bevel superellipse(2)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-shape'] = "superellipse(0.5) superellipse(3) straight" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-shape'] = "superellipse(0.5) superellipse(3) superellipse(1)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-shape'] = "bevel superellipse(2) squircle round" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['corner-shape'] = "superellipse(0.5) superellipse(3) superellipse(1) superellipse(infinity)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/e7d87b3d1a0b [wpt PR 50617] - Parse the corner-shape shorthand, a=testonly https://hg.mozilla.org/integration/autoland/rev/7d023b4752c2 [wpt PR 50617] - Update wpt metadata, a=testonly

https://hg.mozilla.org/mozilla-central/rev/e7d87b3d1a0b
https://hg.mozilla.org/mozilla-central/rev/7d023b4752c2

Status: NEW → RESOLVED
Closed: 12 days ago
status-firefox137: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 137 Branch
You need to log in before you can comment on or make changes to this bug.