serialization.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-shadow-parts/serialization.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

  <head>

    <title>CSS Shadow Parts - Serialization</title>

    <link href="https://drafts.csswg.org/css-shadow-parts/" rel="help">

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

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

  </head>

  <body>

    <style id="styleElement">

      ::part(\(foo) {}

      ::part(   bar\    ) {}

      ::part( -foo  bar    ) {}

    </style>

    <script>

      "use strict";

      const rules = styleElement.sheet.cssRules;

      test(function() {

        assert_equals(rules[0].selectorText, "::part(\\(foo)");

      }, "Escape start parenthesis in ::part name.");

      test(function() {

        assert_equals(rules[1].selectorText, "::part(bar\\ )");

      }, "Escape start space in ::part name.");

      test(function() {

        assert_equals(rules[2].selectorText, "::part(-foo bar)");

      }, "Collapse spaces in ::part names list.");

    </script>

  </body>

</html>