tree e55e775a256a13982fda95aa43789bab2089763a
parent 2b5ad7f08437be653d0edb8afebf563dea4631be
author Ian Kilpatrick <ikilpatrick@chromium.org> 1616194857 -0700
committer Blink WPT Bot <blink-w3c-test-autoroller@chromium.org> 1616196307 -0700

[wpt] Add tests for aspect-ratio + intrinsic-size calculation.

As above. This adds a series of tests for when we have an element with
an aspect-ratio (via. the aspect-ratio property, or by being a replaced
element of some form.

These tests either test stretching in the block-axis (via.
"align-self: stretch" for example) or by explicity setting the height as
"height: 100%;".

When an element has a block-constraint like this, it should try and
resolve it if possible, then transfer this size in into the inline
direction for the min/max content size.

See: https://drafts.csswg.org/css-sizing-3/#intrinsic-sizes

"Note: When the box has a preferred aspect ratio, size constraints in
 the opposite dimension will transfer through and can affect the auto
 size in the considered one. See CSS2§10."

For example:
<div style="display: flex; width: min-content; height: 100px;">
  <div style="aspect-ratio: 1/1;"></div>
</div>

Here the flexbox ends up being 100x100 as the element with the
aspect-ratio transfers its stretched height (100px) to its width.

Change-Id: I378bb60581b86b397f92eefce5084244bf0b73a8
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2774294
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#864832}