translate-inherit-no-parent-element.html (1068B)
1 <!doctype html> 2 <meta charset=utf-8> 3 <title>The translate attribute inherit state when there's no parent element</title> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script> 7 test(() => { 8 const div = document.createElement("div"); 9 assert_true(div.translate); 10 }, 'No parent node'); 11 12 test(() => { 13 const div = document.createElement("div"); 14 const frag = document.createDocumentFragment(); 15 frag.append(div); 16 assert_true(div.translate); 17 }, 'DocumentFragment parent node'); 18 19 for (const translateValue of ['yes', 'no']) { 20 test(() => { 21 const div = document.createElement("div"); 22 const myElement = document.createElement("my-element"); 23 myElement.setAttribute('translate', translateValue); 24 myElement.attachShadow({mode: 'open'}); 25 myElement.shadowRoot.append(div); 26 assert_true(div.translate); 27 }, `ShadowRoot parent node whose shadow host has translate=${translateValue}`); 28 } 29 30 test(() => { 31 assert_true(document.documentElement.translate); 32 }, 'Document parent node'); 33 </script>