[wpt-sync] Sync PR 50118 - [@container] More tests for comma separated and name-only queries
Categories
(Core :: CSS Parsing and Computation, task, P4)
Tracking
()
Tracking | Status | |
---|---|---|
firefox136 | --- | fixed |
People
(Reporter: wpt-sync, Unassigned)
References
()
Details
(Whiteboard: [wptsync downstream])
Sync web-platform-tests PR 50118 into mozilla-central (this bug is closed when the sync is complete).
PR: https://github.com/web-platform-tests/wpt/pull/50118
Details from upstream follow.
Rune Lillesveen <futhark@chromium.org> wrote:
[@container] More tests for comma separated and name-only queries
Bug: 41491726, 40287550
Change-Id: Ic236631f4ab708bc043e590092712c0fce14971c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6176970
Reviewed-by: Anders Hartvoll Ruud \<andruud@chromium.org>
Commit-Queue: Rune Lillesveen \<futhark@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1407229}
Assignee | ||
Updated•1 month ago
|
Assignee | ||
Comment 1•1 month ago
|
||
Assignee | ||
Comment 2•1 month ago
|
||
CI Results
Ran 9 Firefox configurations based on mozilla-central, and Firefox, and Chrome on GitHub CI
Total 158 tests and 2 subtests
Status Summary
Firefox
OK
: 108[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview] 109[Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows11-32-2009-qr-debug, Gecko-windows11-32-2009-qr-opt, Gecko-windows11-64-2009-qr-debug, Gecko-windows11-64-2009-qr-opt, GitHub]
PASS
: 736[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview] 737[Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows11-32-2009-qr-debug, Gecko-windows11-32-2009-qr-opt, Gecko-windows11-64-2009-qr-debug, Gecko-windows11-64-2009-qr-opt, GitHub]
FAIL
: 100[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview, Gecko-android-em-7.0-x86_64-qr-debug-geckoview, Gecko-android-em-7.0-x86_64-qr-opt-geckoview] 101[Gecko-linux1804-64-qr-debug, Gecko-linux1804-64-qr-opt, Gecko-windows11-32-2009-qr-debug, Gecko-windows11-32-2009-qr-opt, Gecko-windows11-64-2009-qr-debug, Gecko-windows11-64-2009-qr-opt, GitHub]
PRECONDITION_FAILED
: 1
ERROR
: 49
NOTRUN
: 6
Chrome
OK
: 158
PASS
: 1102
FAIL
: 23
Links
Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base
Details
New Tests That Don't Pass
- /css/css-conditional/container-queries/at-container-parsing.html [wpt.fyi]
- @container rule should be valid: @container (width: 100px), (height: 100px) {} {}:
FAIL
(Chrome:FAIL
) - @container rule should be valid: @container (width),(height) , (inline-size > 20px) {} {}:
FAIL
(Chrome:FAIL
) - @container rule should be valid: @container (width), name (height) {} {}:
FAIL
(Chrome:FAIL
) - @container rule should be valid: @container --foo {} {}:
FAIL
(Chrome:FAIL
) - @container rule should be valid: @container container {} {}:
FAIL
(Chrome:FAIL
) - @container rule should be valid: @container container, container2 {} {}:
FAIL
(Chrome:FAIL
)
- @container rule should be valid: @container (width: 100px), (height: 100px) {} {}:
- /css/css-conditional/container-queries/at-container-serialization.html [wpt.fyi]
- @container conditionText serialization: (width),(height) ,--foo ,--bar:
FAIL
(Chrome:FAIL
)
- @container conditionText serialization: (width),(height) ,--foo ,--bar:
- /css/css-conditional/container-queries/at-container-style-parsing.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/at-container-style-serialization.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/auto-scrollbars.html [wpt.fyi]:
OK
[Gecko-linux1804-64-qr-debug
,Gecko-linux1804-64-qr-opt
,Gecko-windows11-32-2009-qr-debug
,Gecko-windows11-32-2009-qr-opt
,Gecko-windows11-64-2009-qr-debug
,Gecko-windows11-64-2009-qr-opt
,GitHub
],PRECONDITION_FAILED
[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview
,Gecko-android-em-7.0-x86_64-qr-debug-geckoview
,Gecko-android-em-7.0-x86_64-qr-opt-geckoview
] (Chrome:OK
) - /css/css-conditional/container-queries/container-for-shadow-dom.html [wpt.fyi]
- Container name set inside a shadow tree should not match query for host child on the outside:
FAIL
(Chrome:PASS
) - Container name set on :host from inside a shadow tree not matching query for slotted from the outside of the shadow tree:
FAIL
(Chrome:PASS
)
- Container name set inside a shadow tree should not match query for host child on the outside:
- /css/css-conditional/container-queries/container-name-tree-scoped.html [wpt.fyi]
- Outer scope query should not match container-name set by :host rule in shadow tree:
FAIL
(Chrome:PASS
) - Outer scope query should not match container-name set by ::slotted rule in shadow tree:
FAIL
(Chrome:PASS
)
- Outer scope query should not match container-name set by :host rule in shadow tree:
- /css/css-conditional/container-queries/container-selection-unknown-features.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/container-units-computational-independence.html [wpt.fyi]
- Container relative unit cqw is not computationally independent:
FAIL
(Chrome:PASS
) - Container relative unit cqh is not computationally independent:
FAIL
(Chrome:PASS
) - Container relative unit cqi is not computationally independent:
FAIL
(Chrome:PASS
) - Container relative unit cqb is not computationally independent:
FAIL
(Chrome:PASS
) - Container relative unit cqmin is not computationally independent:
FAIL
(Chrome:PASS
) - Container relative unit cqmax is not computationally independent:
FAIL
(Chrome:PASS
)
- Container relative unit cqw is not computationally independent:
- /css/css-conditional/container-queries/container-units-svglength.html [wpt.fyi]
- unitType with container-relative units:
FAIL
(Chrome:PASS
) - cqw,cqh can be resolved:
FAIL
(Chrome:PASS
) - cqi,cqb can be resolved:
FAIL
(Chrome:PASS
) - cqmin,cqmax can be resolved:
FAIL
(Chrome:PASS
) - calc() with container-relative units can be resolved:
FAIL
(Chrome:PASS
) - Can modify value with container-relative units:
FAIL
(Chrome:PASS
) - CSS Container Queries Test: container-relative units in SVGLength:
FAIL
(Chrome:PASS
)
- unitType with container-relative units:
- /css/css-conditional/container-queries/container-units-typed-om.html [wpt.fyi]
- CSS.cqw function:
FAIL
(Chrome:PASS
) - Reify value with cqw unit:
FAIL
(Chrome:PASS
) - Set value with cqw unit (string):
FAIL
(Chrome:PASS
) - Set value with cqw unit (CSS.cqw):
FAIL
(Chrome:PASS
) - CSS.cqh function:
FAIL
(Chrome:PASS
) - Reify value with cqh unit:
FAIL
(Chrome:PASS
) - Set value with cqh unit (string):
FAIL
(Chrome:PASS
) - Set value with cqh unit (CSS.cqh):
FAIL
(Chrome:PASS
) - CSS.cqi function:
FAIL
(Chrome:PASS
) - Reify value with cqi unit:
FAIL
(Chrome:PASS
) - Set value with cqi unit (string):
FAIL
(Chrome:PASS
) - Set value with cqi unit (CSS.cqi):
FAIL
(Chrome:PASS
) - CSS.cqb function:
FAIL
(Chrome:PASS
) - Reify value with cqb unit:
FAIL
(Chrome:PASS
) - Set value with cqb unit (string):
FAIL
(Chrome:PASS
) - Set value with cqb unit (CSS.cqb):
FAIL
(Chrome:PASS
) - CSS.cqmin function:
FAIL
(Chrome:PASS
) - Reify value with cqmin unit:
FAIL
(Chrome:PASS
) - Set value with cqmin unit (string):
FAIL
(Chrome:PASS
) - Set value with cqmin unit (CSS.cqmin):
FAIL
(Chrome:PASS
) - CSS.cqmax function:
FAIL
(Chrome:PASS
) - Reify value with cqmax unit:
FAIL
(Chrome:PASS
) - Set value with cqmax unit (string):
FAIL
(Chrome:PASS
) - Set value with cqmax unit (CSS.cqmax):
FAIL
(Chrome:PASS
)
- CSS.cqw function:
- /css/css-conditional/container-queries/custom-property-style-queries.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/custom-property-style-query-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/display-contents-dynamic-style-queries.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/display-none.html [wpt.fyi]
- getComputedStyle when intermediate ancestor is display:none:
FAIL
(Chrome:PASS
) - getComputedStyle when display:none inner container has forced style:
FAIL
(Chrome:PASS
)
- getComputedStyle when intermediate ancestor is display:none:
- /css/css-conditional/container-queries/font-relative-units-dynamic.html [wpt.fyi]
- rex units respond to changes:
FAIL
(Chrome:PASS
) - cap units respond to changes:
FAIL
(Chrome:PASS
) - rch units respond to changes:
FAIL
(Chrome:PASS
) - ric units respond to changes:
FAIL
(Chrome:PASS
) - rcap units respond to changes:
FAIL
(Chrome:PASS
)
- rex units respond to changes:
- /css/css-conditional/container-queries/font-relative-units.html [wpt.fyi]
- rex relative inline-size:
FAIL
(Chrome:PASS
) - rch relative inline-size:
FAIL
(Chrome:PASS
) - ric relative inline-size:
FAIL
(Chrome:PASS
) - rcap relative inline-size:
FAIL
(Chrome:PASS
)
- rex relative inline-size:
- /css/css-conditional/container-queries/multiple-size-containers-comma-separated-queries.html [wpt.fyi]
- Should match the named outer container for width > 400px:
FAIL
(Chrome:FAIL
)
- Should match the named outer container for width > 400px:
- /css/css-conditional/container-queries/multiple-style-containers-comma-separated-queries.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/nested-query-containers.html [wpt.fyi]
- test5 - inline - 0b100:
FAIL
(Chrome:PASS
)
- test5 - inline - 0b100:
- /css/css-conditional/container-queries/nested-size-style-container-invalidation.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/percentage-padding-orthogonal.html [wpt.fyi]
- #container height measured with 500px width. Both container children visible:
FAIL
(Chrome:PASS
) - #container width 400px after padding is applied.:
FAIL
(Chrome:PASS
) - #container width 400px after padding is applied. #second is removed from the rendering:
FAIL
(Chrome:PASS
) - #container height measured with 499px width. Both container children visible:
FAIL
(Chrome:PASS
) - #container width 399px after padding is applied. #second is removed from the rendering:
FAIL
(Chrome:PASS
) - #container width 399x after padding is applied. #second is removed from the rendering:
FAIL
(Chrome:PASS
)
- #container height measured with 500px width. Both container children visible:
- /css/css-conditional/container-queries/pseudo-elements-005.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/query-container-name.html [wpt.fyi]
- match closest named container:
FAIL
(Chrome:FAIL
) - match ancestor named container:
FAIL
(Chrome:FAIL
)
- match closest named container:
- /css/css-conditional/container-queries/query-content-box.html [wpt.fyi]
- Size queries with content-box sizing and overflow:scroll:
FAIL
(Chrome:PASS
) - Size queries with border-box sizing and overflow:scroll:
FAIL
(Chrome:PASS
) - Size queries with content-box sizing and scrollbar-gutter:stable:
FAIL
(Chrome:PASS
) - Size queries with border-box sizing and scrollbar-gutter:stable:
FAIL
(Chrome:PASS
)
- Size queries with content-box sizing and overflow:scroll:
- /css/css-conditional/container-queries/query-evaluation-style.html [wpt.fyi]
- style((--foo: bar)):
FAIL
(Chrome:PASS
) - style(not (--baz: qux)):
FAIL
(Chrome:PASS
) - style((--foo: bar) and (--foo: bar)):
FAIL
(Chrome:PASS
) - style((--foo: bar) and (--foo: bar) and (--foo: bar)):
FAIL
(Chrome:PASS
) - style((--foo: bar) or (--foo: bar)):
FAIL
(Chrome:PASS
) - style((--foo: bar) or (--foo: bar) or (--foo: bar)):
FAIL
(Chrome:PASS
) - style((--baz: qux) or (--foo: bar) or (--foo: bar)):
FAIL
(Chrome:PASS
) - style((--foo: bar) or (--baz: qux) or (--foo: bar)):
FAIL
(Chrome:PASS
) - style((--foo: bar) or (--foo: bar) or (--baz: qux)):
FAIL
(Chrome:PASS
) - style(not ((--foo: bar) and (--baz: qux))):
FAIL
(Chrome:PASS
) - style((--baz: qux) or (not ((--baz: qux) and (--foo: bar)))):
FAIL
(Chrome:PASS
)
- style((--foo: bar)):
- /css/css-conditional/container-queries/query-evaluation.html [wpt.fyi]
- ((unknown) or (width) or (width)):
FAIL
(Chrome:PASS
) - ((width) or (unknown) or (width)):
FAIL
(Chrome:PASS
) - ((width) or (width) or (unknown)):
FAIL
(Chrome:PASS
) - ((unknown) or (height) or (width)):
FAIL
(Chrome:PASS
)
- ((unknown) or (width) or (width)):
- /css/css-conditional/container-queries/registered-color-style-queries.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/at-container-scrollable-parsing.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/at-container-scrollable-serialization.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/at-container-snapped-parsing.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/at-container-snapped-serialization.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/at-container-stuck-parsing.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/at-container-stuck-serialization.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/container-type-scroll-state-computed.html [wpt.fyi]
- Property container-type value 'scroll-state':
FAIL
(Chrome:PASS
) - Property container-type value 'scroll-state size':
FAIL
(Chrome:PASS
) - Property container-type value 'inline-size scroll-state':
FAIL
(Chrome:PASS
)
- Property container-type value 'scroll-state':
- /css/css-conditional/container-queries/scroll-state/container-type-scroll-state-containment.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/container-type-scroll-state-parsing.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/multiple-scroll-state-containers-comma-separated-queries.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-initially-scrollable.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-initially-snapped.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-initially-stuck.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-query-with-var.html [wpt.fyi]:
ERROR
(Chrome:OK
)- Matching --match-unknown:
NOTRUN
(Chrome:PASS
) - Matching --match-unknown-fallback:
NOTRUN
(Chrome:FAIL
) - Matching --match-unregistered:
NOTRUN
(Chrome:FAIL
) - Matching --match-unregistered-number:
NOTRUN
(Chrome:PASS
) - Matching --match-registered:
NOTRUN
(Chrome:FAIL
) - Matching --match-registered-number:
NOTRUN
(Chrome:PASS
)
- Matching --match-unknown:
- /css/css-conditional/container-queries/scroll-state/scroll-state-scrollable-axis.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-scrollable-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-scrollable-container-type-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-scrollable-layout-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-scrollable-pseudo.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-scrollable-wm.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-snapped-both.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-snapped-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-snapped-container-type-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-snapped-layout-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-snapped-none.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-snapped-pseudo.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-snapped-snap-changing.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-snapped-wm.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-stuck-container-type-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-stuck-layout-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-stuck-pseudo.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-stuck-writing-direction.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/scroll-state/scroll-state-target-query-change.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/sibling-layout-dependency.html [wpt.fyi]
- Sibling style mutation:
FAIL
(Chrome:PASS
) - Sibling style mutation, parent is affected:
FAIL
(Chrome:PASS
) - Sibling style mutation, ancestor is affected:
FAIL
(Chrome:PASS
) - Sibling text mutation:
FAIL
(Chrome:PASS
)
- Sibling style mutation:
- /css/css-conditional/container-queries/size-query-with-var.html [wpt.fyi]
- Matching --match-unknown-fallback:
FAIL
(Chrome:FAIL
) - Matching --match-unregistered:
FAIL
(Chrome:FAIL
) - Matching --match-registered:
FAIL
(Chrome:FAIL
)
- Matching --match-unknown-fallback:
- /css/css-conditional/container-queries/style-container-for-shadow-dom.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/style-container-invalidation-inheritance.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/style-query-document-element.html [wpt.fyi]
- style query should evaluate to true:
FAIL
(Chrome:PASS
)
- style query should evaluate to true:
- /css/css-conditional/container-queries/style-query-guaranteed-invalid.tentative.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/style-query-no-cycle.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/style-query-registered-custom-invalid.tentative.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/style-query-unset-on-root.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/style-query-with-unknown-width.html [wpt.fyi]:
ERROR
(Chrome:OK
) - /css/css-conditional/container-queries/transition-scrollbars.html [wpt.fyi]
- Scrollbars do not cause a transition of background-color:
FAIL
[Gecko-linux1804-64-qr-debug
,Gecko-linux1804-64-qr-opt
,Gecko-windows11-32-2009-qr-debug
,Gecko-windows11-32-2009-qr-opt
,Gecko-windows11-64-2009-qr-debug
,Gecko-windows11-64-2009-qr-opt
,GitHub
],PASS
[Gecko-android-em-7.0-x86_64-lite-qr-opt-geckoview
,Gecko-android-em-7.0-x86_64-qr-debug-geckoview
,Gecko-android-em-7.0-x86_64-qr-opt-geckoview
] (Chrome:PASS
)
- Scrollbars do not cause a transition of background-color:
- /css/css-conditional/container-queries/var-evaluation.html [wpt.fyi]
- inline-size with var-substitution:
FAIL
(Chrome:FAIL
)
- inline-size with var-substitution:
Comment 4•1 month ago
|
||
bugherder |
https://hg.mozilla.org/mozilla-central/rev/82120ce36400
https://hg.mozilla.org/mozilla-central/rev/b7d9299e9f4a
Description
•