Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /html/dom/partial-updates/tentative/template-contentmethod-innerHTML-ambiguous.html - WPT Dashboard Interop Dashboard
<!DOCTYPE HTML>
<meta charset="utf-8" />
<title>HTML partial updates: patching via innerHTML with ambiguous target</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="container"></div>
<div id="placeholder" contentname="placeholder">Old content in light DOM</div>
<script>
// The contentname "placeholder" appears both after the container on which innerHTML is
// set, and in created fragment. Which element should be updated depends on the
// details of how this is spec'd.
test(() => {
const container = document.getElementById("container");
const outerPlaceholder = document.getElementById("placeholder");
container.innerHTML = `<div id="placeholder" contentname="placeholder">Old content in innerHTML</div><template contentmethod="replace-children"><div contentname="placeholder">New content</div></template>`;
const innerPlaceholder = container.firstChild;
assert_equals(innerPlaceholder.id, "placeholder");
// patches apply inside the fragment
assert_equals(outerPlaceholder.textContent, "Old content in light DOM");
assert_equals(innerPlaceholder.textContent, "New content");
}, "<template patchfor> in innerHTML patching inner element");
</script>