wpt/css/css-layout-api/at-supports-rule.https.html at master · web-platform-tests/wpt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!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>