create-ailk 0.7.0 → 0.9.0

package/templates/apps/web/app/[locale]/use-cases/__tests__/page-renderer-migration.test.tsx

@@ -1,72 +0,0 @@
-/**
- * HTML snapshot regression tests for use-cases/page.tsx → @working-theory/page-renderer migration.
- *
- * Two-commit strategy:
- *   Commit 1: this file added; snapshots captured against pre-migration route (RED-passing).
- *   Commit 2: route migrated; same snapshots verify diff=0 (GREEN).
- *
- * Two states tested:
- *   - empty: getMdxSource returns null → empty-state branch
- *   - populated: getMdxSource returns a minimal MdxPageSource → full render
- *
- * Failure = snapshot diff > 0 bytes. DO NOT regenerate snapshots to pass.
- */
-import React from "react";
-import { render } from "@testing-library/react";
-
-// ── @working-theory/ui mock ─────────────────────────────────────────────────────────────
-jest.mock("@working-theory/ui", () => ({
-  // #4446/#4447: renderPage's own fallback/empty-state title now composes
-  // Heading (mobile type-budget classes, #4417) instead of a bare <h1>.
-  Heading: ({
-    children,
-    level,
-  }: {
-    children: React.ReactNode;
-    level: number;
-  }): React.ReactElement => React.createElement(`h${level}`, null, children),
-  SectionRenderer: ({ sections }: { sections: unknown[] }) =>
-    React.createElement("div", {
-      "data-testid": "section-renderer",
-      "data-section-count": String(sections.length),
-    }),
-}));
-
-import UseCasesPage from "../page";
-
-const getMdxSourceEmpty = jest.fn().mockResolvedValue(null);
-
-describe("UseCasesPage — snapshot regression", () => {
-  it("empty state renders deterministic HTML", async () => {
-    const element = await UseCasesPage({
-      params: Promise.resolve({ locale: "en" }),
-      getMdxSource: getMdxSourceEmpty,
-    });
-    const { container } = render(element);
-    expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<main id="main"><h1>Use Cases</h1><p data-testid="section-empty-state">Use cases listing coming soon.</p></main>"`,
-    );
-  });
-
-  it("populated state renders deterministic HTML", async () => {
-    const source = {
-      frontmatter: {
-        type: "UseCasesList" as const,
-        slug: "use-cases",
-        title: "Use Cases",
-        description: "How teams use our platform.",
-      },
-      body: "",
-    };
-    const getMdxSourcePopulated = jest.fn().mockResolvedValue(source);
-
-    const element = await UseCasesPage({
-      params: Promise.resolve({ locale: "en" }),
-      getMdxSource: getMdxSourcePopulated,
-    });
-    const { container } = render(element);
-    expect(container.innerHTML).toMatchInlineSnapshot(
-      `"<script type="application/ld+json" data-testid="json-ld">{"@context":"https://schema.org","@type":"CollectionPage","inLanguage":"en","name":"Use Cases","description":"How teams use our platform.","mainEntity":{"@type":"ItemList","itemListElement":[{"@type":"Article"}]}}</script><main id="main"><h1>Use Cases</h1><p data-testid="use-cases-description">How teams use our platform.</p><div data-testid="markdown-view-toggle" class="ailk-markdown-view-toggle"><div class="flex justify-end mb-3"><div role="radiogroup" aria-label="Page view" data-testid="markdown-view-toggle" class="inline-flex items-center gap-0.5 rounded-lg p-1 bg-(--color-surface-secondary)"><button class="inline-flex items-center justify-center gap-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) hover:bg-(--color-surface-secondary) active:bg-gray-200 rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) bg-(--color-bg) text-(--color-fg) shadow-sm" type="button" role="radio" aria-checked="true" aria-label="Rendered" tabindex="0" data-testid="markdown-view-toggle-rendered">Rendered</button><button class="inline-flex items-center justify-center gap-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50 [&amp;>svg]:shrink-0 text-(--color-fg) hover:bg-(--color-surface-secondary) active:bg-gray-200 rounded-control px-control-x h-(--control-height-thin) text-caption leading-none rounded-md px-3 text-body-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-accent) focus-visible:ring-offset-1 min-w-(--control-height-thin) min-h-(--control-height-big) text-(--color-text-muted) hover:text-(--color-fg)" type="button" role="radio" aria-checked="false" aria-label="Markdown" tabindex="-1" data-testid="markdown-view-toggle-markdown">Markdown</button></div></div><div role="status" aria-live="polite" aria-atomic="true" class="sr-only" data-testid="markdown-view-toggle-status">Showing Rendered view</div><div data-testid="markdown-view-rendered"><article data-testid="mdx-body"><div data-testid="mdx-remote" data-source=""></div></article></div></div></main>"`,
-    );
-  });
-});

package/templates/content/en/SoftwareProduct/product.mdx

@@ -1,175 +0,0 @@
----
-type: "SoftwareProduct"
-slug: "product"
-title: "{Your product name}"
-description: "{One sentence on what your product does and who it is for}"
-placeholder: true
-sections:
-  [
-    {
-      "id": "hero",
-      "type": "hero",
-      "data":
-        {
-          "eyebrow": "Product",
-          "headline": "{Your product name}",
-          "subheadline": "{One sentence on what your product does and who it is for}",
-          "primaryCta": { "label": "{Primary CTA}", "href": "/contact" },
-          "secondaryCta":
-            {
-              "label": "{Secondary CTA}",
-              "href": "/pricing",
-              "variant": "outline",
-            },
-        },
-    },
-    {
-      "id": "core-features",
-      "type": "feature",
-      "data":
-        {
-          "variant": "default",
-          "itemStyle": "plain",
-          "eyebrow": "{Section label}",
-          "headline": "{Section heading: the outcome this section promises}",
-          "description": "{Two sentences on what these features let your customers do}",
-          "features":
-            [
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "rocket",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "zap",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "sparkles",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "gauge",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-              {
-                "title": "{Feature name}",
-                "description": "{Explain what this feature lets your customers do, in plain English with no jargon}",
-                "icon": "shield-check",
-                "link":
-                  {
-                    "label": "Learn More",
-                    "href": "#how-it-works",
-                    "variant": "link",
-                  },
-              },
-            ],
-        },
-    },
-    {
-      "id": "how-it-works",
-      "type": "feature",
-      "data":
-        {
-          "variant": "steps",
-          "numbered": true,
-          "eyebrow": "How it works",
-          "headline": "{Get set up in number easy steps}",
-          "description": "{Summarize the setup process briefly, so it reads as approachable and quick}",
-          "features":
-            [
-              {
-                "title": "{The first thing they do to get the outcome they want}",
-                "description": "{Two sentences on what the customer does in this step and what they get}",
-              },
-              {
-                "title": "{The second thing they do to get the outcome they want}",
-                "description": "{Two sentences on what the customer does in this step and what they get}",
-              },
-              {
-                "title": "{The third thing they do to get the outcome they want}",
-                "description": "{Two sentences on what the customer does in this step and what they get}",
-              },
-            ],
-        },
-    },
-    {
-      "id": "integrations",
-      "type": "cta",
-      "data":
-        {
-          "variant": "minimal",
-          "eyebrow": "Integrations",
-          "headline": "Direct integrations with your favorite tools",
-          "description": "{Describe what these integrations help your customers do, with one impressive fact about how they work}",
-          "primaryCta":
-            {
-              "label": "Get Started",
-              "href": "/contact",
-              "variant": "outline",
-            },
-          "secondaryCta":
-            {
-              "label": "See all Integrations",
-              "href": "#integrations-media",
-              "variant": "link",
-            },
-        },
-    },
-    {
-      "id": "integrations-media",
-      "type": "media-band",
-      "data": { "imagerySlot": true },
-    },
-    {
-      "id": "switch",
-      "type": "cta",
-      "data":
-        {
-          "variant": "box",
-          "headline": "{Switch to your product in time amount or less}",
-          "description": "{You shouldn't have to experience a painful problem. With your product, you can finally achieve a value outcome or get a big improvement.}",
-          "checklist":
-            ["No credit card required", "Cancel any time", "Live chat support"],
-          "imagerySlot": true,
-          "primaryCta": { "label": "{Primary CTA}", "href": "/contact" },
-          "secondaryCta":
-            {
-              "label": "{Secondary CTA}",
-              "href": "/pricing",
-              "variant": "outline",
-            },
-          "closingLine": "{Social Proof goes here}",
-        },
-    },
-  ]
----
-
-{/* Your product's own page, served at /software/product. Its JSON-LD is a WebPage whose main entity is a SoftwareApplication named by this page's title, and the feature titles below become the site's featureList. Placeholder copy — replace every {brace} with your own words before you launch. */}