diff options
Diffstat (limited to 'toolkit/components/translations/tests/browser/translations-tester-shadow-dom-es.html')
-rw-r--r-- | toolkit/components/translations/tests/browser/translations-tester-shadow-dom-es.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/toolkit/components/translations/tests/browser/translations-tester-shadow-dom-es.html b/toolkit/components/translations/tests/browser/translations-tester-shadow-dom-es.html new file mode 100644 index 0000000000..ed4b1ceec2 --- /dev/null +++ b/toolkit/components/translations/tests/browser/translations-tester-shadow-dom-es.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html lang="es"> +<head> + <meta charset="utf-8" /> + <title>Translations Test</title> + <style> + div { + margin: 10px auto; + width: 300px + } + p { + margin: 47px 0; + font-size: 21px; + line-height: 2; + } + </style> +</head> +<body> + <h1>Esto se contenta en Luz DOM</h1> + <div id="host"></div> + <div><div><div id="host2"></div></div></div> + <script> + const host = document.getElementById("host"); + const root = host.attachShadow({mode: "open"}); + root.innerHTML = "<p>Esto se contento en Shadow DOM</p><div id='innerHost'></div>"; + + // Nested shadow tree + const innerHost = root.querySelector("div"); + const innerRoot = innerHost.attachShadow({mode: "open"}); + innerRoot.innerHTML = "<p>Esto se contenta en raĆz interior </p>"; + + // Host within an empty textContent element + const host2 = document.getElementById("host2"); + const root2 = host2.attachShadow({mode: "open"}); + root2.innerHTML = "<p>Esto se contento en Shadow DOM 2</p>"; + </script> +</body> +</html> |