wpt / css / css-backgrounds / parsing / background-invalid.html

Status: PASS | Duration: 48ms | Subtests: 2/2 | 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['background'] = "red, green" should not set the property valuePASS
e.style['background'] = "black 0 url(https://example.invalid/) / cover" should not set the property valuePASS

/css/css-backgrounds/parsing/background-invalid.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Backgrounds and Borders Module Level 3: parsing background with invalid values</title>
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background">
<meta name="assert" content="background supports only the grammar '<bg-layer># , <final-bg-layer>'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
// <bg-layer> does not allow a <color>.
test_invalid_value("background", "red, green");

// A `/ <bg-size>` is only allowed directly after a <bg-position>.
test_invalid_value("background", "black 0 url(https://example.invalid/) / cover");
</script>
</body>
</html>