@loadbare/app 0.6.0 → 0.7.0

package/dist/tests/lb-hub.test.js

@@ -1,319 +0,0 @@
-/**
- * The hub element — see hub/lb-hub.browser.ts and docs/testing.md.
- *
- * Tier 4. jsdom is evidence for what the hub does to the document it is
- * already holding: which element an event came from, what request that
- * produces, which attributes land where, and which page host a path selects.
- * A real network and a real frame belong to the browser tier, which is not
- * built.
- *
- * The hub registers itself as its module loads, so the window goes in first
- * and the module is imported after it.
- */
-import assert from "node:assert/strict";
-import { before, describe, it } from "node:test";
-import { captured } from "./helpers/console";
-import { back, click, installWindow, mountHub, send, server, settle, submit, } from "./helpers/hub";
-installWindow();
-before(async () => {
-    await import("../hub/lb-hub.browser");
-});
-/** A live row, as the hub stamps one. */
-const ROSTER = `
-  <ul lb-list="roster">
-    <li lb-key-value="42">
-      <span lb-cell="name">Ann</span>
-      <button lb-action="lb-row-delete">x</button>
-    </li>
-    <template lb-key="id"><li><span lb-cell="name"></span></li></template>
-  </ul>`;
-describe("what a native element asks for", () => {
-    it("builds a delete from the list and the key around the button", async () => {
-        const hub = await mountHub(ROSTER);
-        server.sent.length = 0;
-        await click(hub.querySelector("button"));
-        assert.deepEqual(server.sent[0]?.request, {
-            action: "lb-row-delete",
-            list: "roster",
-            key: "42",
-        });
-    });
-    it("builds an insert from a form in a list scope, gathering its cells", async () => {
-        const hub = await mountHub(`
-      <form lb-list="roster" lb-action="lb-row-insert">
-        <input lb-cell="name" value="Bo" />
-      </form>`);
-        server.sent.length = 0;
-        await submit(hub.querySelector("form"));
-        assert.deepEqual(server.sent[0]?.request, {
-            action: "lb-row-insert",
-            list: "roster",
-            values: { name: "Bo" },
-        });
-    });
-    it("builds an update from a form inside a live row", async () => {
-        const hub = await mountHub(`
-      <ul lb-list="roster">
-        <li lb-key-value="42">
-          <form lb-action="lb-row-update">
-            <input lb-cell="name" value="Ann B" />
-          </form>
-        </li>
-      </ul>`);
-        server.sent.length = 0;
-        await submit(hub.querySelector("form"));
-        assert.deepEqual(server.sent[0]?.request, {
-            action: "lb-row-update",
-            list: "roster",
-            key: "42",
-            values: { name: "Ann B" },
-        });
-    });
-    it("carries whatever binding is in scope for a declared action, and no value", async () => {
-        const hub = await mountHub(`
-      <section lb-row="prefs">
-        <button lb-action="reset" lb-cell="active_tab">Reset</button>
-      </section>`);
-        server.sent.length = 0;
-        await click(hub.querySelector("button"));
-        assert.deepEqual(server.sent[0]?.request, {
-            action: "reset",
-            row: "prefs",
-            cell: "active_tab",
-        });
-    });
-    it("reports a cell with no control to read, and sends the rest", async () => {
-        const hub = await mountHub(`
-      <form lb-list="roster" lb-action="lb-row-insert">
-        <span lb-cell="label">not a control</span>
-        <input lb-cell="name" value="Bo" />
-      </form>`);
-        server.sent.length = 0;
-        const { warn } = await captured(() => submit(hub.querySelector("form")));
-        assert.match(warn.join("\n"), /lb-cell 'label' has no control to read/);
-        assert.deepEqual(server.sent[0]?.request, {
-            action: "lb-row-insert",
-            list: "roster",
-            values: { name: "Bo" },
-        });
-    });
-    it("refuses a reserved name it cannot turn into an operation", async () => {
-        // A cell change needs a widget to say what a change is, so a bare button
-        // naming one is a mistake the hub can see.
-        const hub = await mountHub(`
-      <ul lb-list="roster">
-        <li lb-key-value="42">
-          <button lb-action="lb-cell-change" lb-cell="name">go</button>
-        </li>
-      </ul>`);
-        server.sent.length = 0;
-        const { warn } = await captured(() => click(hub.querySelector("button")));
-        assert.match(warn.join("\n"), /cannot be sent from here/);
-        assert.equal(server.sent.length, 0);
-    });
-    it("refuses a delete with no key, since nothing says which row", async () => {
-        const hub = await mountHub(`
-      <ul lb-list="roster">
-        <button lb-action="lb-row-delete">x</button>
-      </ul>`);
-        server.sent.length = 0;
-        const { warn } = await captured(() => click(hub.querySelector("button")));
-        assert.match(warn.join("\n"), /cannot be sent from here/);
-        assert.equal(server.sent.length, 0);
-    });
-});
-describe("which interactions the hub takes", () => {
-    it("finds the nearest lb-action above the element clicked", async () => {
-        const hub = await mountHub(`
-      <section lb-row="prefs">
-        <button lb-action="reset"><span>Reset</span></button>
-      </section>`);
-        server.sent.length = 0;
-        await click(hub.querySelector("span"));
-        assert.equal(server.sent[0]?.request.action, "reset");
-    });
-    it("leaves a widget's own click alone, since the widget owns it", async () => {
-        const hub = await mountHub(`<section lb-row="prefs"><lb-thing lb-action="reset"></lb-thing></section>`);
-        server.sent.length = 0;
-        await click(hub.querySelector("lb-thing"));
-        assert.equal(server.sent.length, 0);
-    });
-    it("sends a form's action once, on its submit rather than on the click", async () => {
-        // The button submits the form, so both listeners see the interaction.
-        // Only the submit turns into a request.
-        const hub = await mountHub(`
-      <form lb-list="roster" lb-action="lb-row-insert">
-        <input lb-cell="name" value="Bo" />
-        <button>Add</button>
-      </form>`);
-        server.sent.length = 0;
-        await click(hub.querySelector("button"));
-        assert.equal(server.sent.length, 1);
-        assert.deepEqual(server.sent[0]?.request, {
-            action: "lb-row-insert",
-            list: "roster",
-            values: { name: "Bo" },
-        });
-    });
-    it("ignores an element carrying no action at all", async () => {
-        const hub = await mountHub(`<button>Plain</button>`);
-        server.sent.length = 0;
-        await click(hub.querySelector("button"));
-        assert.equal(server.sent.length, 0);
-    });
-});
-describe("what the hub refuses to forward", () => {
-    it("refuses an event with no action", async () => {
-        const hub = await mountHub(`<button>go</button>`);
-        server.sent.length = 0;
-        const { warn } = await captured(() => send(hub.querySelector("button"), undefined));
-        assert.match(warn.join("\n"), /event without an action/);
-        assert.equal(server.sent.length, 0);
-    });
-    it("refuses a reserved name that is not one of the four", async () => {
-        const hub = await mountHub(`<button>go</button>`);
-        server.sent.length = 0;
-        const { error } = await captured(() => send(hub.querySelector("button"), { action: "lb-row-rename" }));
-        assert.match(error.join("\n"), /names no operation/);
-        assert.equal(server.sent.length, 0);
-    });
-    it("forwards an operation a widget built, which the hub would not build itself", async () => {
-        const hub = await mountHub(`<lb-thing></lb-thing>`);
-        server.sent.length = 0;
-        await send(hub.querySelector("lb-thing"), {
-            action: "lb-cell-change",
-            list: "roster",
-            key: "42",
-            cell: "name",
-            value: "Ann",
-        });
-        assert.equal(server.sent[0]?.request.action, "lb-cell-change");
-    });
-});
-describe("request state", () => {
-    it("stamps the element that dispatched, not the hub", async () => {
-        const hub = await mountHub(`<section lb-row="prefs"><button lb-action="reset">go</button></section>`);
-        const button = hub.querySelector("button");
-        let pendingWhileInFlight = false;
-        server.answer = {};
-        const watching = new Promise((resolve) => {
-            globalThis.queueMicrotask(() => {
-                pendingWhileInFlight = button.hasAttribute("lb-pending");
-                resolve();
-            });
-        });
-        button.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
-        await watching;
-        await settle();
-        assert.equal(pendingWhileInFlight, true);
-        assert.equal(button.hasAttribute("lb-pending"), false);
-        assert.equal(hub.hasAttribute("lb-pending"), false);
-    });
-    it("sets lb-error on a failed round trip and clears it on the next", async () => {
-        const hub = await mountHub(`<section lb-row="prefs"><button lb-action="reset">go</button></section>`);
-        const button = hub.querySelector("button");
-        server.fail = "network down";
-        const { error } = await captured(() => click(button));
-        assert.match(error.join("\n"), /request failed/);
-        assert.equal(button.hasAttribute("lb-error"), true);
-        assert.equal(button.hasAttribute("lb-pending"), false);
-        delete server.fail;
-        await click(button);
-        assert.equal(button.hasAttribute("lb-error"), false);
-    });
-});
-describe("finding a page host", () => {
-    it("lands the page the path names", async () => {
-        const hub = await mountHub(``, {
-            index: `<h1>Home</h1>`,
-            members: `<h1>Members</h1>`,
-        });
-        assert.match(hub.querySelector("main").innerHTML, /Home/);
-    });
-    it("reports a path with no host and opens the unknown-page dialog", async () => {
-        const { error } = await captured(() => mountHub(`<dialog lb-unknown-page></dialog>`, { index: `<h1>Home</h1>` }, "/nowhere"));
-        assert.match(error.join("\n"), /no page host for 'nowhere'/);
-        assert.equal(document.querySelector("dialog").hasAttribute("open"), true);
-    });
-    it("reports and carries on when a chrome declares no dialog", async () => {
-        const { error } = await captured(() => mountHub(``, { index: `<h1>Home</h1>` }, "/nowhere"));
-        assert.match(error.join("\n"), /no page host for 'nowhere'/);
-    });
-    it("reports two hosts for one name and takes the first", async () => {
-        // The builder refuses this — build/locations.ts — so reaching it means
-        // the document was assembled by something else.
-        const { error } = await captured(async () => {
-            history.replaceState(null, "", "/");
-            document.body.innerHTML =
-                `<lb-hub><main></main></lb-hub>` +
-                    `<template lb-page="index"><h1>First</h1></template>` +
-                    `<template lb-page="index"><h1>Second</h1></template>`;
-            await settle();
-        });
-        assert.match(error.join("\n"), /2 page hosts carry lb-page="index"/);
-        assert.match(document.querySelector("main").innerHTML, /First/);
-    });
-});
-describe("navigation", () => {
-    it("swaps the host on an lb-nav-link and reverses it on popstate", async () => {
-        const hub = await mountHub(`<nav><a href="/members" lb-nav-link>Members</a></nav>`, { index: `<h1>Home</h1>`, members: `<h1>Members</h1>` });
-        const main = hub.querySelector("main");
-        assert.match(main.innerHTML, /Home/);
-        await click(hub.querySelector("a"));
-        assert.equal(location.pathname, "/members");
-        assert.match(main.innerHTML, /Members/);
-        await back();
-        assert.match(main.innerHTML, /Home/);
-    });
-    it("leaves an anchor without lb-nav-link to the browser", async () => {
-        const hub = await mountHub(`<nav><a href="/members">Members</a></nav>`, {
-            index: `<h1>Home</h1>`,
-            members: `<h1>Members</h1>`,
-        });
-        await click(hub.querySelector("a"));
-        assert.equal(location.pathname, "/");
-        assert.match(hub.querySelector("main").innerHTML, /Home/);
-    });
-    it("asks the server for the page the path names", async () => {
-        const hub = await mountHub(`<nav><a href="/members" lb-nav-link>Members</a></nav>`, { index: ``, members: `` });
-        server.sent.length = 0;
-        await click(hub.querySelector("a"));
-        assert.equal(server.sent[0]?.page, "members");
-    });
-    it("lands the navigation row with the path and the link that names it", async () => {
-        const hub = await mountHub(`<nav><a href="/members" lb-nav-link>Members</a></nav>
-       <p lb-row="lb-navigation">
-         <span lb-cell="page-label"></span> at <span lb-cell="page-uri"></span>
-       </p>`, { index: ``, members: `` });
-        await click(hub.querySelector("a"));
-        const row = hub.querySelector(`[lb-row="lb-navigation"]`);
-        assert.equal(row.querySelector(`[lb-cell="page-label"]`).textContent, "Members");
-        assert.equal(row.querySelector(`[lb-cell="page-uri"]`).textContent, "/members");
-    });
-    it("leaves the label empty when no link names the page", async () => {
-        const hub = await mountHub(`<p lb-row="lb-navigation"><span lb-cell="page-label"></span></p>`);
-        const label = hub.querySelector(`[lb-cell="page-label"]`);
-        assert.equal(label.textContent, "");
-    });
-});
-describe("revealing the body", () => {
-    it("takes hidden off once a page has landed", async () => {
-        document.body.setAttribute("hidden", "");
-        await mountHub(``, { index: `<h1>Home</h1>` });
-        assert.equal(document.body.hasAttribute("hidden"), false);
-    });
-    it("takes hidden off even when the path names no page", async () => {
-        document.body.setAttribute("hidden", "");
-        await captured(() => mountHub(``, { index: `<h1>Home</h1>` }, "/nowhere"));
-        assert.equal(document.body.hasAttribute("hidden"), false);
-    });
-    it("takes hidden off even when the data fails to load", async () => {
-        document.body.setAttribute("hidden", "");
-        server.fail = "network down";
-        await captured(async () => {
-            await mountHub(``, { index: `<h1>Home</h1>` });
-        });
-        delete server.fail;
-        assert.equal(document.body.hasAttribute("hidden"), false);
-    });
-});

package/dist/tests/lb-list.test.d.ts

@@ -1,12 +0,0 @@
-/**
- * The row machinery — see docs/testing.md, tier 3.
- *
- * This is the most intricate code in the framework and the most likely to
- * break in ways nobody notices, because what it gets wrong is a row in the
- * wrong place rather than an exception.
- *
- * The last describe holds the two properties. Reconciliation's contract is
- * convergence, and two properties state it better than twenty examples.
- */
-export {};
-//# sourceMappingURL=lb-list.test.d.ts.map

package/dist/tests/lb-list.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"lb-list.test.d.ts","sourceRoot":"","sources":["../../tests/lb-list.test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG"}

package/dist/tests/lb-list.test.js

@@ -1,339 +0,0 @@
-/**
- * The row machinery — see docs/testing.md, tier 3.
- *
- * This is the most intricate code in the framework and the most likely to
- * break in ways nobody notices, because what it gets wrong is a row in the
- * wrong place rather than an exception.
- *
- * The last describe holds the two properties. Reconciliation's contract is
- * convergence, and two properties state it better than twenty examples.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { applyList } from "../hub/lb-apply";
-import { body } from "./helpers/dom";
-import { captured } from "./helpers/console";
-/**
- * A list scope: the template a developer wrote, and nothing else. No widget,
- * because the hub reconciles a list itself and the default placement puts
- * rows in front of the template — so the template staying put is part of
- * what is under test.
- */
-function list(template = `<template lb-key="id"><p><span lb-cell="name"></span></p></template>`) {
-    return body(`<div lb-list="members">${template}</div>`).firstElementChild;
-}
-/** The same scope, with a widget's placement hook on it. */
-function placing(lbPlaceRow, template) {
-    const scope = list(template);
-    scope.lbPlaceRow = lbPlaceRow;
-    return scope;
-}
-/** The keys of the rows showing, in document order. */
-function keys(scope) {
-    return [...scope.querySelectorAll(`[lb-key-value]`)].map((el) => el.getAttribute("lb-key-value"));
-}
-/** What each row is showing, in document order. */
-function shown(scope) {
-    return [...scope.querySelectorAll(`[lb-key-value]`)].map((el) => el.textContent.trim());
-}
-/** A whole set is the array itself; `Array.isArray` is the discriminant. */
-const rows = (set) => set;
-const patch = (change) => change;
-// --- The whole set -------------------------------------------------------
-describe("a rows result", () => {
-    it("clones the template once per row and fills it", () => {
-        const scope = list();
-        applyList(scope, rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        assert.deepEqual(keys(scope), ["1", "2"]);
-        assert.deepEqual(shown(scope), ["Ada", "Bab"]);
-    });
-    it("carries the key value on the live row", () => {
-        // lb-key names the key column on the template; lb-key-value is
-        // stamped on the row with that row's value of it.
-        const scope = list();
-        applyList(scope, rows([{ id: "7", name: "Ada" }]));
-        const row = scope.querySelector("p");
-        assert.equal(row.getAttribute("lb-key-value"), "7");
-    });
-    it("leaves the template where it was, after the rows", () => {
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        assert.equal(scope.lastElementChild.localName, "template");
-    });
-    it("decides membership: a key that did not arrive is gone", () => {
-        const scope = list();
-        applyList(scope, rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        applyList(scope, rows([{ id: "2", name: "Bab" }]));
-        assert.deepEqual(keys(scope), ["2"]);
-    });
-    it("decides order: a row that already exists is placed again", () => {
-        const scope = list();
-        applyList(scope, rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        applyList(scope, rows([
-            { id: "2", name: "Bab" },
-            { id: "1", name: "Ada" },
-        ]));
-        assert.deepEqual(keys(scope), ["2", "1"]);
-    });
-    it("updates a row it keeps rather than replacing it", () => {
-        // The row is the same element, so anything a widget put on it survives.
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        const before = scope.querySelector("p");
-        applyList(scope, rows([{ id: "1", name: "Grace" }]));
-        assert.equal(scope.querySelector("p"), before, "same element");
-        assert.deepEqual(shown(scope), ["Grace"]);
-    });
-    it("empties the list when the set is empty", () => {
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        applyList(scope, rows([]));
-        assert.deepEqual(keys(scope), []);
-        assert.equal(scope.querySelector("template"), scope.firstElementChild);
-    });
-});
-// --- Only what changed ---------------------------------------------------
-describe("a patch result", () => {
-    it("adds a row it names", () => {
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        applyList(scope, patch({ rows: [{ id: "2", name: "Bab" }] }));
-        assert.deepEqual(keys(scope), ["1", "2"]);
-    });
-    it("updates a row it names", () => {
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        applyList(scope, patch({ rows: [{ id: "1", name: "Grace" }] }));
-        assert.deepEqual(shown(scope), ["Grace"]);
-    });
-    it("drops a row it names", () => {
-        const scope = list();
-        applyList(scope, rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        applyList(scope, patch({ drop: ["1"] }));
-        assert.deepEqual(keys(scope), ["2"]);
-    });
-    it("leaves a row it did not name, in contents and in place", () => {
-        const scope = list();
-        applyList(scope, rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-            { id: "3", name: "Cai" },
-        ]));
-        applyList(scope, patch({ rows: [{ id: "2", name: "Grace" }] }));
-        assert.deepEqual(keys(scope), ["1", "2", "3"]);
-        assert.deepEqual(shown(scope), ["Ada", "Grace", "Cai"]);
-    });
-    it("does not re-place a row that already exists", () => {
-        // Today's behavior, and exactly the gap NEEDED-FOR-1.0 names: a row whose
-        // sort column changed stays where it was. This test states what is true
-        // now, and is the one that flips when that item closes.
-        const placed = [];
-        const scope = placing((el, _row, template) => {
-            placed.push(el.getAttribute("lb-key-value"));
-            template.parentElement.insertBefore(el, template);
-        });
-        applyList(scope, rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        placed.length = 0;
-        applyList(scope, patch({ rows: [{ id: "1", name: "Grace" }] }));
-        assert.deepEqual(placed, [], "an existing row is filled, never placed");
-    });
-    it("places a row it has not seen before", () => {
-        const placed = [];
-        const scope = placing((el, _row, template) => {
-            placed.push(el.getAttribute("lb-key-value"));
-            template.parentElement.insertBefore(el, template);
-        });
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        placed.length = 0;
-        applyList(scope, patch({ rows: [{ id: "2", name: "Bab" }] }));
-        assert.deepEqual(placed, ["2"]);
-    });
-    it("ignores a drop for a row that is not showing", () => {
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        assert.doesNotThrow(() => applyList(scope, patch({ drop: ["9"] })));
-        assert.deepEqual(keys(scope), ["1"]);
-    });
-    it("naming nothing changes nothing", () => {
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        const before = scope.innerHTML;
-        applyList(scope, patch({}));
-        assert.equal(scope.innerHTML, before);
-    });
-});
-// --- Placement -----------------------------------------------------------
-describe("placement", () => {
-    it("hands the widget the element, the row and the template", () => {
-        const seen = [];
-        const scope = placing((el, row, template) => {
-            seen.push([el.localName, row, template.localName]);
-            template.parentElement.insertBefore(el, template);
-        });
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        assert.deepEqual(seen, [["p", { id: "1", name: "Ada" }, "template"]]);
-    });
-    it("fills the row before the widget places it", () => {
-        // The attributes are already there when the row upgrades, which is the
-        // same thing that makes hydration and refresh one operation everywhere
-        // else. A widget that reads a cell to decide where the row goes — every
-        // sorting or grouping widget — depends on this ordering.
-        let atPlacement = "";
-        const scope = placing((el, _row, template) => {
-            atPlacement = el.textContent.trim();
-            template.parentElement.insertBefore(el, template);
-        });
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        assert.equal(atPlacement, "Ada");
-    });
-    it("hands the widget a row that is not yet in the document", () => {
-        let connected = true;
-        const scope = placing((el, _row, template) => {
-            connected = el.parentElement !== null;
-            template.parentElement.insertBefore(el, template);
-        });
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        assert.equal(connected, false, "the row arrives detached");
-    });
-});
-// --- How many are showing ------------------------------------------------
-describe("the row count", () => {
-    it("is stamped on the widget", () => {
-        // The one conditional a page cannot be sent: the server answers with rows
-        // and says nothing about how many survived reconciliation. It is here so
-        // that "no members yet" is a stylesheet rule rather than code in every
-        // list widget.
-        const scope = list();
-        applyList(scope, rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        assert.equal(scope.getAttribute("lb-row-count"), "2");
-    });
-    it("is zero for an empty set", () => {
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        applyList(scope, rows([]));
-        assert.equal(scope.getAttribute("lb-row-count"), "0");
-    });
-    it("reports the same fact the same way after a set and after a patch", () => {
-        const viaRows = list();
-        applyList(viaRows, rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        const viaPatch = list();
-        applyList(viaPatch, rows([
-            { id: "1", name: "Ada" },
-            { id: "3", name: "Cai" },
-        ]));
-        applyList(viaPatch, patch({ rows: [{ id: "2", name: "Bab" }], drop: ["3"] }));
-        assert.equal(viaPatch.getAttribute("lb-row-count"), viaRows.getAttribute("lb-row-count"));
-    });
-});
-// --- What it refuses to guess at ----------------------------------------
-describe("applyList reports and stops", () => {
-    it("says nothing about a scope with no row template", async () => {
-        // Bound to the list without displaying it: an insert form names the list
-        // it adds a row to, and has no rows of its own. Not a mistake, so not a
-        // message.
-        const scope = body(`<div></div>`).firstElementChild;
-        const { error } = await captured(() => applyList(scope, rows([{ id: "1" }])));
-        assert.deepEqual(error, []);
-        assert.equal(scope.children.length, 0, "nothing was invented");
-    });
-    it("when the template does not name the key column", async () => {
-        const scope = list(`<template><p></p></template>`);
-        const { error } = await captured(() => applyList(scope, rows([{ id: "1" }])));
-        assert.match(error.join("\n"), /has no lb-key naming the column that identifies a row/);
-        assert.deepEqual(keys(scope), []);
-    });
-    it("does not stamp a count it could not compute", async () => {
-        const scope = body(`<div></div>`).firstElementChild;
-        await captured(() => applyList(scope, rows([{ id: "1" }])));
-        assert.equal(scope.hasAttribute("lb-row-count"), false);
-    });
-    it("when a row has no key cell, and lands its siblings anyway", async () => {
-        const scope = list();
-        const { error } = await captured(() => applyList(scope, rows([
-            { id: "1", name: "Ada" },
-            { name: "nameless" },
-            { id: "2", name: "Bab" },
-        ])));
-        assert.match(error.join("\n"), /a row for <div> has no 'id' column/);
-        assert.deepEqual(keys(scope), ["1", "2"]);
-    });
-    it("and a keyless row does not take a surviving row down with it", async () => {
-        // A row with no key contributes no key to the arrived set, so the
-        // reconciliation that follows must not read its absence as a removal.
-        const scope = list();
-        applyList(scope, rows([{ id: "1", name: "Ada" }]));
-        await captured(() => applyList(scope, rows([{ id: "1", name: "Ada" }, { name: "nameless" }])));
-        assert.deepEqual(keys(scope), ["1"]);
-    });
-});
-// --- The properties ------------------------------------------------------
-describe("reconciliation converges", () => {
-    const SET = [
-        { id: "1", name: "Ada" },
-        { id: "2", name: "Bab" },
-        { id: "3", name: "Cai" },
-    ];
-    it("so applying the same set twice is applying it once", () => {
-        const once = list();
-        applyList(once, rows(SET));
-        const twice = list();
-        applyList(twice, rows(SET));
-        applyList(twice, rows(SET));
-        assert.equal(twice.innerHTML, once.innerHTML);
-        assert.equal(twice.getAttribute("lb-row-count"), once.getAttribute("lb-row-count"));
-    });
-    it("so a set reached through any patches is the set reached from empty", () => {
-        // Every history below ends at SET. A reconciler that leaks state — a row
-        // it forgot to remove, an order it kept from before, a count it stamped
-        // from the wrong branch — fails here and nowhere else.
-        const histories = [
-            [],
-            [rows([])],
-            [rows([{ id: "9", name: "Zed" }])],
-            [rows(SET.slice().reverse())],
-            [
-                rows([{ id: "1", name: "Wrong" }]),
-                patch({ rows: [{ id: "5", name: "Eve" }] }),
-            ],
-            [rows(SET), patch({ drop: ["2"] })],
-            [
-                rows(SET),
-                patch({ rows: [{ id: "3", name: "Changed" }] }),
-                patch({ drop: ["1"] }),
-            ],
-            [patch({ rows: [{ id: "4", name: "Dot" }] }), patch({ drop: ["4"] })],
-        ];
-        const fresh = list();
-        applyList(fresh, rows(SET));
-        const expected = fresh.innerHTML;
-        for (const [index, history] of histories.entries()) {
-            const scope = list();
-            for (const step of history)
-                applyList(scope, step);
-            applyList(scope, rows(SET));
-            assert.equal(scope.innerHTML, expected, `history ${index} did not converge`);
-            assert.equal(scope.getAttribute("lb-row-count"), String(SET.length));
-        }
-    });
-});