@loadbare/app 0.6.0 → 0.7.1

package/dist/tests/assemble.test.js

@@ -1,210 +0,0 @@
-/**
- * Assembling a chrome file and its pages — see build/assemble.ts.
- *
- * The chrome and pages together are one write to a temp tree per test,
- * since assemble() reads from disk rather than taking sources in memory.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { mkdtemp, mkdir, rm, writeFile } from "node:fs/promises";
-import { tmpdir } from "node:os";
-import path from "node:path";
-import { assemble } from "../build/assemble";
-import { resolveLocations } from "../build/locations";
-import { scanAll } from "../build/origins";
-async function tree(files) {
-    const dir = await mkdtemp(path.join(tmpdir(), "loadbare-assemble-"));
-    for (const [name, content] of Object.entries(files)) {
-        const file = path.join(dir, name);
-        await mkdir(path.dirname(file), { recursive: true });
-        await writeFile(file, content, "utf-8");
-    }
-    return dir;
-}
-async function scansFor(locations) {
-    return scanAll(locations, locations.srcDir, locations.importsFile);
-}
-describe("assemble", () => {
-    it("expands a widget written in the chrome, not only in pages", async () => {
-        const src = await tree({
-            "chrome.html": `<!doctype html><body><lb-nav exp-label="Site"><a href="/a">A</a></lb-nav><lb-hub><main></main></lb-hub></body>`,
-            "lb-nav.html": `<nav aria-label="{{label}}" lb-slot></nav>`,
-        });
-        try {
-            const locations = await resolveLocations({ src, out: `${src}/dist` });
-            const { html, usedTags } = await assemble({
-                ...locations,
-                scans: await scansFor(locations),
-            });
-            assert.match(html, /<nav aria-label="Site"><a href="\/a">A<\/a><\/nav>/);
-            assert.ok(usedTags.has("lb-nav"));
-        }
-        finally {
-            await rm(src, { recursive: true, force: true });
-        }
-    });
-    it("reports a chrome widget with no definition as a used tag, for elements.ts to refuse", async () => {
-        // Expansion leaves an undefined tag alone; whether it can do anything is
-        // one rule in one place — see build/elements.ts.
-        const src = await tree({
-            "chrome.html": `<!doctype html><body><lb-nope></lb-nope></body>`,
-        });
-        try {
-            const locations = await resolveLocations({ src, out: `${src}/dist` });
-            const { html, usedTags } = await assemble({
-                ...locations,
-                scans: await scansFor(locations),
-            });
-            assert.match(html, /<lb-nope><\/lb-nope>/);
-            assert.ok(usedTags.has("lb-nope"));
-        }
-        finally {
-            await rm(src, { recursive: true, force: true });
-        }
-    });
-});
-describe("the unknown-page dialog", () => {
-    it("accepts a chrome that declares none", async () => {
-        const src = await tree({
-            "chrome.html": `<!doctype html><body><lb-hub><main></main></lb-hub></body>`,
-        });
-        try {
-            const locations = await resolveLocations({ src, out: `${src}/dist` });
-            const { html } = await assemble({
-                ...locations,
-                scans: await scansFor(locations),
-            });
-            assert.doesNotMatch(html, /lb-unknown-page/);
-        }
-        finally {
-            await rm(src, { recursive: true, force: true });
-        }
-    });
-    it("refuses the attribute on anything but a <dialog>", async () => {
-        const src = await tree({
-            "chrome.html": `<!doctype html><body><lb-hub><main></main><div lb-unknown-page></div></lb-hub></body>`,
-        });
-        try {
-            const locations = await resolveLocations({ src, out: `${src}/dist` });
-            const scans = await scansFor(locations);
-            await assert.rejects(() => assemble({ ...locations, scans }), /lb-unknown-page on <div>, must be a <dialog>/);
-        }
-        finally {
-            await rm(src, { recursive: true, force: true });
-        }
-    });
-    it("refuses a dialog outside the hub, where the hub cannot reach it", async () => {
-        const src = await tree({
-            "chrome.html": `<!doctype html><body><dialog lb-unknown-page></dialog><lb-hub><main></main></lb-hub></body>`,
-        });
-        try {
-            const locations = await resolveLocations({ src, out: `${src}/dist` });
-            const scans = await scansFor(locations);
-            await assert.rejects(() => assemble({ ...locations, scans }), /lb-unknown-page outside <lb-hub>/);
-        }
-        finally {
-            await rm(src, { recursive: true, force: true });
-        }
-    });
-});
-/**
- * The binding vocabulary, checked against the finished document rather than
- * discovered one console error at a time in a browser — see walkBinding in
- * build/assemble.ts. Every case here is a build that must not produce output.
- */
-describe("the binding check", () => {
-    const CHROME = `<!doctype html><body><lb-hub><main></main></lb-hub></body>`;
-    /** Assemble a chrome and one page, and hand back whatever it did. */
-    async function build(files) {
-        const src = await tree({ "chrome.html": CHROME, ...files });
-        try {
-            const locations = await resolveLocations({ src, out: `${src}/dist` });
-            const scans = await scansFor(locations);
-            return await assemble({ ...locations, scans });
-        }
-        finally {
-            await rm(src, { recursive: true, force: true });
-        }
-    }
-    async function refuses(page, pattern) {
-        await assert.rejects(() => build({ "a.page.html": page }), pattern);
-    }
-    it("refuses both scope attributes on one element", async () => {
-        await refuses(`<ul lb-list="roster" lb-row="prefs"></ul>`, /carries both lb-list and lb-row/);
-    });
-    it("refuses a cell with no scope around it", async () => {
-        await refuses(`<p><span lb-cell="name"></span></p>`, /carries lb-cell="name" with no lb-list or lb-row scope/);
-    });
-    it("refuses a cell whose only scope is inside a template with none around it", async () => {
-        // A template's children are walked in the scope enclosing the template,
-        // because a row template's clones land in the list around it.
-        await refuses(`<template><span lb-cell="name"></span></template>`, /carries lb-cell="name" with no lb-list or lb-row scope/);
-    });
-    it("refuses lb-key on anything but a template", async () => {
-        await refuses(`<ul lb-list="roster"><li lb-key="id"></li></ul>`, /<li> carries lb-key; it names the column/);
-    });
-    it("refuses lb-key on a template outside any list scope", async () => {
-        await refuses(`<div lb-row="prefs"><template lb-key="id"><p></p></template></div>`, /carries lb-key outside any lb-list scope/);
-    });
-    it("refuses a template carrying lb-key with no scope at all", async () => {
-        await refuses(`<template lb-key="id"><p></p></template>`, /carries lb-key outside any lb-list scope/);
-    });
-    it("reports every problem in one build, not the first", async () => {
-        await refuses(`<span lb-cell="name"></span><ul lb-list="a" lb-row="b"></ul>`, /no lb-list or lb-row scope[\s\S]*carries both lb-list and lb-row/);
-    });
-    it("names the file the problem is in", async () => {
-        await refuses(`<span lb-cell="name"></span>`, /a\.page\.html' binding:/);
-    });
-    it("checks the chrome as well as the pages", async () => {
-        const src = await tree({
-            "chrome.html": `<!doctype html><body><lb-hub><main></main><span lb-cell="name"></span></lb-hub></body>`,
-        });
-        try {
-            const locations = await resolveLocations({ src, out: `${src}/dist` });
-            const scans = await scansFor(locations);
-            await assert.rejects(() => assemble({ ...locations, scans }), /chrome\.html' binding:/);
-        }
-        finally {
-            await rm(src, { recursive: true, force: true });
-        }
-    });
-    it("accepts a cell in either kind of scope", async () => {
-        const { html } = await build({
-            "a.page.html": `
-        <div lb-row="prefs"><span lb-cell="theme"></span></div>
-        <ul lb-list="roster">
-          <template lb-key="id"><li lb-cell="name"></li></template>
-        </ul>`,
-        });
-        assert.match(html, /lb-cell="theme"/);
-        assert.match(html, /lb-cell="name"/);
-    });
-    it("accepts a nested scope, which begins a scope of its own", async () => {
-        const { html } = await build({
-            "a.page.html": `
-        <div lb-row="prefs">
-          <ul lb-list="roster">
-            <template lb-key="id"><li lb-cell="name"></li></template>
-          </ul>
-        </div>`,
-        });
-        assert.match(html, /lb-cell="name"/);
-    });
-    it("scopes a template's content by the scope the template itself carries", async () => {
-        // A template with no scope of its own is walked in the scope enclosing
-        // it, which is what makes a row template's cells legal. One that carries
-        // a scope establishes it for its own content instead. That is today's
-        // behavior, and this is the test that flips if it changes.
-        const { html } = await build({
-            "a.page.html": `<template lb-row="prefs"><span lb-cell="theme"></span></template>`,
-        });
-        assert.match(html, /lb-cell="theme"/);
-    });
-    it("accepts a list scope with no row template, which displays nothing", async () => {
-        // An insert form names the list it adds to and has no rows of its own.
-        const { html } = await build({
-            "a.page.html": `<form lb-list="roster" lb-action="lb-row-insert"></form>`,
-        });
-        assert.match(html, /lb-list="roster"/);
-    });
-});

package/dist/tests/elements.test.d.ts

@@ -1,8 +0,0 @@
-/**
- * Resolving a used tag to the script that registers it — see build/elements.ts.
- *
- * Fixtures under tests/fixtures/elements/ each stand in for one <src> tree,
- * the same role tests/fixtures/definitions plays for expand.ts.
- */
-export {};
-//# sourceMappingURL=elements.test.d.ts.map

package/dist/tests/elements.test.d.ts.map

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

package/dist/tests/elements.test.js

@@ -1,118 +0,0 @@
-/**
- * Resolving a used tag to the script that registers it — see build/elements.ts.
- *
- * Fixtures under tests/fixtures/elements/ each stand in for one <src> tree,
- * the same role tests/fixtures/definitions plays for expand.ts.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { fileURLToPath } from "node:url";
-import { customElementTags } from "../build/expand";
-import { loadElementManifest, resolveElements } from "../build/elements";
-import { packageInfo } from "../build/locations";
-import { scanOrigin } from "../build/origins";
-const FIXTURES = fileURLToPath(new URL("./fixtures/elements", import.meta.url));
-/**
- * The cascade resolveElements reads, built here rather than by
- * build/origins.ts's buildOrigins: these fixtures name packages that are not
- * installed, and resolution is what is under test, not package lookup.
- */
-async function scansFor(src, packageDir) {
-    const info = await packageInfo();
-    const origins = [
-        {
-            name: info.packageName,
-            dirs: [info.builtinHubDir],
-            specifier: () => info.packageName,
-        },
-        ...(packageDir ? [{ name: "@acme/widget", dirs: [packageDir] }] : []),
-        { name: src, dirs: [src] },
-    ];
-    return Promise.all(origins.map(scanOrigin));
-}
-describe("customElementTags", () => {
-    it("collects every hyphenated tag, native elements excluded", () => {
-        const tags = customElementTags(`<div><lb-input></lb-input><app-box>hi</app-box><span></span></div>`);
-        assert.deepEqual([...tags].sort(), ["app-box", "lb-input"]);
-    });
-    it("reaches into template content", () => {
-        const tags = customElementTags(`<template><acme-widget></acme-widget></template>`);
-        assert.deepEqual([...tags], ["acme-widget"]);
-    });
-});
-describe("loadElementManifest", () => {
-    it("returns the declared package list", async () => {
-        const declared = await loadElementManifest(`${FIXTURES}/manifest/imports.ts`);
-        assert.deepEqual(declared, ["@acme/widget"]);
-    });
-    it("returns empty when there is no imports.ts", async () => {
-        const declared = await loadElementManifest(`${FIXTURES}/local/imports.ts`);
-        assert.deepEqual(declared, []);
-    });
-    it("rejects a default export that is not an array", async () => {
-        await assert.rejects(() => loadElementManifest(`${FIXTURES}/manifest-not-array/imports.ts`), /must default-export an array of package names/);
-    });
-    it("rejects an entry that is not a package name", async () => {
-        await assert.rejects(() => loadElementManifest(`${FIXTURES}/manifest-bad-entry/imports.ts`), /every entry must be a package name/);
-    });
-});
-describe("resolveElements", () => {
-    it("resolves lb-hub to the package itself, the one built-in", async () => {
-        const { resolved } = resolveElements({
-            used: new Set(["lb-hub"]),
-            scans: await scansFor(`${FIXTURES}/local`),
-        });
-        assert.deepEqual(resolved.get("lb-hub"), {
-            kind: "specifier",
-            value: "@loadbare/app",
-        });
-    });
-    it("resolves a local tag to its file in <src>", async () => {
-        const { resolved } = resolveElements({
-            used: new Set(["app-box"]),
-            scans: await scansFor(`${FIXTURES}/local`),
-        });
-        assert.equal(resolved.get("app-box")?.kind, "file");
-        assert.match(resolved.get("app-box").value, /local\/widgets\/app-box\.browser$/);
-    });
-    it("resolves a tag found by scanning a declared package", async () => {
-        const { resolved } = resolveElements({
-            used: new Set(["acme-widget"]),
-            scans: await scansFor(`${FIXTURES}/manifest`, `${FIXTURES}/pkg`),
-        });
-        assert.equal(resolved.get("acme-widget")?.kind, "file");
-        assert.match(resolved.get("acme-widget").value, /pkg\/acme-widget\.browser$/);
-    });
-    it("needs no script for a tag with only an .html definition", async () => {
-        const { resolved } = resolveElements({
-            used: new Set(["lb-nav"]),
-            scans: await scansFor(`${FIXTURES}/markup-only`),
-        });
-        assert.equal(resolved.size, 0);
-    });
-    it("names the unmarked file when a tag's script forgot to say .browser", async () => {
-        await assert.rejects(async () => resolveElements({
-            used: new Set(["app-box"]),
-            scans: await scansFor(`${FIXTURES}/unmarked`),
-        }), (err) => {
-            assert.match(err.message, /<app-box> has no script/);
-            assert.match(err.message, /widgets[/\\]app-box\.ts' is named after it/);
-            assert.match(err.message, /rename it 'app-box\.browser\.ts'/);
-            return true;
-        });
-    });
-    it("throws when a used tag registers nothing", async () => {
-        await assert.rejects(async () => resolveElements({
-            used: new Set(["nowhere-widget"]),
-            scans: await scansFor(`${FIXTURES}/local`),
-        }), /<nowhere-widget> has neither a script nor a definition/);
-    });
-    it("lets src win over a package that has the same tag", async () => {
-        const { resolved } = resolveElements({
-            used: new Set(["acme-widget"]),
-            scans: await scansFor(`${FIXTURES}/collision`, `${FIXTURES}/pkg`),
-        });
-        assert.equal(resolved.get("acme-widget")?.kind, "file");
-        assert.match(resolved.get("acme-widget").value, /collision\/widgets\/acme-widget\.browser$/);
-    });
-});

package/dist/tests/expand.test.d.ts

@@ -1,10 +0,0 @@
-/**
- * Expansion — see docs/reference/custom-elements.md and docs/testing.md, tier 1.
- *
- * Definitions are written inline here because `expand` takes them as a map
- * and a two-line definition beside its assertion reads better than a file
- * reference. The cases that genuinely need files — the checks `loadDefinitions`
- * runs, and directory ordering — use tests/fixtures/definitions.
- */
-export {};
-//# sourceMappingURL=expand.test.d.ts.map

package/dist/tests/expand.test.d.ts.map

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

package/dist/tests/expand.test.js

@@ -1,253 +0,0 @@
-/**
- * Expansion — see docs/reference/custom-elements.md and docs/testing.md, tier 1.
- *
- * Definitions are written inline here because `expand` takes them as a map
- * and a two-line definition beside its assertion reads better than a file
- * reference. The cases that genuinely need files — the checks `loadDefinitions`
- * runs, and directory ordering — use tests/fixtures/definitions.
- */
-import assert from "node:assert/strict";
-import { describe, it } from "node:test";
-import { fileURLToPath } from "node:url";
-import { JSDOM } from "jsdom";
-import { expand, loadDefinitions } from "../build/expand";
-const FIXTURES = fileURLToPath(new URL("./fixtures/definitions", import.meta.url));
-/**
- * Read expansion's output as a tree.
- *
- * Used where the claim is about the document rather than about the text —
- * which elements exist, which attributes an element has. Matching a
- * serialization would test the serializer.
- */
-function parseHtml(html) {
-    const holder = new JSDOM("").window.document.createElement("div");
-    holder.innerHTML = html;
-    return holder;
-}
-/** Definitions are keyed by the uppercased tag they define. */
-function defs(entries) {
-    const map = {};
-    for (const [tag, source] of Object.entries(entries)) {
-        map[tag.toUpperCase()] = source;
-    }
-    return map;
-}
-// --- Rejections ----------------------------------------------------------
-//
-// Expansion runs before any request exists, so every one of these is a build
-// that must not produce output. Each asserts on the message as well as the
-// throw: an author reads the message, and it is the whole of the diagnosis.
-describe("expansion rejects", () => {
-    it("a parameter the definition never declared", () => {
-        assert.throws(() => expand(`<lb-thing exp-label="Name"></lb-thing>`, defs({ "lb-thing": `<div></div>` })), /given exp-label, but its definition has no \{\{label\}\}/);
-    });
-    it("a placeholder no tag could supply", async () => {
-        await assert.rejects(() => loadDefinitions([`${FIXTURES}/camel`]), /declares \{\{inputClass\}\}.*Write \{\{input-class\}\}/s);
-    });
-    it("a cycle in the definition graph", async () => {
-        await assert.rejects(() => loadDefinitions([`${FIXTURES}/cycle`]), /cycle in the definition graph/);
-    });
-    it("two destinations with one name", () => {
-        assert.throws(() => expand(`<lb-thing></lb-thing>`, defs({
-            "lb-thing": `<table><thead lb-template="head"></thead><tfoot lb-template="head"></tfoot></table>`,
-        })), /declares two lb-template="head" destinations/);
-    });
-    it("two templates for one destination", () => {
-        assert.throws(() => expand(`<lb-thing>` +
-            `<template lb-template="head"><tr></tr></template>` +
-            `<template lb-template="head"><tr></tr></template>` +
-            `</lb-thing>`, defs({
-            "lb-thing": `<table><thead lb-template="head"></thead></table>`,
-        })), /was given two templates for 'head'/);
-    });
-    it("a template naming a destination the definition does not have", () => {
-        assert.throws(() => expand(`<lb-thing><template lb-template="foot"><tr></tr></template></lb-thing>`, defs({
-            "lb-thing": `<table><thead lb-template="head"></thead></table>`,
-        })), /has no destination by that name/);
-    });
-    it("content written into a definition with no slot", () => {
-        assert.throws(() => expand(`<lb-thing><p>hello</p></lb-thing>`, defs({ "lb-thing": `<div></div>` })), /content was written inside <lb-thing>, whose definition has no lb-slot/);
-    });
-    it("a definition declaring more than one slot", () => {
-        assert.throws(() => expand(`<lb-thing></lb-thing>`, defs({
-            "lb-thing": `<div lb-slot></div><span lb-slot></span>`,
-        })), /declares more than one lb-slot/);
-    });
-});
-// --- Substitution --------------------------------------------------------
-describe("substitution", () => {
-    it("fills an attribute and a text node", () => {
-        const html = expand(`<lb-thing exp-label="Name" exp-name="who"></lb-thing>`, defs({
-            "lb-thing": `<label>{{label}}<input name="{{name}}" /></label>`,
-        }));
-        assert.match(html, /<label>Name<input name="who"><\/label>/);
-    });
-    it("drops an attribute whose placeholder was not supplied", () => {
-        // Presence propagates: an unsupplied placeholder must not emit
-        // readonly="", which HTML reads as readonly.
-        const html = expand(`<lb-thing></lb-thing>`, defs({ "lb-thing": `<input readonly="{{readonly}}" />` }));
-        assert.match(html, /<input>/);
-        assert.doesNotMatch(html, /readonly/);
-    });
-    it("keeps the whitespace around a text placeholder", () => {
-        // "{{label}} <input>" has to keep separating the label from the control.
-        const html = expand(`<lb-thing exp-label="Name"></lb-thing>`, defs({ "lb-thing": `<label>{{label}} <input /></label>` }));
-        assert.match(html, /<label>Name <input><\/label>/);
-    });
-    it("fills an unsupplied text placeholder with nothing", () => {
-        const html = expand(`<lb-thing></lb-thing>`, defs({ "lb-thing": `<label>{{label}}</label>` }));
-        assert.match(html, /<label><\/label>/);
-    });
-    it("falls back to a default the definition wrote", () => {
-        const html = expand(`<lb-thing></lb-thing>`, defs({ "lb-thing": `<button>{{text|OK}}</button>` }));
-        assert.match(html, /<button>OK<\/button>/);
-    });
-    it("lets a supplied value win over a default", () => {
-        const html = expand(`<lb-thing exp-text="Go"></lb-thing>`, defs({ "lb-thing": `<button>{{text|OK}}</button>` }));
-        assert.match(html, /<button>Go<\/button>/);
-    });
-    it("trims whitespace around a name and its default", () => {
-        // A spaced form that shipped as literal braces would be a silent failure
-        // found in the browser, so the space is not part of either side.
-        const html = expand(`<lb-thing></lb-thing>`, defs({
-            "lb-thing": `<button title="{{ tip | Press me }}">{{ text | OK }}</button>`,
-        }));
-        assert.match(html, /<button title="Press me">OK<\/button>/);
-    });
-    it("emits an attribute whose default is empty", () => {
-        // The one case a default distinguishes from no default: presence.
-        // readonly="{{readonly|}}" is a boolean attribute on unless a tag turns
-        // it off — which, since a supplied value is a string, a tag cannot do;
-        // the default is for a definition that wants the attribute there.
-        const html = expand(`<lb-thing></lb-thing>`, defs({ "lb-thing": `<input readonly="{{readonly|}}" />` }));
-        assert.match(html, /<input readonly="">/);
-    });
-    it("reaches placeholders inside template content", () => {
-        // lb-picker ships a row template of its own, so {{key}} written inside
-        // one has to be a placeholder rather than literal text that ships.
-        const html = expand(`<lb-thing exp-key="id" exp-cell="name"></lb-thing>`, defs({
-            "lb-thing": `<select><template lb-key="{{key}}"><option lb-cell="{{cell}}"></option></template></select>`,
-        }));
-        assert.match(html, /<template lb-key="id">/);
-        assert.match(html, /<option lb-cell="name">/);
-    });
-    it("leaves a partial placeholder alone", () => {
-        // A placeholder is an entire attribute value or an entire text node.
-        const html = expand(`<lb-thing></lb-thing>`, defs({ "lb-thing": `<label title="a {{label}} b"></label>` }));
-        assert.match(html, /title="a \{\{label\}\} b"/);
-    });
-    it("refuses a parameter for a partial placeholder", () => {
-        // The consequence of the rule above, and the reason it is safe: a name
-        // that is not a placeholder is a name the definition never declared, so
-        // supplying it is the same error as supplying a name that is not there
-        // at all. The author is told rather than shipped literal braces.
-        assert.throws(() => expand(`<lb-thing exp-label="Name"></lb-thing>`, defs({ "lb-thing": `<label title="a {{label}} b"></label>` })), /has no \{\{label\}\}/);
-    });
-    it("keeps the exp- attributes on the expanded tag", () => {
-        // What ships shows what was asked for beside what it produced.
-        const html = expand(`<lb-thing exp-label="Name"></lb-thing>`, defs({ "lb-thing": `<label>{{label}}</label>` }));
-        assert.match(html, /<lb-thing exp-label="Name">/);
-    });
-    it("cannot inject markup, by construction", () => {
-        // Substitution goes through setAttribute and node values, never through a
-        // string. This test exists to fail if anyone reaches for concatenation.
-        //
-        // The assertion reparses rather than matching the serialization, because
-        // the serialization is not the claim. An expanded tag keeps the exp-
-        // attributes it was given, and `<` in an attribute value is legal HTML
-        // that no serializer has to escape — so the output does contain the
-        // characters. What must not exist is an element.
-        const html = expand(`<lb-thing exp-label="<img src=x onerror=alert(1)>" exp-name="&quot; onclick=&quot;alert(1)"></lb-thing>`, defs({
-            "lb-thing": `<label>{{label}}<input name="{{name}}" /></label>`,
-        }));
-        const tree = parseHtml(html);
-        assert.equal(tree.querySelectorAll("img").length, 0);
-        assert.equal(tree.querySelector("label").textContent, "<img src=x onerror=alert(1)>");
-        // The second value closes an attribute and opens an event handler, if it
-        // is ever concatenated. Through setAttribute it is one attribute's value.
-        const input = tree.querySelector("input");
-        assert.deepEqual([...input.attributes].map((a) => a.name), ["name"]);
-        assert.equal(input.getAttribute("name"), `" onclick="alert(1)`);
-    });
-});
-// --- Slots and destinations ---------------------------------------------
-describe("placement", () => {
-    it("puts authored content in the slot and removes the marker", () => {
-        const html = expand(`<lb-list><p>hello</p></lb-list>`, defs({ "lb-list": `<div lb-slot></div>` }));
-        assert.match(html, /<div><p>hello<\/p><\/div>/);
-        assert.doesNotMatch(html, /lb-slot/);
-    });
-    it("unwraps a named template into its destination as real markup", () => {
-        // The wrapper existed only to survive the parser. What ships is a real
-        // <tr> in a real <thead>, visible in view-source like everything else.
-        const html = expand(`<lb-table>` +
-            `<template lb-template="head"><tr><th>Name</th></tr></template>` +
-            `<template lb-key="id"><tr><td lb-cell="name"></td></tr></template>` +
-            `</lb-table>`, defs({
-            "lb-table": `<table><thead lb-template="head"></thead><tbody lb-slot></tbody></table>`,
-        }));
-        assert.match(html, /<thead><tr><th>Name<\/th><\/tr><\/thead>/);
-        assert.match(html, /<tbody><template lb-key="id">/);
-        assert.doesNotMatch(html, /lb-template/);
-    });
-    it("does not count whitespace as content", () => {
-        // An author who writes only named templates still leaves the newlines
-        // between them, and those are the file's formatting.
-        const html = expand(`<lb-thing>\n  \n</lb-thing>`, defs({ "lb-thing": `<div></div>` }));
-        assert.match(html, /<lb-thing><div><\/div><\/lb-thing>/);
-    });
-    it("expands a widget used inside a definition", () => {
-        const html = expand(`<lb-outer></lb-outer>`, defs({
-            "lb-outer": `<div><lb-inner exp-label="deep"></lb-inner></div>`,
-            "lb-inner": `<span>{{label}}</span>`,
-        }));
-        assert.match(html, /<span>deep<\/span>/);
-    });
-    it("expands a widget written inside a page's row template", () => {
-        // Template content is markup in a file like any other, and it is inert,
-        // so a row template ships already expanded.
-        const html = expand(`<lb-list><template lb-key="id"><lb-inner exp-label="row"></lb-inner></template></lb-list>`, defs({
-            "lb-list": `<div lb-slot></div>`,
-            "lb-inner": `<span>{{label}}</span>`,
-        }));
-        assert.match(html, /<span>row<\/span>/);
-    });
-    it("expands a tag outside the lb- namespace when it has a definition", () => {
-        // An application's widget can use its own prefix — see docs/tutorials/000-getting-started.md.
-        // The definition must still apply; discovering it is not enough.
-        const html = expand(`<app-nav exp-label="Site"></app-nav>`, defs({ "app-nav": `<nav aria-label="{{label}}" lb-slot></nav>` }));
-        assert.match(html, /<nav aria-label="Site"><\/nav>/);
-    });
-    it("leaves a tag outside the lb- namespace alone when it has no definition", () => {
-        // A plain custom element, registered by script alone — see build/elements.ts.
-        const html = expand(`<app-box>hi</app-box>`, defs({}));
-        assert.match(html, /<app-box>hi<\/app-box>/);
-    });
-    it("leaves a tag with no definition alone, whatever its name", () => {
-        // No name is special, the hub's own tag included. A tag that has neither
-        // a definition nor a script is refused once, in build/elements.ts.
-        const html = expand(`<lb-nope></lb-nope><lb-hub></lb-hub>`, defs({}));
-        assert.match(html, /<lb-nope><\/lb-nope><lb-hub><\/lb-hub>/);
-    });
-});
-// --- Loading -------------------------------------------------------------
-describe("loadDefinitions", () => {
-    it("keys a definition by the tag its filename names", async () => {
-        const loaded = await loadDefinitions([`${FIXTURES}/base`]);
-        assert.deepEqual(Object.keys(loaded), ["LB-THING"]);
-    });
-    it("lets a later directory override a built-in", async () => {
-        const loaded = await loadDefinitions([
-            `${FIXTURES}/base`,
-            `${FIXTURES}/override`,
-        ]);
-        assert.match(loaded["LB-THING"], /application/);
-    });
-    it("skips a directory that is not there", async () => {
-        const loaded = await loadDefinitions([
-            `${FIXTURES}/nothing-here`,
-            `${FIXTURES}/base`,
-        ]);
-        assert.deepEqual(Object.keys(loaded), ["LB-THING"]);
-    });
-});

package/dist/tests/fixtures/elements/collision/imports.d.ts

@@ -1,3 +0,0 @@
-declare const _default: string[];
-export default _default;
-//# sourceMappingURL=imports.d.ts.map

package/dist/tests/fixtures/elements/collision/imports.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"imports.d.ts","sourceRoot":"","sources":["../../../../../tests/fixtures/elements/collision/imports.ts"],"names":[],"mappings":";AAAA,wBAAgC"}

package/dist/tests/fixtures/elements/collision/imports.js

@@ -1 +0,0 @@
-export default ["@acme/widget"];

package/dist/tests/fixtures/elements/collision/widgets/acme-widget.browser.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=acme-widget.browser.d.ts.map

package/dist/tests/fixtures/elements/collision/widgets/acme-widget.browser.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"acme-widget.browser.d.ts","sourceRoot":"","sources":["../../../../../../tests/fixtures/elements/collision/widgets/acme-widget.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC"}

package/dist/tests/fixtures/elements/collision/widgets/acme-widget.browser.js

@@ -1 +0,0 @@
-export {};

package/dist/tests/fixtures/elements/local/widgets/app-box.browser.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=app-box.browser.d.ts.map

package/dist/tests/fixtures/elements/local/widgets/app-box.browser.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-box.browser.d.ts","sourceRoot":"","sources":["../../../../../../tests/fixtures/elements/local/widgets/app-box.browser.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC"}

package/dist/tests/fixtures/elements/local/widgets/app-box.browser.js

@@ -1 +0,0 @@
-export {};

package/dist/tests/fixtures/elements/manifest/imports.d.ts

@@ -1,3 +0,0 @@
-declare const _default: string[];
-export default _default;
-//# sourceMappingURL=imports.d.ts.map