<!doctype html>
<meta charset="utf-8">
<title>CSS.supports() Level 5</title>
<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#at-supports-ext">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
  test(function() {
    assert_equals(CSS.supports("font-format(opentype)"), true);
  }, "font-format() function accepts a known format");

  test(function() {
    assert_equals(CSS.supports("font-format(xyzzy)"), false);
  }, "font-format() function doesn't accept an unknown format");

  test(function() {
    assert_equals(CSS.supports("font-format(opentype, truetype)"), false);
  }, "font-format() function doesn't accept a format list");

  test(function() {
    assert_equals(CSS.supports("font-format('opentype')"), false);
  }, "font-format() function doesn't accept a string.");

  test(function() {
    assert_equals(CSS.supports("font-tech(features-opentype)"), true);
  }, "font-tech() function accepts a known technology");

  test(function() {
    assert_equals(CSS.supports("font-tech(feature-opentype)"), false);
  }, "font-tech() function doesn't accept singular feature-* form for technology");

  test(function() {
    assert_equals(CSS.supports("font-tech(foobar)"), false);
  }, "font-tech() function doesn't accept an unknown technology");

  test(function() {
    assert_equals(CSS.supports("font-tech(features-opentype, color-COLRv0)"), false);
  }, "font-tech() function doesn't accept a technology list");

  test(function() {
    assert_equals(CSS.supports("font-tech('features-opentype')"), false);
  }, "font-tech() function doesn't accept a string.");
</script>
