wpt / css / css-sizing / stretch / parsing.html

Status: PASS | Duration: 57ms | Subtests: 17/17 | Open test on wpt.live | wpt.fyi

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
e.style['width'] = "stretch" should set the property valuePASS
e.style['height'] = "stretch" should set the property valuePASS
e.style['max-width'] = "stretch" should set the property valuePASS
e.style['min-width'] = "stretch" should set the property valuePASS
e.style['max-height'] = "stretch" should set the property valuePASS
e.style['min-height'] = "stretch" should set the property valuePASS
e.style['inline-size'] = "stretch" should set the property valuePASS
e.style['block-size'] = "stretch" should set the property valuePASS
e.style['max-inline-size'] = "stretch" should set the property valuePASS
e.style['min-inline-size'] = "stretch" should set the property valuePASS
e.style['max-block-size'] = "stretch" should set the property valuePASS
e.style['min-block-size'] = "stretch" should set the property valuePASS
e.style['flex-basis'] = "stretch" should set the property valuePASS
e.style['flex'] = "1 0 stretch" should set flex-basisPASS
e.style['flex'] = "1 0 stretch" should set flex-growPASS
e.style['flex'] = "1 0 stretch" should set flex-shrinkPASS
e.style['flex'] = "1 0 stretch" should not set unrelated longhandsPASS

/css/css-sizing/stretch/parsing.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Intrinsic & Extrinsic Sizing Test: parsing stretch value</title>
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#sizing-values">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
<script src="/css/support/shorthand-testcommon.js"></script>
</head>
<body>
<script>
test_valid_value("width", "stretch");
test_valid_value("height", "stretch");
test_valid_value("max-width", "stretch");
test_valid_value("min-width", "stretch");
test_valid_value("max-height", "stretch");
test_valid_value("min-height", "stretch");
test_valid_value("inline-size", "stretch");
test_valid_value("block-size", "stretch");
test_valid_value("max-inline-size", "stretch");
test_valid_value("min-inline-size", "stretch");
test_valid_value("max-block-size", "stretch");
test_valid_value("min-block-size", "stretch");

test_valid_value("flex-basis", "stretch");
test_shorthand_value('flex', '1 0 stretch', {
  'flex-grow': '1',
  'flex-shrink': '0',
  'flex-basis': 'stretch'
});

</script>
</body>
</html>