<!DOCTYPE html>
<link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#valdef-display-layout">
<meta name="assert" content="This test checks that a layout() function works correctly with an @supports rule." />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
#test {
  content: 'fail';
}

@supports (display: layout(foo)) {
  #test {
    content: 'pass';
  }
}
</style>
<div id="test"></div>
<script>
test(function() {
  const element = document.getElementById('test');
  assert_equals(getComputedStyle(element).content, '"pass"');
});
</script>