CSSPseudoElement-selectorText.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 4 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /css/css-pseudo/CSSPseudoElement-selectorText.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<title>CSS Pseudo Test: CSSPseudoElement.selectorText</title>

<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#dom-csspseudoelement-selectortext">

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

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

<div id="target"></div>

<script>

  test(() => {

    for (const type of ["::before", "::after", "::marker", "::backdrop",

                        "::scroll-marker"]) {

      assert_equals(target.pseudo(type).selectorText, type, type);

  }, "selectorText of pseudo-elements without arguments");

  test(() => {

    const before = target.pseudo("::before");

    const marker = before.pseudo("::marker");

    assert_equals(marker.selectorText, "::marker");

    assert_equals(marker.parent.selectorText, "::before");

  }, "selectorText of a sub-pseudo-element only includes its own pseudo-element");

  test(() => {

    const before = target.pseudo("::BEFORE");

    assert_equals(before.selectorText, "::before");

  }, "selectorText is serialized in lowercase");

  test(() => {

    const div = document.createElement("div");

    assert_equals(div.pseudo("::after").selectorText, "::after");

  }, "selectorText of a pseudo-element of a disconnected element");

</script>