Closed Bug 1765420 Opened 2 years ago Closed 2 years ago

[wpt-sync] Sync PR 33701 - Add CSS property support for CSS Toggles.

Categories

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

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

Tracking

()

Status:
RESOLVED FIXED
Milestone:
102 Branch
Tracking Flags:
Tracking Status
firefox102 --- fixed

People

(Reporter: mozilla.org, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

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

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

L. David Baron <dbaron@chromium.org> wrote:

Add CSS property support for CSS Toggles.

(These properties are behind a runtime flag that is off.)

Bug: 1250716
Change-Id: Ib20789f99f832a5a0da0d418a8137751a1eca262
Reviewed-on: https://chromium-review.googlesource.com/3586020
WPT-Export-Revision: d044a67c2ac571e502f18b78c79caa2e5c24aba8

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

CI Results

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

Total 13 tests and 21 subtests

Status Summary

Firefox

OK : 13
PASS: 81
FAIL: 157

Chrome

OK : 13
PASS: 81
FAIL: 157

Safari

OK : 13
PASS: 81
FAIL: 157

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /css/css-toggle/parsing/toggle-computed.tentative.html [wpt.fyi]
    • Property toggle value 'none': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'sticky sticky': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'group group': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'self self': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle, yourtoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle, mytoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle 0 / 3 sticky self, yourtoggle 1 group self': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle 1 / 3 sticky self, yourtoggle 2 group self': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle 0/1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle +0/1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle 0/+1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle -0/1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle 2/+1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle calc(-3)/1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle 0/calc(-3)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle calc(-3)/7': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle 7/calc(-3)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle calc(6)/calc(9)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle calc(6.4)/calc(9.6)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle calc(6.5)/calc(-9.5)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle group sticky self, yourtoggle self sticky': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle value 'mytoggle group 1 / 2': FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-toggle/toggle-shorthand-serialization.tentative.html [wpt.fyi]
    • Serialization of toggle shorthand with toggle-trigger: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: none; toggle-trigger: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle; toggle-trigger: none;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: none; toggle-trigger: none;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle; toggle-trigger: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle, yourtoggle; toggle-trigger: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle; toggle-trigger: mytoggle, yourtoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle 2; toggle-trigger: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle 2; toggle-trigger: mytoggle 2;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle 2 / 1; toggle-trigger: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle 2 / 1; toggle-trigger: mytoggle 1;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle 2 / 1; toggle-trigger: mytoggle 2;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle 2 / 1 sticky group self; toggle-trigger: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
    • Serialization of toggle shorthand with toggle-root: mytoggle 4 / 2 self sticky group; toggle-trigger: mytoggle;: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-toggle/parsing/toggle-group-computed.tentative.html [wpt.fyi]
    • Property toggle-group value 'none': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-group value 'self self': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-group value 'mytoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-group value 'mytoggle, yourtoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-group value 'mytoggle, mytoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-group value 'mytoggle self, yourtoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-group value 'mytoggle self , yourtoggle self': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-group value 'mytoggle,yourtoggle self': FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-toggle/parsing/toggle-group-valid.tentative.html [wpt.fyi]
    • e.style['toggle-group'] = "none" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-group'] = "self self" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-group'] = "mytoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-group'] = "mytoggle, yourtoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-group'] = "mytoggle, mytoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-group'] = "mytoggle self, yourtoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-group'] = "mytoggle self , yourtoggle self" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-group'] = "mytoggle,yourtoggle self" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-toggle/parsing/toggle-root-computed.tentative.html [wpt.fyi]
    • Property toggle-root value 'none': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'sticky sticky': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'group group': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'self self': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle, yourtoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle, mytoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle 0 / 3 sticky self, yourtoggle 1 group self': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle 1 / 3 sticky self, yourtoggle 2 group self': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle 0/1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle +0/1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle 0/+1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle -0/1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle 2/+1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle calc(-3)/1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle 0/calc(-3)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle calc(-3)/7': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle 7/calc(-3)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle calc(6)/calc(9)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle calc(6.4)/calc(9.6)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle calc(6.5)/calc(-9.5)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle group sticky self, yourtoggle self sticky': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-root value 'mytoggle group 1 / 2': FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-toggle/parsing/toggle-root-valid.tentative.html [wpt.fyi]
    • e.style['toggle-root'] = "none" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "sticky sticky" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "group group" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "self self" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle, yourtoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle, mytoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle 0 / 3 sticky self, yourtoggle 1 group self" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle 0/1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle +0/1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle 0/+1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle -0/1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle calc(-3) / 1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle 0 / calc(-3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle calc(-3) / 7" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle 7 / calc(-3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle calc(6) / calc(9)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle calc(6.4) / calc(9.6)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle calc(6.5) / calc(-9.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle group sticky self, yourtoggle self sticky" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-root'] = "mytoggle group 1 / 2" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-toggle/parsing/toggle-trigger-computed.tentative.html [wpt.fyi]
    • Property toggle-trigger value 'none': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'self 1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'sticky 1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'group 1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle 0': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle +0': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle -0': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle +5': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle, yourtoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle, mytoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle 1, yourtoggle': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle 1 , yourtoggle 1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle,yourtoggle 1': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle calc(-3)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle calc(6)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle calc(6.4)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle calc(6.5)': FAIL (Chrome: FAIL, Safari: FAIL)
    • Property toggle-trigger value 'mytoggle calc(6.6)': FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-toggle/parsing/toggle-trigger-valid.tentative.html [wpt.fyi]
    • e.style['toggle-trigger'] = "none" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "self 1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "sticky 1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "group 1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle 0" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle +0" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle -0" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle +5" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle, yourtoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle, mytoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle 1, yourtoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle 1 , yourtoggle 1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle,yourtoggle 1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle calc(-3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle calc(6)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle calc(6.4)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle calc(6.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle-trigger'] = "mytoggle calc(6.6)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-toggle/parsing/toggle-valid.tentative.html [wpt.fyi]
    • e.style['toggle'] = "none" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "sticky sticky" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "group group" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "self self" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle, yourtoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle, mytoggle" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle 0 / 3 sticky self, yourtoggle 1 group self" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle 0/1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle +0/1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle 0/+1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle -0/1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle calc(-3) / 1" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle 0 / calc(-3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle calc(-3) / 7" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle 7 / calc(-3)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle calc(6) / calc(9)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle calc(6.4) / calc(9.6)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle calc(6.5) / calc(-9.5)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle group sticky self, yourtoggle self sticky" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['toggle'] = "mytoggle group 1 / 2" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
Pushed by wptsync@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/a08539a31feb
[wpt PR 33701] - Add CSS property support for CSS Toggles., a=testonly
https://hg.mozilla.org/integration/autoland/rev/c47ce134d106
[wpt PR 33701] - Update wpt metadata, a=testonly

https://hg.mozilla.org/mozilla-central/rev/a08539a31feb
https://hg.mozilla.org/mozilla-central/rev/c47ce134d106

Status: NEW → RESOLVED
Closed: 2 years ago
status-firefox102: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 102 Branch
You need to log in before you can comment on or make changes to this bug.