Source code

Revision control

Copy as Markdown

Other Tools

Test Info: Warnings

<!DOCTYPE HTML>
<meta charset="utf-8" />
<title>HTML partial updates - append gradually</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id=target marker="results"><?start name="results">Loading...</div>
<script>
const contents = [];
const target = document.querySelector("#target");
function step() {
contents.push(target.textContent);
}
step();
</script>
<template for="results">A<?start name=results></template>
<script>step();</script>
<template for="results">B<?marker name=results></template>
<script>step();</script>
<template for="results"><?start name=results>C<?end name=results></template>
<script>step();</script>
<template for="results"><?marker name=results>D</template>
<script>step();</script>
<template for="results">C</template>
<script>step();</script>
<script>
test(() => {
assert_array_equals(contents, ['Loading...', 'A', 'AB', 'ABC', 'ABD', 'ABCD']);
}, "Multiple <template for>");
</script>