translate-inherit-no-parent-element.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/dom/elements/global-attributes/translate-inherit-no-parent-element.html - WPT Dashboard Interop Dashboard

<!doctype html>

<meta charset=utf-8>

<title>The translate attribute inherit state when there's no parent element</title>

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

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

<script>

test(() => {

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

  assert_true(div.translate);

}, 'No parent node');

test(() => {

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

  const frag = document.createDocumentFragment();

  frag.append(div);

  assert_true(div.translate);

}, 'DocumentFragment parent node');

for (const translateValue of ['yes', 'no']) {

  test(() => {

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

    const myElement = document.createElement("my-element");

    myElement.setAttribute('translate', translateValue);

    myElement.attachShadow({mode: 'open'});

    myElement.shadowRoot.append(div);

    assert_true(div.translate);

  }, `ShadowRoot parent node whose shadow host has translate=${translateValue}`);

test(() => {

  assert_true(document.documentElement.translate);

}, 'Document parent node');

</script>