wpt / css / css-borders / corner-shape / corner-top-left-valid.html

Status: FAIL | Duration: 57ms | Subtests: 0/11 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/11)

Data from commit:
1884860 Copy-on-write style attribute blocks that are in the rule tree (#831) (2026-09-02)

SubtestStatusMessage
e.style['corner-top-left'] = "round 30%" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['corner-top-left'] = "10px bevel" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['corner-top-left'] = "normal" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['corner-top-left'] = "4px 2% round" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['corner-top-left'] = "superellipse(-0.5) 30% 10px" should set the property valueFAILassert_not_equals: property should be set got disallowed value ""
e.style['corner-top-left'] = "10px bevel" should set border-top-left-radiusFAILassert_equals: border-top-left-radius should be canonical expected "10px" but got ""
e.style['corner-top-left'] = "10px bevel" should set corner-top-left-shapeFAILassert_equals: corner-top-left-shape should be canonical expected "bevel" but got ""
e.style['corner-top-left'] = "10px bevel" should not set unrelated longhandsFAILassert_true: expected true got false
e.style['corner-top-left'] = "normal" should set border-top-left-radiusFAILassert_equals: border-top-left-radius should be canonical expected "0px" but got ""
e.style['corner-top-left'] = "normal" should set corner-top-left-shapeFAILassert_equals: corner-top-left-shape should be canonical expected "round" but got ""
e.style['corner-top-left'] = "normal" should not set unrelated longhandsFAILassert_true: expected true got false

/css/css-borders/corner-shape/corner-top-left-valid.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Borders and Box Decorations 4 Test: Parsing 'corner-top-left' with valid values</title>
<link rel="author" title="Chromium" href="https://chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-shorthand">
<meta name="assert" content="This test checks that 'corner-top-left' supports valid single-corner 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>

<script>
test_valid_value("corner-top-left", "round 30%", "30% round");
test_valid_value("corner-top-left", "10px bevel");
test_valid_value("corner-top-left", "normal");
test_valid_value("corner-top-left", "4px 2% round");
test_valid_value("corner-top-left", "superellipse(-0.5) 30% 10px", "30% 10px superellipse(-0.5)");

test_shorthand_value("corner-top-left", "10px bevel", {
  "border-top-left-radius": "10px",
  "corner-top-left-shape": "bevel",
});
test_shorthand_value("corner-top-left", "normal", {
  "border-top-left-radius": "0px",
  "corner-top-left-shape": "round",
});
</script>