1783377 - [wpt-sync] Sync PR 35349 - Add tests for viewport dependent media queries inside iframe

Status: RESOLVED FIXED

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

Description

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

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

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

Ryosuke Niwa <[e-mail]> wrote:

Add tests for viewport dependent media queries inside iframe

This was written for WebKit: https://commits.webkit.org/253123@main

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=08a473b23549d19e93efb02b468da0e1b7d48253

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, and Chrome on GitHub CI

Total 1 tests and 22 subtests

Status Summary

Firefox

OK : 1
FAIL: 22

Chrome

OK : 1
PASS: 12
FAIL: 10

Links

GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

• /css/mediaqueries/media-query-matches-in-iframe.html [wpt.fyi]
  • matchMedia('(max-width: 150px)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(width: 100px)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(orientation: portrait)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(aspect-ratio: 1/1)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(max-aspect-ratio: 4/3)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(height: 100px)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(max-height: 150px)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(min-aspect-ratio: 3/4)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(min-height: 150px)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(aspect-ratio: 1/2)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(min-width: 150px)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(min-aspect-ratio: 4/3)').matches should update immediately: FAIL (Chrome: PASS)
  • matchMedia('(max-width: 150px)') should not receive a change event until update the rendering step of HTML5 event loop: FAIL (Chrome: FAIL)
  • matchMedia('(width: 100px)') should not receive a change event until update the rendering step of HTML5 event loop: FAIL (Chrome: FAIL)
  • matchMedia('(orientation: portrait)') should not receive a change event until update the rendering step of HTML5 event loop: FAIL (Chrome: FAIL)
  • matchMedia('(aspect-ratio: 1/1)') should not receive a change event until update the rendering step of HTML5 event loop: FAIL (Chrome: FAIL)
  • matchMedia('(max-aspect-ratio: 4/3)') should not receive a change event until update the rendering step of HTML5 event loop: FAIL (Chrome: FAIL)
  • matchMedia('(max-width: 150px)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called: FAIL (Chrome: FAIL)
  • matchMedia('(width: 100px)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called: FAIL (Chrome: FAIL)
  • matchMedia('(orientation: portrait)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called: FAIL (Chrome: FAIL)
  • matchMedia('(aspect-ratio: 1/1)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called: FAIL (Chrome: FAIL)
  • matchMedia('(max-aspect-ratio: 4/3)') should receive a change event after resize event on the window but before a requestAnimationFrame callback is called: FAIL (Chrome: FAIL)

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/ec9f96057209
[wpt PR 35349] - Add tests for viewport dependent media queries inside iframe, a=testonly
https://hg.mozilla.org/integration/autoland/rev/bc8da6e33afd
[wpt PR 35349] - Update wpt metadata, a=testonly

Comment 4

[Cristina Cozmuta (:CrissCozmuta)]

https://hg.mozilla.org/mozilla-central/rev/ec9f96057209
https://hg.mozilla.org/mozilla-central/rev/bc8da6e33afd