supports-conditionText.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-conditional/js/supports-conditionText.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<meta charset=UTF-8>

<title>CSSGroupingRule Conditional Rules Test</title>

<link rel="author" title="L. David Baron" href="https://dbaron.org/">

<link rel="help" href="https://www.w3.org/TR/css-conditional-3/#the-cssconditionrule-interface">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<style id="style"></style>

<script>

function check_condition_text(text) {

  test(function() {

    let style_element = document.getElementById("style");

    style_element.textContent = `@supports ${text} {}`;

    let rules = style_element.sheet.cssRules;

    assert_equals(rules.length, 1);

    assert_equals(rules[0].conditionText, text);

  }, `conditionText getter for @supports ${text}`);

check_condition_text("(color: red)");

check_condition_text("(color : red) or ( color:blue )");

check_condition_text("not (color: red)");

check_condition_text("()");

check_condition_text("func()");

check_condition_text("([])");

check_condition_text("({})");

check_condition_text("(())");

check_condition_text("(func())");

check_condition_text("(x)");

check_condition_text("func(x)");

check_condition_text("([x])");

check_condition_text("({x})");

check_condition_text("((x))");

check_condition_text("(func(x))");

</script>

</body>

</html>