css/css-syntax/invalid-shape-block-balancing.html

<!DOCTYPE html>
<title>CSS Syntax Test: Block balancing syntax error in shape() function</title>
<link rel="help" href="https://drafts.csswg.org/css-syntax/#consume-declaration">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
  div { color: red; }
  .foo { clip-path: shape(from 0 0, foo()); }
  .green { color: green; }
</style>
<div class="green">Green</div>
<script>
  test(() => {
    assert_equals(getComputedStyle(document.querySelector(".green")).color, "rgb(0, 128, 0)");
  }, "Check that syntax error in .foo rule does not consume .green rule");
</script>