wpt / css / css-borders / corner-shape / corner-shape-computed.html

Status: PASS | Duration: 139ms | Subtests: 38/38 | 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
Property corner-top-left-shape value 'round'PASS
Property corner-top-left-shape value 'scoop'PASS
Property corner-top-left-shape value 'superellipse(5)'PASS
Property corner-top-left-shape value 'superellipse(0.2)'PASS
Property corner-top-left-shape value 'superellipse(-infinity)'PASS
Property corner-top-left-shape value 'superellipse(infinity)'PASS
Property corner-top-left-shape value 'superellipse(1)'PASS
Property corner-top-left-shape value 'superellipse(0)'PASS
Property corner-top-left-shape value 'superellipse(2)'PASS
Property corner-top-left-shape value 'superellipse( -1)'PASS
Property corner-top-right-shape value 'round'PASS
Property corner-top-right-shape value 'superellipse(5)'PASS
Property corner-bottom-right-shape value 'scoop'PASS
Property corner-bottom-left-shape value 'superellipse(5)'PASS
Property corner-shape value 'superellipse(5) round'PASS
Property corner-shape value 'round'PASS
Property corner-shape value 'bevel superellipse(0.1) round squircle'PASS
Property corner-shape value 'superellipse(-5) superellipse(3) superellipse(7) superellipse(-5.5)'PASS
Property corner-shape value 'round round round round'PASS
Property corner-shape value 'round scoop'PASS
Property corner-shape value 'round scoop round scoop'PASS
Property corner-shape value 'bevel superellipse(1)'PASS
Property corner-shape value 'superellipse(-1) superellipse(3) square'PASS
Property corner-shape value 'superellipse(-1) superellipse(3) superellipse(0)'PASS
Property corner-shape value 'bevel superellipse(1) squircle round'PASS
Property corner-shape value 'superellipse(-1) superellipse(3) superellipse(0) superellipse(infinity)'PASS
Property corner-left-shape value 'round scoop'PASS
Property corner-top-shape value 'round scoop'PASS
Property corner-top-shape value 'superellipse(4)'PASS
Property corner-right-shape value 'superellipse(-1.5) superellipse(3)'PASS
Property corner-right-shape value 'superellipse(-1) superellipse(2)'PASS
Property corner-bottom-shape value 'scoop scoop'PASS
Property corner-inline-start-shape value 'round scoop'PASS
Property corner-block-start-shape value 'round scoop'PASS
Property corner-block-end-shape value 'superellipse(4)'PASS
Property corner-inline-end-shape value 'superellipse(-1.5) superellipse(3)'PASS
Property corner-inline-start-shape value 'superellipse(-1) superellipse(2)'PASS
Property corner-block-end-shape value 'scoop scoop'PASS

/css/css-borders/corner-shape/corner-shape-computed.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Borders and Box Decorations 4 Test: Computed values of 'corner-shape'</title>
<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-shaping">
<meta name="assert" content="This test checks that the computed value of 'corner-shape' is correct.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>

<div id="target"></div>

<script>
test_computed_value("corner-top-left-shape", "round", "superellipse(1)");
test_computed_value("corner-top-left-shape", "scoop", "superellipse(-1)");
test_computed_value("corner-top-left-shape", "superellipse(5)");
test_computed_value("corner-top-left-shape", "superellipse(0.2)");
test_computed_value("corner-top-left-shape", "superellipse(-infinity)");
test_computed_value("corner-top-left-shape", "superellipse(infinity)");
test_computed_value("corner-top-left-shape", "superellipse(1)");
test_computed_value("corner-top-left-shape", "superellipse(0)");
test_computed_value("corner-top-left-shape", "superellipse(2)");
test_computed_value("corner-top-left-shape", "superellipse( -1)", "superellipse(-1)");
test_computed_value("corner-top-right-shape", "round", "superellipse(1)");
test_computed_value("corner-top-right-shape", "superellipse(5)");
test_computed_value("corner-bottom-right-shape", "scoop", "superellipse(-1)");
test_computed_value("corner-bottom-left-shape", "superellipse(5)");
test_computed_value("corner-shape", "superellipse(5) round", "superellipse(5) superellipse(1)");
test_computed_value("corner-shape", "round", "superellipse(1)");
test_computed_value("corner-shape", "bevel superellipse(0.1) round squircle", "superellipse(0) superellipse(0.1) superellipse(1) superellipse(2)");
test_computed_value("corner-shape", "superellipse(-5) superellipse(3) superellipse(7) superellipse(-5.5)");
test_computed_value("corner-shape", "round round round round", "superellipse(1)");
test_computed_value("corner-shape", "round scoop", "superellipse(1) superellipse(-1)");
test_computed_value("corner-shape", "round scoop round scoop", "superellipse(1) superellipse(-1)");
test_computed_value("corner-shape", "bevel superellipse(1)", "superellipse(0) superellipse(1)");
test_computed_value("corner-shape", "superellipse(-1) superellipse(3) square", "superellipse(-1) superellipse(3) superellipse(infinity)");
test_computed_value("corner-shape", "superellipse(-1) superellipse(3) superellipse(0)");
test_computed_value("corner-shape", "bevel superellipse(1) squircle     round", "superellipse(0) superellipse(1) superellipse(2)");
test_computed_value("corner-shape", "superellipse(-1) superellipse(3) superellipse(0) superellipse(infinity)");
test_computed_value("corner-left-shape", "round scoop", "superellipse(1) superellipse(-1)");
test_computed_value("corner-top-shape", "round scoop", "superellipse(1) superellipse(-1)");
test_computed_value("corner-top-shape", "superellipse(4)");
test_computed_value("corner-right-shape", "superellipse(-1.5) superellipse(3)");
test_computed_value("corner-right-shape", "superellipse(-1) superellipse(2)", "superellipse(-1) superellipse(2)");
test_computed_value("corner-bottom-shape", "scoop scoop", "superellipse(-1)");
test_computed_value("corner-inline-start-shape", "round scoop", "superellipse(1) superellipse(-1)");
test_computed_value("corner-block-start-shape", "round scoop", "superellipse(1) superellipse(-1)");
test_computed_value("corner-block-end-shape", "superellipse(4)");
test_computed_value("corner-inline-end-shape", "superellipse(-1.5) superellipse(3)");
test_computed_value("corner-inline-start-shape", "superellipse(-1) superellipse(2)", "superellipse(-1) superellipse(2)");
test_computed_value("corner-block-end-shape", "scoop scoop", "superellipse(-1)");

</script>