@cardstack/boxel-cli 0.13.0-unstable.4 → 0.13.0-unstable.6

package/bundled-test-harness/assets/choreo-gallery-guides-test-DVbf1zM4.js

@@ -1,321 +0,0 @@
-import { s as __toESM } from "./chunk-Rp0pCe6z.js";
-import { n as decorateMethodV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
-import { Br as testRealmURL } from "./runtime-common-BTaLJEw-.js";
-import { n as CardContextName } from "./constants-Icc0nFW-.js";
-import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
-import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
-import "./component-BJO47HTh.js";
-import { t as Component } from "./dist-CkA1rgqO.js";
-import "./template-factory-ds9s0u8l.js";
-import { t as templateOnly } from "./template-only-6nVzLWF-.js";
-import { r as modifier } from "./dist-nMt-N14r.js";
-import { r as provide } from "./dist-Ble0L9o7.js";
-import { M as waitUntil, d as click, h as render, o as waitFor } from "./dist-BOAdzfkP.js";
-import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
-import "./mock-matrix-Dd8k0DNa.js";
-import { a as liveAll, i as live } from "./test-support-BOFeeYuE.js";
-import "./test-support-DfnhiIMV.js";
-import { i as choreoGalleryGuides, n as choreoGalleryGuideIndex } from "./choreo-gallery-DZm1KZ20.js";
-import { a as setupChoreoGalleryTest, i as galleryInstance, n as GALLERY_DEMOS } from "./choreo-gallery-stage-E6Q5r-zU.js";
-//#region tests/integration/choreo-gallery-guides-test.gts
-/**
-* The guides, their links and the lab: a guide renders from the realm with
-* its live demo embedded, every tile and demo page links its demo's guide
-* page, an embedded demo leaves that link out inside its own guide, and the
-* lab tunes a demo through `demoTuning`.
-*/ var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-var GUIDES = choreoGalleryGuides();
-var guideURL = (slug) => `${testRealmURL}docs/guides/${slug}`;
-/** the guide a demo's lesson names */
-var guideOf = (slug) => galleryInstance(`demos/${slug}.json`).data.attributes.lesson?.["guide"];
-/**
-* The card context the host's overlay gives a document: an embedded card opens
-* on a click anywhere inside it, and the innermost card a click reaches is the
-* one it opens. Each open is recorded.
-*/
-var OpensOnClick = class extends Component {
-	opensOnClick = modifier((element, _, named) => {
-		let open = (event) => {
-			event.stopPropagation();
-			this.args.opened.push(named.cardId ?? "card");
-		};
-		element.addEventListener("click", open);
-		return () => element.removeEventListener("click", open);
-	});
-	get cardContext() {
-		return { cardComponentModifier: this.opensOnClick };
-	}
-	static {
-		decorateMethodV2(this.prototype, "cardContext", [provide(CardContextName)]);
-	}
-	static {
-		setComponentTemplate(templateFactory({
-			"id": "nHjRW5PT",
-			"block": "[[[18,1,null]],[\"&default\"],[\"yield\"]]",
-			"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/choreo-gallery-guides-test.gts",
-			"isStrictMode": true
-		}), this);
-	}
-};
-/** what a guide's page provides to what it renders: the guide being read */
-var InGuide = class extends Component {
-	get currentGuide() {
-		return this.args.slug;
-	}
-	static {
-		decorateMethodV2(this.prototype, "currentGuide", [provide("choreo-gallery:current-guide")]);
-	}
-	static {
-		setComponentTemplate(templateFactory({
-			"id": "nHjRW5PT",
-			"block": "[[[18,1,null]],[\"&default\"],[\"yield\"]]",
-			"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/choreo-gallery-guides-test.gts",
-			"isStrictMode": true
-		}), this);
-	}
-};
-(0, import_qunit.module)("Integration | Choreo gallery | guides and the lab", function(hooks) {
-	let gallery = setupChoreoGalleryTest(hooks);
-	/** one demo the index links, as a card instance at its realm id */
-	async function demoCard(slug) {
-		let { DemoLesson, WalkthroughStep } = await gallery.import("demo");
-		let { data } = galleryInstance(`demos/${slug}.json`);
-		let { module: path, name } = data.meta.adoptsFrom;
-		let classes = await gallery.import(path.replace(/^\.\.\//, ""));
-		let { lesson, walkthrough, ...attributes } = data.attributes;
-		return new classes[name]({
-			id: `${testRealmURL}demos/${slug}`,
-			...attributes,
-			lesson: lesson ? new DemoLesson(lesson) : void 0,
-			walkthrough: (walkthrough ?? []).map((step) => new WalkthroughStep(step))
-		});
-	}
-	(0, import_qunit.test)("a guide renders from the realm with its live demo embedded", async function(assert) {
-		let content = GUIDES["core-start"];
-		assert.true(content.includes("::card[../../demos/enter]"), "the guide embeds the enter demo");
-		let enter = await demoCard("enter");
-		let MarkdownTemplate = (await gallery.loader.import("@cardstack/base/default-templates/markdown")).default;
-		let linkedCards = [enter];
-		let base = guideURL("core-start");
-		await render(setComponentTemplate(templateFactory({
-			"id": "pASfqUaB",
-			"block": "[[[8,[32,0],null,[[\"@content\",\"@linkedCards\",\"@cardReferenceBaseUrl\"],[[32,1],[32,2],[32,3]]],null]],[],[]]",
-			"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/choreo-gallery-guides-test.gts",
-			"scope": () => [
-				MarkdownTemplate,
-				content,
-				linkedCards,
-				base
-			],
-			"isStrictMode": true
-		}), templateOnly()));
-		await waitFor(".markdown-bfm-card-slot--block .tile", { timeout: 1e4 });
-		assert.dom("h2#user-content-installing-the-library").exists("the guide’s own prose renders");
-		let embed = live(".markdown-bfm-card-slot--block .tile");
-		assert.dom(embed.querySelector(".tile-title")).hasText("Enter", "the embed is the enter demo");
-		assert.ok(embed.querySelector(".tile-stage .banner"), "its live stage renders its notices");
-		assert.dom(embed.querySelector(".guide-link")).hasAttribute("href", guideURL(guideOf("enter")), "and links the guide its lesson names");
-		await click(embed.querySelector(".lab-toggle"));
-		await waitFor(".markdown-bfm-card-slot--block [data-demo-lab=\"enter\"]");
-		assert.dom(".markdown-bfm-card-slot--block [data-demo-lab=\"enter\"]").exists("the embedded demo opens its lab");
-	});
-	(0, import_qunit.test)("an embedded demo leaves out the link to the guide it sits in", async function(assert) {
-		let { CurrentGuideContext } = await gallery.import("lib/guide-index");
-		assert.strictEqual(CurrentGuideContext, "choreo-gallery:current-guide", "the context the page provides is the one this test provides");
-		let enter = await demoCard("enter");
-		let MarkdownTemplate = (await gallery.loader.import("@cardstack/base/default-templates/markdown")).default;
-		let content = "::card[../../demos/enter]";
-		let linkedCards = [enter];
-		let own = guideOf("enter");
-		let other = "core-start";
-		assert.notStrictEqual(own, other, "enter’s guide is not core-start");
-		await render(setComponentTemplate(templateFactory({
-			"id": "Do+doElM",
-			"block": "[[[10,0],[14,\"data-test-own-guide\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],null,[[\"@slug\"],[[32,1]]],[[\"default\"],[[[[1,\"\\n    \"],[8,[32,2],null,[[\"@content\",\"@linkedCards\",\"@cardReferenceBaseUrl\"],[[32,3],[32,4],[28,[32,5],[[32,1]],null]]],null],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[13],[1,\"\\n\"],[10,0],[14,\"data-test-other-guide\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],null,[[\"@slug\"],[[32,6]]],[[\"default\"],[[[[1,\"\\n    \"],[8,[32,2],null,[[\"@content\",\"@linkedCards\",\"@cardReferenceBaseUrl\"],[[32,3],[32,4],[28,[32,5],[[32,6]],null]]],null],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"],[13]],[],[]]",
-			"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/choreo-gallery-guides-test.gts",
-			"scope": () => [
-				InGuide,
-				own,
-				MarkdownTemplate,
-				content,
-				linkedCards,
-				guideURL,
-				other
-			],
-			"isStrictMode": true
-		}), templateOnly()));
-		await waitFor("[data-test-own-guide] .markdown-bfm-card-slot--block [data-test-demo-tile]", { timeout: 1e4 });
-		await waitFor("[data-test-other-guide] .markdown-bfm-card-slot--block [data-test-demo-tile]", { timeout: 1e4 });
-		assert.dom("[data-test-own-guide] [data-test-demo-tile] [data-test-guide-link]").doesNotExist("in its own guide it does not link the page being read");
-		assert.dom("[data-test-other-guide] [data-test-demo-tile] [data-test-guide-link]").hasAttribute("href", guideURL(own), "in another guide it links its own");
-	});
-	(0, import_qunit.test)("the guides' index reads as its sections, in order, listing every guide once", async function(assert) {
-		let { guideSections, guideSlug } = await gallery.import("lib/guide-index");
-		let sections = guideSections(choreoGalleryGuideIndex());
-		assert.deepEqual(sections.map(({ number, title }) => `${number} ${title}`), [
-			"01 Core glimmer-motion",
-			"02 Interactive Choreo",
-			"03 Spatial & 3D Choreo",
-			"04 Recorded & Film Choreo"
-		]);
-		let listed = sections.flatMap((section) => section.guides.map(({ slug }) => slug));
-		assert.deepEqual([...listed].sort(), Object.keys(GUIDES).sort(), "each guide in the realm is listed once");
-		assert.deepEqual(sections[0].guides[0], {
-			slug: "core-start",
-			title: "Getting Started"
-		});
-		assert.strictEqual(guideSlug(guideURL("core-start")), "core-start");
-		assert.strictEqual(guideSlug(guideURL("README")), "README");
-	});
-	(0, import_qunit.test)("an embedded demo keeps its own clicks, and opens its card from what it is", async function(assert) {
-		let enter = await demoCard("enter");
-		let MarkdownTemplate = (await gallery.loader.import("@cardstack/base/default-templates/markdown")).default;
-		let content = GUIDES["core-start"];
-		let linkedCards = [enter];
-		let base = guideURL("core-start");
-		let opened = [];
-		await render(setComponentTemplate(templateFactory({
-			"id": "b7lxUTTG",
-			"block": "[[[8,[32,0],null,[[\"@opened\"],[[32,1]]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,2],null,[[\"@content\",\"@linkedCards\",\"@cardReferenceBaseUrl\"],[[32,3],[32,4],[32,5]]],null],[1,\"\\n\"]],[]]]]]],[],[]]",
-			"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/choreo-gallery-guides-test.gts",
-			"scope": () => [
-				OpensOnClick,
-				opened,
-				MarkdownTemplate,
-				content,
-				linkedCards,
-				base
-			],
-			"isStrictMode": true
-		}), templateOnly()));
-		await waitFor(".markdown-bfm-card-slot--block .tile", { timeout: 1e4 });
-		let embed = live(".markdown-bfm-card-slot--block .tile");
-		let stageButton = embed.querySelector(".tile-stage button");
-		assert.ok(stageButton, "the stage has a control of its own");
-		await click(stageButton);
-		await click(embed.querySelector(".lab-toggle"));
-		await waitFor(".markdown-bfm-card-slot--block [data-demo-lab] .lab-replay");
-		await click(live(".markdown-bfm-card-slot--block [data-demo-lab] .lab-replay"));
-		let guide = embed.querySelector(".guide-link");
-		guide.addEventListener("click", (event) => event.preventDefault());
-		await click(guide);
-		assert.deepEqual(opened, [], "the stage, the lab and the guide link keep their clicks");
-		await click(embed.querySelector(".tile-title"));
-		assert.strictEqual(opened.length, 1, "a click on what the demo is opens its card");
-	});
-	(0, import_qunit.test)("every tile and the demo page link the guide their lesson names", async function(assert) {
-		await gallery.renderGallery();
-		await waitUntil(() => liveAll("[data-gallery-tile] .guide-link").length === GALLERY_DEMOS.length, { timeout: 1e4 });
-		let links = liveAll("[data-gallery-tile] .guide-link");
-		assert.strictEqual(links.length, GALLERY_DEMOS.length, "one per tile");
-		for (let slug of GALLERY_DEMOS) {
-			let guide = guideOf(slug);
-			assert.ok(GUIDES[guide], `${slug}'s guide, ${guide}, is in the realm`);
-			assert.dom(`[data-gallery-tile='${slug}'] .guide-link`).hasAttribute("href", guideURL(guide), `${slug} links ${guide}`);
-		}
-		await gallery.renderDemo("keyframes");
-		await waitFor("[data-demo=\"keyframes\"]");
-		assert.dom(".demo-links .guide-link").hasAttribute("href", guideURL(guideOf("keyframes")), "the demo page links its guide");
-	});
-	(0, import_qunit.test)("the lab tunes the demo through demoTuning", async function(assert) {
-		let { demoTuning } = await gallery.import("lib/tuning");
-		let { demoPresets } = await gallery.import("lib/presets");
-		await gallery.renderDemo("enter");
-		await waitFor("[data-demo=\"enter\"]");
-		assert.dom(".lab-toggle").hasAttribute("aria-expanded", "false");
-		await click(".lab-toggle");
-		await waitFor("[data-demo-lab=\"enter\"]");
-		assert.dom(".lab-toggle").hasAttribute("aria-expanded", "true");
-		let lab = live("[data-demo-lab=\"enter\"]");
-		let tuneNamed = (name) => [...lab.querySelectorAll(".dial-tune")].find((button) => button.textContent?.trim() === name);
-		let preset = demoPresets["enter"][0];
-		await waitUntil(() => tuneNamed(preset.name), { timeout: 5e3 });
-		assert.true(Object.keys(demoTuning("enter").definitions).length > 0, "the stage registered its values");
-		assert.deepEqual(demoTuning("enter").values, {}, "the demo runs as written until the lab changes something");
-		await click(tuneNamed(preset.name));
-		await waitUntil(() => Object.keys(demoTuning("enter").values).length > 0);
-		assert.deepEqual(demoTuning("enter").values, preset.values, `wearing ${preset.name} writes its values into demoTuning`);
-		let notice = live("[data-demo-stage] .banner");
-		await click("[data-demo-lab=\"enter\"] .lab-replay");
-		await waitFor("[data-demo-stage] .banner");
-		assert.notStrictEqual(live("[data-demo-stage] .banner"), notice, "replay mounts the stage afresh");
-		await click(".lab-toggle");
-		assert.dom("[data-demo-lab]").doesNotExist("the lab closes");
-		assert.deepEqual(demoTuning("enter").values, {}, "and the demo is back as it was written");
-	});
-	(0, import_qunit.test)("labs open on one demo share its tuning, and the last to close resets it", async function(assert) {
-		let { demoTuning, tuneNumber } = await gallery.import("lib/tuning");
-		let { DemoLab } = await gallery.import("lib/lab");
-		const SIZE = "Size (px)";
-		let tuned = (value) => waitUntil(() => demoTuning("test-shared-lab").values[SIZE] === value);
-		tuneNumber("test-shared-lab", 1, SIZE);
-		let page = new DemoLab("test-shared-lab", "Shared");
-		page.dial.set(SIZE, 2);
-		await tuned(2);
-		let guide = new DemoLab("test-shared-lab", "Shared");
-		await Promise.resolve();
-		await Promise.resolve();
-		assert.strictEqual(demoTuning("test-shared-lab").values[SIZE], 2, "a second lab opening on the demo keeps the tuning the first one made");
-		assert.strictEqual(guide.dial.raw[SIZE], 2, "and shows it");
-		guide.dial.set(SIZE, 3);
-		await tuned(3);
-		assert.strictEqual(page.dial.raw[SIZE], 3, "both labs show the edit one of them made");
-		guide.teardown();
-		await Promise.resolve();
-		assert.deepEqual(demoTuning("test-shared-lab").values, { [SIZE]: 3 }, "closing one lab leaves the demo tuned while another is open");
-		page.dial.set(SIZE, 4);
-		await tuned(4);
-		assert.strictEqual(demoTuning("test-shared-lab").values[SIZE], 4, "and the lab still open still tunes it");
-		page.teardown();
-		assert.deepEqual(demoTuning("test-shared-lab").values, {}, "closing the last lab puts the demo back as it was written");
-	});
-	(0, import_qunit.test)("the lab writes only the values that differ from the demo’s own", async function(assert) {
-		let { changedValues } = await gallery.import("lib/lab");
-		let definitions = {
-			Carry: {
-				type: "spring",
-				stiffness: 130,
-				damping: 15
-			},
-			"Delay (s)": [
-				.2,
-				0,
-				1,
-				.01
-			]
-		};
-		assert.deepEqual(changedValues(definitions, {
-			Carry: {
-				type: "spring",
-				stiffness: 130,
-				damping: 15
-			},
-			"Delay (s)": .2,
-			"Carry.__mode": "advanced"
-		}), {}, "the demo’s own values are no edit");
-		assert.deepEqual(changedValues(definitions, {
-			Carry: {
-				type: "spring",
-				stiffness: 130,
-				damping: 15,
-				mass: 2
-			},
-			"Delay (s)": .5
-		}), {
-			Carry: {
-				type: "spring",
-				stiffness: 130,
-				damping: 15,
-				mass: 2
-			},
-			"Delay (s)": .5
-		}, "a field the editor adds is an edit, and so is a moved number");
-	});
-	(0, import_qunit.test)("a film has no lab: it plays in a document the lab cannot reach", async function(assert) {
-		await gallery.renderDemo("towers");
-		await waitFor("[data-demo=\"towers\"]");
-		assert.dom(".lab-toggle").doesNotExist();
-		assert.dom(".demo-links .guide-link").exists("the guide link still is");
-	});
-});
-//#endregion