@loadbare/app 0.4.0 → 0.5.0

package/dist/tests/golden.test.js

@@ -1,60 +0,0 @@
-/**
- * Golden files — see docs/testing.md, tier 1.
- *
- * Every page in demo/pages is expanded against the real definition
- * directories and compared to a stored copy of its output. Ten cheap tests
- * that cover the whole chain at once, including the directory ordering that
- * lets an application override a built-in widget.
- *
- * The stored copy is formatted, because a golden file nobody can read is a
- * diff nobody reviews. Formatting is cosmetic and may decline (see
- * build/format.ts); if it does, the comparison is still exact — both sides
- * went through the same function.
- *
- *     npm run test:golden      rewrite the stored copies
- *
- * Rewriting is not blessing. The diff is the point.
- */
-import assert from "node:assert/strict";
-import { readdir, readFile, writeFile } from "node:fs/promises";
-import { describe, it } from "node:test";
-import { fileURLToPath } from "node:url";
-import { expand, loadDefinitions } from "../build/expand";
-import { formatHtml } from "../build/format";
-const PAGES = fileURLToPath(new URL("../demo/pages", import.meta.url));
-const GOLDEN = fileURLToPath(new URL("./golden", import.meta.url));
-/** Built-in widgets first, then the demo's, exactly as demo/shell.ts orders them. */
-const DEFINITION_DIRS = [
-    fileURLToPath(new URL("../widgets", import.meta.url)),
-    fileURLToPath(new URL("../demo/widgets", import.meta.url)),
-];
-const rewrite = process.env.UPDATE_GOLDEN === "1";
-const PAGE_SUFFIX = ".page.html";
-const defs = await loadDefinitions(DEFINITION_DIRS);
-const names = (await readdir(PAGES))
-    .filter((name) => name.endsWith(PAGE_SUFFIX))
-    .map((name) => name.slice(0, -PAGE_SUFFIX.length))
-    .sort();
-describe("the demo pages expand to what they expanded to before", () => {
-    assert.ok(names.length > 0, "no demo pages found to expand");
-    for (const name of names) {
-        it(name, async () => {
-            const authored = await readFile(`${PAGES}/${name}${PAGE_SUFFIX}`, "utf-8");
-            const expanded = await formatHtml(expand(authored, defs));
-            const file = `${GOLDEN}/${name}.html`;
-            if (rewrite) {
-                await writeFile(file, expanded);
-                return;
-            }
-            let stored;
-            try {
-                stored = await readFile(file, "utf-8");
-            }
-            catch {
-                assert.fail(`no golden file for '${name}'. Review the expansion, then run ` +
-                    `npm run test:golden to store it.`);
-            }
-            assert.equal(expanded, stored);
-        });
-    }
-});

package/dist/tests/helpers/window.d.ts

@@ -1,43 +0,0 @@
-/**
- * A window for the widget half of tier 4 — see docs/testing.md.
- *
- * Tier 3 needed no globals: the landing code is handed a root and calls
- * methods on it. A widget is the opposite. It extends `HTMLElement`, it
- * registers itself with `customElements` when its module loads, and it
- * reaches `document` to build the scaffolding it owns. So the window has to
- * exist before the module does, which is why widget modules are imported
- * dynamically, after `installWindow()` has run:
- *
- *     installWindow();
- *     await import("../widgets/index");
- *
- * One window per test file, which is what node:test gives us for free by
- * running each file in its own process. Registration is global and permanent,
- * so sharing a process across widget files would mean sharing a registry.
- *
- * What this buys is real upgrades: a widget's constructor, its
- * connectedCallback, and attributeChangedCallback for attributes already
- * present. That is most of what a widget is, and it is the same in jsdom as
- * in a browser. What it does not buy is layout, painting, or navigation —
- * which is why the hub is tested in a browser instead.
- */
-import type { HubRequest } from "../../core/lb-types";
-export declare function installWindow(): void;
-/**
- * Put markup in the document and hand back the first element of it.
- *
- * Connected, because a widget that is not in the document has not upgraded,
- * and half of what is under test happens on upgrade.
- */
-export declare function mount(html: string): Element;
-/**
- * Collect the requests a widget dispatches.
- *
- * Listening on the body rather than on the widget, because a request that
- * does not bubble never reaches the hub — the hub is an ancestor, and that
- * is the whole delivery mechanism.
- */
-export declare function requests(): HubRequest[];
-/** Fire the event a control fires when a person uses it. */
-export declare function change(el: Element): void;
-//# sourceMappingURL=window.d.ts.map

package/dist/tests/helpers/window.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../tests/helpers/window.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAIH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAoBtD,wBAAgB,aAAa,IAAI,IAAI,CASpC;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAG3C;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,IAAI,UAAU,EAAE,CAMvC;AAED,4DAA4D;AAC5D,wBAAgB,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAExC"}

package/dist/tests/helpers/window.js

@@ -1,78 +0,0 @@
-/**
- * A window for the widget half of tier 4 — see docs/testing.md.
- *
- * Tier 3 needed no globals: the landing code is handed a root and calls
- * methods on it. A widget is the opposite. It extends `HTMLElement`, it
- * registers itself with `customElements` when its module loads, and it
- * reaches `document` to build the scaffolding it owns. So the window has to
- * exist before the module does, which is why widget modules are imported
- * dynamically, after `installWindow()` has run:
- *
- *     installWindow();
- *     await import("../widgets/index");
- *
- * One window per test file, which is what node:test gives us for free by
- * running each file in its own process. Registration is global and permanent,
- * so sharing a process across widget files would mean sharing a registry.
- *
- * What this buys is real upgrades: a widget's constructor, its
- * connectedCallback, and attributeChangedCallback for attributes already
- * present. That is most of what a widget is, and it is the same in jsdom as
- * in a browser. What it does not buy is layout, painting, or navigation —
- * which is why the hub is tested in a browser instead.
- */
-import { JSDOM } from "jsdom";
-import { LB_EVENT_NAME } from "../../core/lb-constants";
-/** The globals a widget module reaches for as it loads and runs. */
-const GLOBALS = [
-    "window",
-    "document",
-    "customElements",
-    "HTMLElement",
-    "HTMLTemplateElement",
-    "HTMLSelectElement",
-    "HTMLOptGroupElement",
-    "HTMLOptionElement",
-    "Element",
-    "Node",
-    "Event",
-    "CustomEvent",
-    "MouseEvent",
-    "DocumentFragment",
-];
-export function installWindow() {
-    const { window } = new JSDOM(`<!doctype html><body></body>`, {
-        url: "http://localhost/",
-    });
-    for (const name of GLOBALS) {
-        globalThis[name] = window[name];
-    }
-}
-/**
- * Put markup in the document and hand back the first element of it.
- *
- * Connected, because a widget that is not in the document has not upgraded,
- * and half of what is under test happens on upgrade.
- */
-export function mount(html) {
-    document.body.innerHTML = html;
-    return document.body.firstElementChild;
-}
-/**
- * Collect the requests a widget dispatches.
- *
- * Listening on the body rather than on the widget, because a request that
- * does not bubble never reaches the hub — the hub is an ancestor, and that
- * is the whole delivery mechanism.
- */
-export function requests() {
-    const seen = [];
-    document.body.addEventListener(LB_EVENT_NAME, (e) => {
-        seen.push(e.detail);
-    });
-    return seen;
-}
-/** Fire the event a control fires when a person uses it. */
-export function change(el) {
-    el.dispatchEvent(new Event("change", { bubbles: true }));
-}

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

@@ -1,9 +0,0 @@
-/**
- * lb-input — see docs/testing.md, tier 4.
- *
- * The simplest widget there is, and therefore the one that states the leaf
- * contract on its own: the hub writes one attribute name for every widget
- * type, and the widget forwards it to the control it owns.
- */
-export {};
-//# sourceMappingURL=lb-input.test.d.ts.map

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

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

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

@@ -1,78 +0,0 @@
-/**
- * lb-input — see docs/testing.md, tier 4.
- *
- * The simplest widget there is, and therefore the one that states the leaf
- * contract on its own: the hub writes one attribute name for every widget
- * type, and the widget forwards it to the control it owns.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { ATTR_CELL, ATTR_KEY, ATTR_QUERY, ATTR_VALUE } from "../core/lb-constants";
-import { captured } from "./helpers/console";
-import { change, installWindow, mount, requests } from "./helpers/window";
-installWindow();
-await import("../widgets/lb-input");
-describe("lb-input receiving a value", () => {
-    it("forwards its value to the input it owns", () => {
-        const widget = mount(`<lb-input><input /></lb-input>`);
-        widget.setAttribute(ATTR_VALUE, "Ada");
-        assert.equal(widget.querySelector("input").value, "Ada");
-    });
-    it("takes the value it was already carrying when it upgraded", () => {
-        // Hydration and refresh are one operation. The browser runs
-        // attributeChangedCallback for attributes already present when a widget
-        // upgrades, so a value that landed before the class existed is not lost —
-        // which is what lets applyData fill a row and then insert it.
-        const widget = mount(`<lb-input ${ATTR_VALUE}="Ada"><input /></lb-input>`);
-        assert.equal(widget.querySelector("input").value, "Ada");
-    });
-    it("keeps up with a value that changes", () => {
-        const widget = mount(`<lb-input><input /></lb-input>`);
-        widget.setAttribute(ATTR_VALUE, "Ada");
-        widget.setAttribute(ATTR_VALUE, "Grace");
-        assert.equal(widget.querySelector("input").value, "Grace");
-    });
-    it("reports when there is no input to receive the value", async () => {
-        const widget = mount(`<lb-input></lb-input>`);
-        const { error } = await captured(() => widget.setAttribute(ATTR_VALUE, "Ada"));
-        assert.match(error.join("\n"), /lb-input: no <input> to receive/);
-    });
-    it("watches only the value attribute", async () => {
-        // observedAttributes is the whole of what a widget is told about. A page
-        // author's class or title must not reach the control.
-        const widget = mount(`<lb-input><input /></lb-input>`);
-        const { error } = await captured(() => {
-            widget.setAttribute("class", "wide");
-            widget.setAttribute("title", "Name");
-        });
-        assert.deepEqual(error, []);
-        assert.equal(widget.querySelector("input").value, "");
-    });
-});
-describe("lb-input sending a cell-change", () => {
-    it("sends its coordinates and the input's current value", () => {
-        const seen = requests();
-        const widget = mount(`<div ${ATTR_QUERY}="members" ${ATTR_KEY}="7">` +
-            `<lb-input ${ATTR_CELL}="name"><input /></lb-input></div>`).querySelector("lb-input");
-        widget.querySelector("input").value = "Ada";
-        change(widget.querySelector("input"));
-        assert.deepEqual(seen, [
-            { op: "cell-change", query: "members", key: "7", cell: "name", value: "Ada" },
-        ]);
-    });
-    it("reports a change with no query/key/cell coordinates, and sends nothing", async () => {
-        const seen = requests();
-        const widget = mount(`<lb-input ${ATTR_CELL}="name"><input /></lb-input>`);
-        const { error } = await captured(() => change(widget.querySelector("input")));
-        assert.match(error.join("\n"), /lb-input: change with no query\/key\/cell coordinates/);
-        assert.deepEqual(seen, []);
-    });
-    it("reports a change with no input, and sends nothing", async () => {
-        const seen = requests();
-        const widget = mount(`<div ${ATTR_QUERY}="members" ${ATTR_KEY}="7">` +
-            `<lb-input ${ATTR_CELL}="name"></lb-input></div>`).querySelector("lb-input");
-        const { error } = await captured(() => change(widget));
-        assert.match(error.join("\n"), /lb-input: change with no <input>/);
-        assert.deepEqual(seen, []);
-    });
-});

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

@@ -1,12 +0,0 @@
-/**
- * lb-list — see docs/testing.md, tier 4.
- *
- * The plain repeater: whatever the page author wrote inside is repeated once
- * per tuple, in the order the server sent. It adds no placement of its own,
- * so what is worth testing is that it is a row host at all, and the case it
- * exists for — a <table> that cannot be one, because a custom element written
- * inside <tbody> is discarded by the parser. The widget goes around the
- * table, and the template goes inside it.
- */
-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,44 +0,0 @@
-/**
- * lb-list — see docs/testing.md, tier 4.
- *
- * The plain repeater: whatever the page author wrote inside is repeated once
- * per tuple, in the order the server sent. It adds no placement of its own,
- * so what is worth testing is that it is a row host at all, and the case it
- * exists for — a <table> that cannot be one, because a custom element written
- * inside <tbody> is discarded by the parser. The widget goes around the
- * table, and the template goes inside it.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { installWindow, mount } from "./helpers/window";
-installWindow();
-await import("../widgets/lb-list");
-const rows = (list) => ({ op: "rows", rows: list });
-describe("lb-list", () => {
-    it("repeats what the page wrote, once per tuple", () => {
-        const widget = mount(`<lb-list><ul><template lb-key="id"><li lb-cell="name"></li></template></ul></lb-list>`);
-        widget.acceptRows(rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        assert.deepEqual([...widget.querySelectorAll("li")].map((li) => li.textContent), ["Ada", "Bab"]);
-    });
-    it("goes around a table it cannot be inside", () => {
-        // The reason this widget is not the <table> itself. Everything the hub
-        // needs still works: the template is inside <tbody>, where the content
-        // model already allows it, and the rows land there.
-        const widget = mount(`<lb-list><table><tbody>` +
-            `<template lb-key="id"><tr><td lb-cell="name"></td></tr></template>` +
-            `</tbody></table></lb-list>`);
-        widget.acceptRows(rows([{ id: "1", name: "Ada" }]));
-        const row = widget.querySelector("tbody tr");
-        assert.equal(row.textContent, "Ada");
-        assert.equal(widget.getAttribute("data-rows"), "1");
-    });
-    it("survives the parser dropping a widget written inside a tbody", () => {
-        // The failure this design avoids, stated as what the parser actually
-        // does: a lb-list inside <tbody> is not there afterwards.
-        const table = mount(`<table><tbody><lb-list><template lb-key="id"><tr></tr></template></lb-list></tbody></table>`);
-        assert.equal(table.querySelector("tbody lb-list"), null);
-    });
-});

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

@@ -1,10 +0,0 @@
-/**
- * lb-options — see docs/testing.md, tier 4.
- *
- * The case that shows why placement belongs to the widget. The rows arrive
- * flat and keyed; nothing on the wire knows about <optgroup>, and nothing
- * needs to. Turning a repeated column value into an element is exactly the
- * local knowledge a widget has and the hub does not.
- */
-export {};
-//# sourceMappingURL=lb-options.test.d.ts.map

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

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

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

@@ -1,121 +0,0 @@
-/**
- * lb-options — see docs/testing.md, tier 4.
- *
- * The case that shows why placement belongs to the widget. The rows arrive
- * flat and keyed; nothing on the wire knows about <optgroup>, and nothing
- * needs to. Turning a repeated column value into an element is exactly the
- * local knowledge a widget has and the hub does not.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { ATTR_ACTION } from "../core/lb-constants";
-import { change, installWindow, mount, requests } from "./helpers/window";
-installWindow();
-await import("../widgets/lb-options");
-const ROW = `<option lb-cell="name"></option>`;
-/** A lb-options with the row template a page author would write. */
-function options(template) {
-    return mount(`<lb-options ${ATTR_ACTION}="pick"><label><select>${template}</select></label></lb-options>`);
-}
-const flat = `<template lb-key="id">${ROW}</template>`;
-const grouped = `<template lb-key="id" lb-group="team">${ROW}</template>`;
-const rows = (list) => ({ op: "rows", rows: list });
-const patch = (change) => ({ op: "patch", ...change });
-/** Every option showing, as label and value. */
-function shown(widget) {
-    return [...widget.querySelectorAll("option")].map((o) => [
-        o.textContent,
-        o.value,
-    ]);
-}
-/** The groups showing, as label and the options in each. */
-function groups(widget) {
-    return [...widget.querySelectorAll("optgroup")].map((g) => [
-        g.label,
-        [...g.querySelectorAll("option")].map((o) => o.textContent),
-    ]);
-}
-describe("lb-options without grouping", () => {
-    it("lands one option per tuple, in the order sent", () => {
-        const widget = options(flat);
-        widget.acceptRows(rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        assert.deepEqual(shown(widget), [
-            ["Ada", "1"],
-            ["Bab", "2"],
-        ]);
-    });
-    it("makes the key the value, so the page says it once", () => {
-        // The identity of the row is the value of the option.
-        const widget = options(flat);
-        widget.acceptRows(rows([{ id: "7", name: "Ada" }]));
-        const option = widget.querySelector("option");
-        assert.equal(option.value, "7");
-        assert.equal(option.getAttribute("lb-key"), "7");
-    });
-    it("puts the options inside the select, not beside it", () => {
-        const widget = options(flat);
-        widget.acceptRows(rows([{ id: "1", name: "Ada" }]));
-        assert.equal(widget.querySelector("option").parentElement.localName, "select");
-    });
-});
-describe("lb-options grouping", () => {
-    it("builds one optgroup per distinct value of the grouping column", () => {
-        const widget = options(grouped);
-        widget.acceptRows(rows([
-            { id: "1", name: "Ada", team: "Core" },
-            { id: "2", name: "Bab", team: "Ops" },
-            { id: "3", name: "Cai", team: "Core" },
-        ]));
-        assert.deepEqual(groups(widget), [
-            ["Core", ["Ada", "Cai"]],
-            ["Ops", ["Bab"]],
-        ]);
-    });
-    it("removes a group when its last row goes", () => {
-        // A group is derived, so it goes when the thing it was derived from does.
-        const widget = options(grouped);
-        widget.acceptRows(rows([
-            { id: "1", name: "Ada", team: "Core" },
-            { id: "2", name: "Bab", team: "Ops" },
-        ]));
-        widget.acceptRows(rows([{ id: "1", name: "Ada", team: "Core" }]));
-        assert.deepEqual(groups(widget), [["Core", ["Ada"]]]);
-    });
-    it("removes a group emptied by a patch", () => {
-        const widget = options(grouped);
-        widget.acceptRows(rows([
-            { id: "1", name: "Ada", team: "Core" },
-            { id: "2", name: "Bab", team: "Ops" },
-        ]));
-        widget.acceptRows(patch({ drop: ["2"] }));
-        assert.deepEqual(groups(widget), [["Core", ["Ada"]]]);
-    });
-    it("groups a tuple with no value for the column under the empty label", () => {
-        const widget = options(grouped);
-        widget.acceptRows(rows([{ id: "1", name: "Ada" }]));
-        assert.deepEqual(groups(widget), [["", ["Ada"]]]);
-    });
-    it("keeps the template as the marker the groups sit in front of", () => {
-        const widget = options(grouped);
-        widget.acceptRows(rows([{ id: "1", name: "Ada", team: "Core" }]));
-        const select = widget.querySelector("select");
-        assert.equal(select.lastElementChild.localName, "template");
-    });
-});
-describe("lb-options sending an action", () => {
-    it("sends the declared action carrying the choice", () => {
-        const seen = requests();
-        const widget = options(flat);
-        widget.acceptRows(rows([
-            { id: "1", name: "Ada" },
-            { id: "2", name: "Bab" },
-        ]));
-        const select = widget.querySelector("select");
-        select.value = "2";
-        change(select);
-        assert.deepEqual(seen, [{ op: "action", name: "pick", value: "2" }]);
-    });
-});

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

@@ -1,14 +0,0 @@
-/**
- * lb-picker — see docs/testing.md, tier 4.
- *
- * The same select as lb-options, with the row template supplied by the
- * definition instead of by the page. The behavior is inherited whole, because
- * it is the same behavior; a distinct class exists only because
- * customElements.define requires one constructor per name.
- *
- * So what is worth testing is exactly that: that nothing was written twice,
- * and that the expanded definition drives the inherited machinery. The
- * template below is what widgets/lb-picker.html expands to.
- */
-export {};
-//# sourceMappingURL=lb-picker.test.d.ts.map

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

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

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

@@ -1,59 +0,0 @@
-/**
- * lb-picker — see docs/testing.md, tier 4.
- *
- * The same select as lb-options, with the row template supplied by the
- * definition instead of by the page. The behavior is inherited whole, because
- * it is the same behavior; a distinct class exists only because
- * customElements.define requires one constructor per name.
- *
- * So what is worth testing is exactly that: that nothing was written twice,
- * and that the expanded definition drives the inherited machinery. The
- * template below is what widgets/lb-picker.html expands to.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { ATTR_ACTION } from "../core/lb-constants";
-import { change, installWindow, mount, requests } from "./helpers/window";
-installWindow();
-const { LbOptions } = await import("../widgets/lb-options");
-await import("../widgets/lb-picker");
-/** lb-picker as expansion leaves it, given exp-key, exp-cell and exp-group. */
-function picker() {
-    return mount(`<lb-picker ${ATTR_ACTION}="pick"><label>Member:` +
-        `<select><template lb-key="id" lb-group="team">` +
-        `<option lb-cell="name"></option>` +
-        `</template></select></label></lb-picker>`);
-}
-const rows = (list) => ({
-    op: "rows",
-    rows: list,
-});
-describe("lb-picker", () => {
-    it("is a lb-options", () => {
-        assert.ok(picker() instanceof LbOptions);
-    });
-    it("lands rows in groups, from the template its definition supplied", () => {
-        const widget = picker();
-        widget.acceptRows(rows([
-            { id: "1", name: "Ada", team: "Core" },
-            { id: "2", name: "Bab", team: "Ops" },
-        ]));
-        assert.deepEqual([...widget.querySelectorAll("optgroup")].map((g) => g.label), ["Core", "Ops"]);
-        assert.deepEqual([...widget.querySelectorAll("option")].map((o) => [
-            o.textContent,
-            o.value,
-        ]), [
-            ["Ada", "1"],
-            ["Bab", "2"],
-        ]);
-    });
-    it("sends the declared action on a change", () => {
-        const seen = requests();
-        const widget = picker();
-        widget.acceptRows(rows([{ id: "1", name: "Ada", team: "Core" }]));
-        const select = widget.querySelector("select");
-        select.value = "1";
-        change(select);
-        assert.deepEqual(seen, [{ op: "action", name: "pick", value: "1" }]);
-    });
-});

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

@@ -1,9 +0,0 @@
-/**
- * lb-select — see docs/testing.md, tier 4.
- *
- * The request vocabulary and the addressing vocabulary running in both
- * directions on one widget: it receives its value like any other cell, and on
- * change it sends the action the page declared for it.
- */
-export {};
-//# sourceMappingURL=lb-select.test.d.ts.map

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

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

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

@@ -1,71 +0,0 @@
-/**
- * lb-select — see docs/testing.md, tier 4.
- *
- * The request vocabulary and the addressing vocabulary running in both
- * directions on one widget: it receives its value like any other cell, and on
- * change it sends the action the page declared for it.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { ATTR_ACTION, ATTR_VALUE } from "../core/lb-constants";
-import { captured } from "./helpers/console";
-import { change, installWindow, mount, requests } from "./helpers/window";
-installWindow();
-await import("../widgets/lb-select");
-const OPTIONS = `<option value="lead">Lead</option><option value="staff">Staff</option>`;
-describe("lb-select receiving a value", () => {
-    it("forwards it to the select it owns", () => {
-        const widget = mount(`<lb-select><select>${OPTIONS}</select></lb-select>`);
-        widget.setAttribute(ATTR_VALUE, "staff");
-        assert.equal(widget.querySelector("select").value, "staff");
-    });
-    it("takes the value it was already carrying when it upgraded", () => {
-        const widget = mount(`<lb-select ${ATTR_VALUE}="staff"><select>${OPTIONS}</select></lb-select>`);
-        assert.equal(widget.querySelector("select").value, "staff");
-    });
-    it("reports when there is no select to receive it", async () => {
-        const widget = mount(`<lb-select></lb-select>`);
-        const { error } = await captured(() => widget.setAttribute(ATTR_VALUE, "staff"));
-        assert.match(error.join("\n"), /lb-select: no <select> to receive/);
-    });
-});
-describe("lb-select sending an action", () => {
-    it("sends the declared action carrying the choice", () => {
-        // The choice is the interaction, so this is the case where an action
-        // carries a value. The server still decides what that choice means.
-        const seen = requests();
-        const widget = mount(`<lb-select ${ATTR_ACTION}="setRole"><select>${OPTIONS}</select></lb-select>`);
-        const select = widget.querySelector("select");
-        select.value = "staff";
-        change(select);
-        assert.deepEqual(seen, [{ op: "action", name: "setRole", value: "staff" }]);
-    });
-    it("carries no argument list beyond that one value", () => {
-        // What keeps this from being an RPC endpoint: a name the page declared,
-        // and at most the one value a control has.
-        const seen = requests();
-        const widget = mount(`<lb-select ${ATTR_ACTION}="setRole"><select>${OPTIONS}</select></lb-select>`);
-        change(widget.querySelector("select"));
-        assert.deepEqual(Object.keys(seen[0]), ["op", "name", "value"]);
-    });
-    it("sends an event that bubbles, because the hub is an ancestor", () => {
-        const seen = requests();
-        const widget = mount(`<lb-select ${ATTR_ACTION}="setRole"><select>${OPTIONS}</select></lb-select>`);
-        change(widget.querySelector("select"));
-        assert.equal(seen.length, 1, "the request reached the body");
-    });
-    it("reports a change it has no action for, and sends nothing", async () => {
-        const seen = requests();
-        const widget = mount(`<lb-select><select>${OPTIONS}</select></lb-select>`);
-        const { error } = await captured(() => change(widget.querySelector("select")));
-        assert.match(error.join("\n"), /lb-select: no lb-action/);
-        assert.deepEqual(seen, []);
-    });
-    it("reports a change with no select, and sends nothing", async () => {
-        const seen = requests();
-        const widget = mount(`<lb-select ${ATTR_ACTION}="setRole"></lb-select>`);
-        const { error } = await captured(() => change(widget));
-        assert.match(error.join("\n"), /lb-select: change with no <select>/);
-        assert.deepEqual(seen, []);
-    });
-});