Files
rust_browser/tests/external/wpt/fixtures/wpt-css-css-flexbox-fit-content-item-004-test.html
Zachary D. Rowitsch 16abbd78e7 Bulk-import 2899 WPT CSS reftests and add import tooling
Add scripts/import_wpt_reftests.py to sparse-clone the upstream WPT repo
and bulk-import qualifying CSS reftests (no JS, no external resources) as
known_fail entries. 23 tests already pass and are promoted. The import
script is idempotent and exposed via `just import-wpt`. CI now prints the
WPT summary (pass=36 known_fail=2877 skip=1) on every run.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-14 00:15:27 -05:00

42 lines
1.3 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-base-size">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<meta name="assert" content="A flex container's block cross size of fit-content is treated as indefinite when setting fit-content on an item for flex base sizing">
<style>
x-flexbox {
display: flex;
height: fit-content;
}
.fit-content-item {
background: green;
width: 100px;
writing-mode: vertical-lr;
}
.height-setting-item {
height: 100px;
}
</style>
<!-- This has to be a row flexbox whose item stretches and has vertical writing
mode to trigger:
* a cross size is needed to determine the main size (row flexbox's cross size
is vertical, which is the item's inline size because it has a vertical
writing mode)
* the flex items cross size is [...] not definite (if the item didn't
stretch, the definiteness of the container's cross size wouldn't matter
because the cross size would never be definite and the item would always get
fit-content)
-->
<p>Test passes if there is a filled green square.</p>
<x-flexbox>
<div class="fit-content-item"></div>
<div class="height-setting-item"></div>
</x-flexbox>