docs: teach component setup with verified examples

test/showcase.test.ts

@@ -349,6 +349,27 @@ test("generated playground boolean states avoid multiline-sensitive ternaries",
   }
 });
 
+test("getting started and customization guides include code, outcomes, and verification", () => {
+  for (const slug of [
+    "installation",
+    "framework-guides",
+    "accessibility",
+    "resources",
+    "dark-mode",
+    "themes",
+    "colors",
+    "fonts",
+    "sizing",
+  ]) {
+    const source = readFileSync(join(pagesDir, `${slug}.wrn`), "utf8");
+    expect(source).toContain("Configure and use it");
+    expect(source).toContain("What changes after this");
+    expect(source).toContain("Verify the result");
+    expect(source).toContain("Expected result");
+    expect(source).toContain("<pre><code>");
+  }
+});
+
 test("every generated showcase page compiles and is accepted by the route syntax parser", () => {
   const paths = [
     ...readdirSync(pagesDir)