execcommand-insertList-in-shadow.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /shadow-dom/execcommand-insertList-in-shadow.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

  <title>

    In this test, we do execCommand('InsertUnorderedList') on the

     unordered list inside the ShadowRoot to confirm that list toggle off

    for all the child nodes.

  </title>

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

  <script src="/resources/testdriver-vendor.js"></script>

  <script src="/resources/testdriver-actions.js"></script>

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

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

  <body>

    <div id="container" contenteditable></div>

    <script>

      promise_test(async () => {

        const shadowRoot = container.attachShadow({ mode: "open" });

        shadowRoot.innerHTML =

          `<div id="list" contenteditable="true">` +

          `<ul><li>Bullet One</li>` +

          `<li>Bullet Two</li>` +

          `<li>Bullet Three</li></ul>` +

          `</div>`;

        const shadowItem = shadowRoot.querySelector("div");

        await new test_driver.Actions()

          .pointerMove(shadowItem.offsetLeft, shadowItem.offsetTop)

          .pointerDown()

          .pointerMove(

            shadowItem.offsetLeft + shadowItem.offsetWidth,

            shadowItem.offsetTop + shadowItem.offsetHeight

          .pointerUp()

          .send();

        document.execCommand("InsertUnorderedList");

        assert_equals(

          shadowItem.innerHTML,

          "Bullet One<br>Bullet Two<br>Bullet Three"

);

      }, "Toggle off List for all the child nodes in the ShadowRoot");

    </script>

  </body>

</html>