1879110 - [wpt-sync] Sync PR 44442 - Implement media-progress() function

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 44442 into mozilla-central (this bug is closed when the sync is complete).

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

Daniil Sakhapov <[e-mail]> wrote:

Implement media-progress() function

As introduced in https://drafts.csswg.org/css-values-5/#media-progress-func
The media-progress() functional notation returns a \<number> value
representing current value of the specified media query as a progress value
between two explicit values of the media query.

Note: now it's an editor's draft with a very strong chances to be accepted.
Change-Id: I6bc2ae310d96ba45693e77aa76b15627b4cd66ce
Reviewed-on: https://chromium-review.googlesource.com/5277337
WPT-Export-Revision: b4095f4aa565b6d49db5a673a2f875c4deaf25bc

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=7c167c00e6f9f239dc930c0b3cfb0b68bf4eb83c

Comment 2

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

CI Results

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

Total 4 tests and 26 subtests

Status Summary

Firefox

OK : 4
PASS: 30
FAIL: 43

Chrome

OK : 4
PASS: 48
FAIL: 25

Safari

OK : 4
PASS: 30
FAIL: 43

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

• /css/css-values/media-progress-computed.tentative.html [wpt.fyi]
  • media-progress(height from 0px to 1px) should be used-value-equivalent to 1136: FAIL
  • media-progress(height from media-progress(height from 0px to 1px) * 1px to media-progress(height from 0px to 1px) * 1px) should be used-value-equivalent to 0: FAIL (Chrome: FAIL, Safari: FAIL)
  • media-progress(height from media-progress(height from 0px to 1px) * 0.5px to media-progress(height from 0px to 1px) * 1px) should be used-value-equivalent to 1: FAIL (Chrome: FAIL, Safari: FAIL)
  • calc(media-progress(width from 0px to 50px) * 10px + 100px) should be used-value-equivalent to 260px: FAIL
  • calc(media-progress(height from 10px to sign(50px - 500em) * 10px)) should be used-value-equivalent to -56.3: FAIL
  • calc(media-progress(width from 0px to 1px) * 1px) should be used-value-equivalent to 800px: FAIL
  • calc(media-progress(height from 0px to 1px) * 1s) should be used-value-equivalent to 1136s: FAIL
  • calc(media-progress(width from 0px to 1px) * 1deg) should be used-value-equivalent to 800deg: FAIL
  • media-progress(height from 0px to 1px) should be used-value-equivalent to 891: FAIL
  • calc(media-progress(width from 0px to 50px) * 10px + 100px) should be used-value-equivalent to 356px: FAIL
  • calc(media-progress(height from 10px to sign(50px - 500em) * 10px)) should be used-value-equivalent to -44.05: FAIL
  • calc(media-progress(width from 0px to 1px) * 1px) should be used-value-equivalent to 1280px: FAIL
  • calc(media-progress(height from 0px to 1px) * 1s) should be used-value-equivalent to 891s: FAIL
  • calc(media-progress(width from 0px to 1px) * 1deg) should be used-value-equivalent to 1280deg: FAIL
  • media-progress(height from 0px to 1px) should be used-value-equivalent to 955: FAIL
  • calc(media-progress(height from 10px to sign(50px - 500em) * 10px)) should be used-value-equivalent to -47.25: FAIL
  • calc(media-progress(height from 0px to 1px) * 1s) should be used-value-equivalent to 955s: FAIL
  • media-progress(height from 0px to 1px) should be used-value-equivalent to 892: FAIL
  • calc(media-progress(height from 10px to sign(50px - 500em) * 10px)) should be used-value-equivalent to -44.1: FAIL
  • calc(media-progress(height from 0px to 1px) * 1s) should be used-value-equivalent to 892s: FAIL
• /css/css-values/media-progress-serialize.tentative.html [wpt.fyi]
  • 'media-progress(width from 0px to 1000px)' as a specified value should serialize as 'media-progress(width from 0px to 1000px)'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(media-progress(width from 0px to 1000px))' as a specified value should serialize as 'scale(media-progress(width from 0px to 1000px))'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'media-progress(width from 0px to 1000px)' as a computed value should serialize as '0.8'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(media-progress(width from 0px to 1000px))' as a computed value should serialize as 'matrix(0.8, 0, 0, 0.8, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'calc(0.1 * media-progress(height from 0px to 10em))' as a specified value should serialize as 'calc(0.1 * media-progress(height from 0px to 10em))'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(calc(0.1 * media-progress(height from 0px to 10em)))' as a specified value should serialize as 'scale(calc(0.1 * media-progress(height from 0px to 10em)))'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'calc(0.1 * media-progress(height from 0px to 10em))' as a computed value should serialize as '0.6'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(calc(0.1 * media-progress(height from 0px to 10em)))' as a computed value should serialize as 'matrix(0.6, 0, 0, 0.6, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'calc(media-progress(width from 0px to 100px) / 20)' as a specified value should serialize as 'calc(media-progress(width from 0px to 100px) / 20)'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(calc(media-progress(width from 0px to 100px) / 20))' as a specified value should serialize as 'scale(calc(media-progress(width from 0px to 100px) / 20))'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'calc(media-progress(width from 0px to 100px) / 20)' as a computed value should serialize as '0.4'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(calc(media-progress(width from 0px to 100px) / 20))' as a computed value should serialize as 'matrix(0.4, 0, 0, 0.4, 0, 0)'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'calc(1px * media-progress(height from abs(11em - 10rem) to 110px / 10))' as a computed value should serialize as '590px'.: FAIL (Chrome: FAIL, Safari: FAIL)
• /css/css-values/progress-serialize.tentative.html [wpt.fyi]
  • 'progress(100px from 0px to 100px)' as a specified value should serialize as 'calc(1)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'scale(progress(100px from 0px to 100px))' as a specified value should serialize as 'scale(calc(1))'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'scale(progress(100px from 0px to 100px))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'progress(10em from 0px to 10em)' as a specified value should serialize as 'progress(10em from 0px to 10em)'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(progress(10em from 0px to 10em))' as a specified value should serialize as 'scale(progress(10em from 0px to 10em))'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(progress(10em from 0px to 10em))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'progress(10em from 0px to 10rem)' as a specified value should serialize as 'progress(10em from 0px to 10rem)'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(progress(10em from 0px to 10rem))' as a specified value should serialize as 'scale(progress(10em from 0px to 10rem))'.: FAIL (Chrome: FAIL, Safari: FAIL)
  • 'scale(progress(10em from 0px to 10rem))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'progress(100px from (10px - 10px) to 100px)' as a specified value should serialize as 'calc(1)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'scale(progress(100px from (10px - 10px) to 100px))' as a specified value should serialize as 'scale(calc(1))'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'scale(progress(100px from (10px - 10px) to 100px))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'progress(1% from (10% - 10%) to 100%)' as a specified value should serialize as 'calc(0.01)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'scale(progress(1% from (10% - 10%) to 100%))' as a specified value should serialize as 'scale(calc(0.01))'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'progress(1% from (10% - 10%) to 100%)' as a computed value should serialize as '0.01'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'scale(progress(1% from (10% - 10%) to 100%))' as a computed value should serialize as 'matrix(0.01, 0, 0, 0.01, 0, 0)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'calc(0.5 * progress(100px from 0px to 100px))' as a specified value should serialize as 'calc(0.5)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'scale(calc(0.5 * progress(100px from 0px to 100px)))' as a specified value should serialize as 'scale(calc(0.5))'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'calc(0.5 * progress(100px from 0px to 100px))' as a computed value should serialize as '0.5'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'scale(calc(0.5 * progress(100px from 0px to 100px)))' as a computed value should serialize as 'matrix(0.5, 0, 0, 0.5, 0, 0)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'calc(50px * progress(100px from 0px to 100px))' as a specified value should serialize as 'calc(50px)'.: FAIL (Chrome: PASS, Safari: FAIL)
  • 'calc(1px * progress(abs(10%) from (10% - 10%) to 100% / 10))' as a computed value should serialize as '1px'.: FAIL (Chrome: PASS, Safari: FAIL)

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/55e867522ba4
[wpt PR 44442] - Implement media-progress() function, a=testonly
https://hg.mozilla.org/integration/autoland/rev/b6453d8dc3b8
[wpt PR 44442] - Update wpt metadata, a=testonly

Comment 4

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/55e867522ba4
https://hg.mozilla.org/mozilla-central/rev/b6453d8dc3b8