Closed Bug 1880076 Opened 8 months ago Closed 7 months ago

[wpt-sync] Sync PR 44559 - Add support for math expressions for border-image-slice interpolation

Categories

(Core :: Layout: Images, Video, and HTML Frames, task, P4)

Product:
Core
Component:
Layout: Images, Video, and HTML Frames
Type:
task

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: wpt-sync, Unassigned)

References

(Blocks 1 open bug,
URL
)

Details

(Whiteboard: [wptsync downstream])

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

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

Daniil Sakhapov <sakhapov@chromium.org> wrote:

Add support for math expressions for border-image-slice interpolation

Bug: 41494232
Change-Id: Ib5034ff7e6617334cfa51add578a4636a4250e85
Reviewed-on: https://chromium-review.googlesource.com/5290856
WPT-Export-Revision: 396750deccd1a0e9e773e2650f45f9c1aa412a83

Component: web-platform-tests → Layout: Images, Video, and HTML Frames
Product: Testing → Core
Status: NEW → RESOLVED
Closed: 7 months ago
Resolution: --- → INVALID
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]

CI Results

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

Total 1 tests and 72 subtests

Status Summary

Firefox

OK : 1
FAIL: 72

Chrome

OK : 1
PASS: 8
FAIL: 64

Safari

OK : 1
PASS: 8
FAIL: 64

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

Firefox-only Failures

  • /css/css-images/animation/image-slice-interpolation-math-functions-tentative.html [wpt.fyi]
    • CSS Transitions: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL
    • CSS Transitions with transition: all: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL
    • CSS Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL
    • Web Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL
    • CSS Transitions: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0) should be [100%]: FAIL
    • CSS Transitions with transition: all: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0) should be [100%]: FAIL
    • CSS Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0) should be [100%]: FAIL
    • Web Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0) should be [100%]: FAIL

New Tests That Don't Pass

  • /css/css-images/animation/image-slice-interpolation-math-functions-tentative.html [wpt.fyi]
    • CSS Transitions: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (-1) should be [20]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0) should be [100]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.125) should be [110]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (0.875) should be [170]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (1) should be [180]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100] to [calc(sign(20rem - 20px) * 180)] at (2) should be [260]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (-1) should be [20%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0) should be [100%]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0.125) should be [110%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0.875) should be [170%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (1) should be [180%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (2) should be [260%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (-1) should be [20%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0) should be [100%]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Transitions with transition: all: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0.125) should be [110%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0.875) should be [170%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (1) should be [180%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (2) should be [260%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (-1) should be [20%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0) should be [100%]: FAIL (Chrome: PASS, Safari: PASS)
    • CSS Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0.125) should be [110%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0.875) should be [170%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (1) should be [180%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (2) should be [260%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (-1) should be [20%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0) should be [100%]: FAIL (Chrome: PASS, Safari: PASS)
    • Web Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0.125) should be [110%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (0.875) should be [170%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (1) should be [180%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [100%] to [calc(sign(20rem - 20px) * 180%)] at (2) should be [260%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (-1) should be [20%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0) should be [100%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0.125) should be [110%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0.875) should be [170%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (1) should be [180%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (2) should be [260%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (-1) should be [20%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0) should be [100%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0.125) should be [110%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0.875) should be [170%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (1) should be [180%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (2) should be [260%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (-1) should be [20%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0) should be [100%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0.125) should be [110%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0.875) should be [170%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (1) should be [180%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (2) should be [260%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (-1) should be [20%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0) should be [100%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0.125) should be [110%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (0.875) should be [170%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (1) should be [180%]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <border-image-slice> from [calc(sign(20rem - 20px) * 100%)] to [calc(progress(10rem from 20px to 100px) * 180%)] at (2) should be [260%]: FAIL (Chrome: FAIL, Safari: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/2f8bbb9e7910 [wpt PR 44559] - Add support for math expressions for border-image-slice interpolation, a=testonly https://hg.mozilla.org/integration/autoland/rev/33a0f61d6e0c [wpt PR 44559] - Update wpt metadata, a=testonly
You need to log in before you can comment on or make changes to this bug.