Closed Bug 1743990 Opened 2 years ago Closed 2 years ago

[wpt-sync] Sync PR 31832 - [@container] WPTs for @container parsing, evaluation, selection

Categories

(Core :: Layout, task, P4)

Product:
Core
Component:
Layout
Type:
task

Tracking

()

Status:
RESOLVED FIXED
Milestone:
97 Branch
Tracking Flags:
Tracking Status
firefox97 --- fixed

People

(Reporter: mozilla.org, Unassigned)

References

(
URL
)

Details

(Whiteboard: [wptsync downstream])

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

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

Anders Hartvoll Ruud <andruud@chromium.org> wrote:

[@container] WPTs for @container parsing, evaluation, selection

This also adds a new test query-evaluation.html which checks the
evaluation of "high level" grammar (everything above the actual
feature level). This makes at-container-001.html superfluous, since
feature evaluation is covered well by size-feature-evaluation.html.

Unfortunately container-selection.html required substantial changes
due to the removal of container-type:block-size.

Bug: 1145970
Change-Id: I40d2258935433c95699d931fb96bb45db86d2a3d
Reviewed-on: https://chromium-review.googlesource.com/3306465
WPT-Export-Revision: 53dc6be0197a99b7b3ddcac605a246e995703e2e

Component: web-platform-tests → Layout
Product: Testing → Core

CI Results

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

Total 4 tests and 11 subtests

Status Summary

Firefox

OK : 4
PASS: 69
FAIL: 101

Chrome

OK : 4
PASS: 69
FAIL: 101

Safari

OK : 4
PASS: 69
FAIL: 101

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

/css/css-contain/container-queries/at-container-parsing.html
size(width): FAIL (Chrome: FAIL, Safari: FAIL)
size(min-width: 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size(max-width: 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size(height): FAIL (Chrome: FAIL, Safari: FAIL)
size(min-height: 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size(max-height: 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size(aspect-ratio): FAIL (Chrome: FAIL, Safari: FAIL)
size(min-aspect-ratio: 1/2): FAIL (Chrome: FAIL, Safari: FAIL)
size(max-aspect-ratio: 1/2): FAIL (Chrome: FAIL, Safari: FAIL)
size(orientation: portrait): FAIL (Chrome: FAIL, Safari: FAIL)
size(inline-size): FAIL (Chrome: FAIL, Safari: FAIL)
size(min-inline-size: 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size(max-inline-size: 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size(block-size): FAIL (Chrome: FAIL, Safari: FAIL)
size(min-block-size: 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size(max-block-size: 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size(width: 100px): FAIL (Chrome: FAIL, Safari: FAIL)
size((width: 100px)): FAIL (Chrome: FAIL, Safari: FAIL)
size(not (width: 100px)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width: 100px) and (height: 100px)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width: 50px) or (height: 100px)): FAIL (Chrome: FAIL, Safari: FAIL)
size(width < 100px): FAIL (Chrome: FAIL, Safari: FAIL)
size(100px < width): FAIL (Chrome: FAIL, Safari: FAIL)
size(100px < width < 200px): FAIL (Chrome: FAIL, Safari: FAIL)
foo(width): FAIL (Chrome: FAIL, Safari: FAIL)
size(asdf): FAIL (Chrome: FAIL, Safari: FAIL)
size(resolution > 100dpi): FAIL (Chrome: FAIL, Safari: FAIL)
size(resolution: 150dpi): FAIL (Chrome: FAIL, Safari: FAIL)
size(color): FAIL (Chrome: FAIL, Safari: FAIL)
size(min-color: 1): FAIL (Chrome: FAIL, Safari: FAIL)
size(color-index >= 1): FAIL (Chrome: FAIL, Safari: FAIL)
(color-index >= 1): FAIL (Chrome: FAIL, Safari: FAIL)
size(grid): FAIL (Chrome: FAIL, Safari: FAIL)
(grid): FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: foo: FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: foo : FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: name(foo): FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: name( foo ): FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: type(size): FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: type( size ): FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: type(inline-size): FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: type(block-size): FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: name(bar) type(block-size): FAIL (Chrome: FAIL, Safari: FAIL)
Container selector: type(block-size) name(bar): FAIL (Chrome: FAIL, Safari: FAIL)
/css/css-contain/container-queries/container-selection.html
size(width: 16px) for .size > .inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
size(height: 16px) for .inline > .size > span: FAIL (Chrome: FAIL, Safari: FAIL)
size(width: 16px) for .inline > .size > span: FAIL (Chrome: FAIL, Safari: FAIL)
type(inline-size) size(width: 16px) for .inline > .size > span: FAIL (Chrome: FAIL, Safari: FAIL)
type(inline-size) size(width: 16px) for .size > .inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
type(size) size(height: 16px) for .inline > .size > span: FAIL (Chrome: FAIL, Safari: FAIL)
type(size) size(height: 32px) for .size > .inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
name(a) size(width: 32px) for .a-size > .b-size > span: FAIL (Chrome: FAIL, Safari: FAIL)
name(b) size(width: 16px) for .a-size > .b-size > span: FAIL (Chrome: FAIL, Safari: FAIL)
name(a) size(width: 16px) for .a-size > .a-size > span: FAIL (Chrome: FAIL, Safari: FAIL)
a size(width: 32px) for .a-size > .b-size > span: FAIL (Chrome: FAIL, Safari: FAIL)
b size(width: 16px) for .a-size > .b-size > span: FAIL (Chrome: FAIL, Safari: FAIL)
a size(width: 16px) for .a-size > .a-size > span: FAIL (Chrome: FAIL, Safari: FAIL)
name(a) type(inline-size) size(width: 8px) for .a-size > .b-size > .a-inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
name(b) type(inline-size) size(width: 16px) for .a-size > .b-size > .a-inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
name(a) type(size) size(width: 32px) for .a-size > .b-size > .a-inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
name(b) type(size) size(width: 16px) for .a-size > .b-size > .a-inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
type(inline-size) name(a) size(width: 8px) for .a-size > .b-size > .a-inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
type(size) name(a) size(height: 32px) for .a-size > .b-size > .a-inline > span: FAIL (Chrome: FAIL, Safari: FAIL)
/css/css-contain/container-queries/query-evaluation.html
size(width): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(((size(width)))): FAIL (Chrome: FAIL, Safari: FAIL)
(not size(height)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width) and size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width) and size(width) and size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width) or size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width) or size(width) or size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(height) or size(width) or size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width) or size(height) or size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width) or size(width) or size(height)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(unknown) or size(width) or size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width) or size(unknown) or size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(width) or size(width) or size(unknown)): FAIL (Chrome: FAIL, Safari: FAIL)
(size(unknown) or size(height) or size(width)): FAIL (Chrome: FAIL, Safari: FAIL)
(not (size(width) and size(height))): FAIL (Chrome: FAIL, Safari: FAIL)
(size(height) or (not (size(height) and size(width)))): FAIL (Chrome: FAIL, Safari: FAIL)
size((width)): FAIL (Chrome: FAIL, Safari: FAIL)
size(not (height)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width) and (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width) and (width) and (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width) or (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width) or (width) or (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size((height) or (width) or (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width) or (height) or (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width) or (width) or (height)): FAIL (Chrome: FAIL, Safari: FAIL)
size((unknown) or (width) or (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width) or (unknown) or (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width) or (width) or (unknown)): FAIL (Chrome: FAIL, Safari: FAIL)
size((unknown) or (height) or (width)): FAIL (Chrome: FAIL, Safari: FAIL)
size(not ((width) and (height))): FAIL (Chrome: FAIL, Safari: FAIL)
size((height) or (not ((height) and (width)))): FAIL (Chrome: FAIL, Safari: FAIL)
/css/css-contain/container-queries/unsupported-axis.html
size(width > 0px): FAIL (Chrome: FAIL, Safari: FAIL)
size((height > 0px) or (width > 0px)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width > 0px) or (height > 0px)): FAIL (Chrome: FAIL, Safari: FAIL)
size((orientation: landscape) or (width > 0px)): FAIL (Chrome: FAIL, Safari: FAIL)
size((width > 0px) or (orientation: landscape)): FAIL (Chrome: FAIL, Safari: FAIL)
size(inline-size > 0px): FAIL (Chrome: FAIL, Safari: FAIL)

Pushed by wptsync@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/edba2d5390e1
[wpt PR 31832] - [@container] WPTs for @container parsing, evaluation, selection, a=testonly
https://hg.mozilla.org/integration/autoland/rev/86da37416ad3
[wpt PR 31832] - Update wpt metadata, a=testonly

https://hg.mozilla.org/mozilla-central/rev/edba2d5390e1
https://hg.mozilla.org/mozilla-central/rev/86da37416ad3

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