1774744 - [wpt-sync] Sync PR 34400 - [intersection-observer] Add a test for clip-path being accounted for

Status: RESOLVED FIXED

(Testing :: web-platform-tests, task, P4)

Description

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

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

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

Emilio Cobos Álvarez <[e-mail]> wrote:

[intersection-observer] Add a test for clip-path being accounted for

From https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo
step 3.3:

If container has a content clip or a css clip-path property, update
intersectionRect by applying container’s clip.

Comment 1

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Pushed to try (stability) https://treeherder.mozilla.org/#/jobs?repo=try&revision=20fc7daa2a11ce447d5b0929db7046f1ada1cc58

Comment 2

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

CI Results

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

Total 54 tests and 2 subtests

Status Summary

Firefox

OK : 54
PASS : 143
FAIL : 37

Chrome

OK : 54
PASS : 164
FAIL : 16

Safari

OK : 53
PASS : 146
FAIL : 33
TIMEOUT: 2

Links

GitHub PR Head
GitHub PR Base

Details

Firefox-only Failures

• /intersection-observer/bounding-box.html [wpt.fyi]
  • target.style.zoom = 2: FAIL linked bug:Bug 1774685
• /intersection-observer/cross-origin-iframe.sub.html [wpt.fyi]
  • First rAF: FAIL
  • topDocument.scrollingElement.scrollTop = 100: FAIL linked bug:Bug 1774685

New Tests That Don't Pass

• /intersection-observer/bounding-box.html [wpt.fyi]
  • target.style.zoom = 2: FAIL (Chrome: PASS, Safari: PASS)
• /intersection-observer/clip-path.html [wpt.fyi]
  • clip-path: FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/cross-origin-iframe.sub.html [wpt.fyi]
  • First rAF: FAIL (Chrome: PASS, Safari: PASS)
  • topDocument.scrollingElement.scrollTop = 100: FAIL (Chrome: PASS, Safari: PASS)
• /intersection-observer/target-in-different-window.html [wpt.fyi]
  • IntersectionObserver with target in a different window.: FAIL (Chrome: PASS, Safari: TIMEOUT)
• /intersection-observer/v2/blur-filter.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: FAIL, Safari: FAIL)
  • occluder.style.opacity = 0: FAIL (Chrome: FAIL, Safari: FAIL)
• /intersection-observer/v2/box-shadow.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: PASS, Safari: FAIL)
  • occluder.style.boxShadow = "none": FAIL (Chrome: PASS, Safari: FAIL)
  • occluder.style.boxShadow = "": FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/v2/cross-origin-effects.sub.html [wpt.fyi]
  • Intersection observer V2 test with visual effects on iframe.: FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/v2/cross-origin-occlusion.sub.html [wpt.fyi]
  • Intersection observer V2 test with occlusion of target in iframe.: FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/v2/delay-test.html [wpt.fyi]
  • 'delay' parameter throttles frequency of notifications.: FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/v2/drop-shadow-filter-vertical-rl.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: FAIL, Safari: FAIL)
  • occluder.style.opacity = 0: FAIL (Chrome: FAIL, Safari: FAIL)
• /intersection-observer/v2/iframe-target.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: FAIL, Safari: FAIL)
• /intersection-observer/v2/inline-occlusion.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: PASS, Safari: FAIL)
  • occluder.style.marginTop = '-10px': FAIL (Chrome: PASS, Safari: FAIL)
  • occluder.style.opacity = 0: FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/v2/position-relative.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/v2/scaled-target.html [wpt.fyi]
  • IntersectionObserver V2 test with scale applied to target.: FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/v2/simple-effects.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: FAIL, Safari: FAIL)
  • effects.style.opacity = 0.99: FAIL (Chrome: FAIL, Safari: FAIL)
  • effects.style.opacity = 1: FAIL (Chrome: FAIL, Safari: FAIL)
  • effects.style.filter = grayscale(50%): FAIL (Chrome: FAIL, Safari: FAIL)
• /intersection-observer/v2/simple-occlusion-svg-foreign-object.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: FAIL, Safari: FAIL)
  • svg.style.marginTop = '-10px': FAIL (Chrome: FAIL, Safari: FAIL)
  • occluder.style.opacity = 0: FAIL (Chrome: FAIL, Safari: FAIL)
• /intersection-observer/v2/simple-occlusion.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: FAIL, Safari: FAIL)
  • occluder.style.marginTop = '-10px': FAIL (Chrome: FAIL, Safari: FAIL)
  • occluder.style.opacity = 0: FAIL (Chrome: FAIL, Safari: FAIL)
• /intersection-observer/v2/text-editor-occlusion.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: PASS, Safari: FAIL)
  • occluder.style.marginTop = '-10px': FAIL (Chrome: PASS, Safari: FAIL)
  • occluder.style.opacity = 0: FAIL (Chrome: PASS, Safari: FAIL)
• /intersection-observer/v2/text-shadow.html [wpt.fyi]
  • First rAF.: FAIL (Chrome: PASS, Safari: FAIL)
  • occluder.style.textShadow = "none": FAIL (Chrome: PASS, Safari: FAIL)
  • occluder.style.textShadow = "": FAIL (Chrome: PASS, Safari: FAIL)

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/b75f2f3126ed
[wpt PR 34400] - [intersection-observer] Add a test for clip-path being accounted for, a=testonly
https://hg.mozilla.org/integration/autoland/rev/fe2df2ccda5f
[wpt PR 34400] - Update wpt metadata, a=testonly

Comment 4

[Cristian Tuns]

https://hg.mozilla.org/mozilla-central/rev/b75f2f3126ed
https://hg.mozilla.org/mozilla-central/rev/fe2df2ccda5f