Noam Rosenthal
7f4d406d0c
Automatic update from web-platform-tests Separate between HTML streaming and <template for> patching HTML streaming, as well as the new positional methods, receive a "NewHTMLSettingMethods" runtime flag, and move to domparsing/tentative, to separate them from the somewhat orthogonal <template for> patching. Bug: 491743369 Change-Id: Ic411e1af7c5644be3062564683d039d6847427b5 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7657845 Reviewed-by: Philip Jägenstedt <foolip@chromium.org> Commit-Queue: Noam Rosenthal <nrosenthal@google.com> Cr-Commit-Position: refs/heads/main@{#1598305} -- wpt-commits: f132f6179b468268083f40463abc93b3242b989e wpt-pr: 58450
63 lines
1.9 KiB
HTML
63 lines
1.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<meta charset="utf-8">
|
|
<title>HTML partial updates - streamHTMLUnsafe invokes CE reactions</title>
|
|
<link rel="help" href="https://github.com/WICG/declarative-partial-updates" />
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<body>
|
|
<div id="container"></div>
|
|
<script>
|
|
for (const method of ["streamHTMLUnsafe", "streamAppendHTMLUnsafe"]) {
|
|
promise_test(async (t) => {
|
|
const container = document.getElementById("container");
|
|
const name = "element-for-" + method.toLowerCase();
|
|
t.add_cleanup(() => container.replaceChildren());
|
|
customElements.define(
|
|
name,
|
|
class extends HTMLElement {
|
|
constructor() {
|
|
super();
|
|
this.append("Defined;");
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.append("Connected");
|
|
}
|
|
},
|
|
);
|
|
const writer = container[method]().getWriter();
|
|
await writer.write(`<${name}></${name}>`);
|
|
await writer.close();
|
|
assert_equals(container.textContent, "Defined;Connected");
|
|
}, `${method} should trigger CE reactions`);
|
|
|
|
promise_test(async (t) => {
|
|
const container = document.getElementById("container");
|
|
t.add_cleanup(() => container.replaceChildren());
|
|
const scoped = new CustomElementRegistry();
|
|
scoped.define(
|
|
"scoped-element",
|
|
class extends HTMLElement {
|
|
constructor() {
|
|
super();
|
|
this.append("Scoped;");
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.append("Connected");
|
|
}
|
|
},
|
|
);
|
|
const inner = document.createElement("div", {
|
|
customElementRegistry: scoped,
|
|
});
|
|
container.append(inner);
|
|
const writer = inner[method]().getWriter();
|
|
await writer.write("<scoped-element></scoped-element>");
|
|
await writer.close();
|
|
assert_equals(inner.textContent, "Scoped;Connected");
|
|
}, `${method} should use scoped custom element registry`);
|
|
}
|
|
</script>
|
|
</body>
|