ident-function-parsing.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 15 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /css/css-values/ident-function-parsing.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS Values: The ident() Function (parsing)</title>

<link rel="help" href="https://drafts.csswg.org/css-values-5/#ident">

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

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

<script src="/css/support/parsing-testcommon.js"></script>

<script>

  // Any property that accepts <custom-ident> will do.

  let prop = 'view-transition-name';

  // ident() is an arbitrary substitution function, so only its argument grammar is validated at parse

  // time: ident( <declaration-value> ). The argument is parsed as <ident-arg>+ at computed-value time.

  // https://github.com/w3c/csswg-drafts/issues/14213

  test_invalid_value(prop, 'ident()');

  test_invalid_value(prop, 'ident( )');

  test_invalid_value(prop, 'ident({})');

  test_invalid_value(prop, 'ident(a, b)');

  // Not an <ident-arg>+, so these are valid here and invalid at computed-value time.

  test_valid_value(prop, 'ident(rgb(1, 2, 3))');

  test_valid_value(prop, 'ident(5px)');

  // The argument round-trips as specified, with no whitespace normalization.

  test_valid_value(prop, 'ident(myident)');

  test_valid_value(prop, 'ident( myident)');

  test_valid_value(prop, 'ident(myident )');

  test_valid_value(prop, 'ident("myident")');

  test_valid_value(prop, 'ident("myident" 3)');

  test_valid_value(prop, 'ident(3 "myident")');

  test_valid_value(prop, 'ident("my" "ident")');

  test_valid_value(prop, 'ident(my "ident")');

  test_valid_value(prop, 'ident("my" ident)');

  test_valid_value(prop, 'ident(my ident)');

  test_valid_value(prop, 'ident(-- myident)');

  test_valid_value(prop, 'ident(my 3 3 3 3 ident)')

  // Check for support in specific properties (WIP):

  let ident = 'ident("myident" 42)';

  // https://drafts.csswg.org/css-view-transitions/#view-transition-name-prop

  test_valid_value('view-transition-name', ident);

</script>