chore: Fix snapshot tests (#59)

Author: just-boris

scripts/docs.js

@@ -4,7 +4,7 @@ import path from "node:path";
 
 import { documentComponents, documentTestUtils } from "@cloudscape-design/documenter";
 
-import { dashCase, listPublicDirs, writeSourceFile } from "./utils.js";
+import { listPublicDirs, writeSourceFile } from "./utils.js";
 
 const publicDirs = listPublicDirs("src");
 const targetDir = "lib/components/internal/api-docs";
@@ -21,27 +21,22 @@ function validatePublicFiles(definitionFiles) {
 }
 
 function componentDocs() {
-  const definitions = documentComponents(path.resolve("tsconfig.json"), "src/*/index.tsx");
+  const definitions = documentComponents({
+    tsconfigPath: path.resolve("tsconfig.json"),
+    publicFilesGlob: "src/*/index.tsx",
+  });
   const outDir = path.join(targetDir, "components");
-  const fileNames = definitions
-    .filter((definition) => {
-      const fileName = dashCase(definition.name);
-      if (!publicDirs.includes(fileName)) {
-        console.warn(`Excluded "${fileName}" from components definitions.`);
-        return false;
-      }
-      return true;
-    })
-    .map((definition) => {
-      const fileName = dashCase(definition.name);
-      writeSourceFile(path.join(outDir, fileName + ".js"), `module.exports = ${JSON.stringify(definition, null, 2)};`);
-      return fileName;
-    });
-  validatePublicFiles(fileNames);
+  for (const definition of definitions) {
+    writeSourceFile(
+      path.join(outDir, definition.dashCaseName + ".js"),
+      `module.exports = ${JSON.stringify(definition, null, 2)};`,
+    );
+  }
   const indexContent = `module.exports = {
-    ${fileNames.map((name) => `${JSON.stringify(name)}:require('./${name}')`).join(",\n")}
+    ${definitions.map((definition) => `${JSON.stringify(definition.dashCaseName)}:require('./${definition.dashCaseName}')`).join(",\n")}
   }`;
   writeSourceFile(path.join(outDir, "index.js"), indexContent);
+  validatePublicFiles(definitions.map((def) => def.dashCaseName));
 }
 
 function testUtilDocs() {

scripts/utils.js

@@ -8,10 +8,6 @@ export function pascalCase(text) {
   return capitalize(lodash.camelCase(text));
 }
 
-export function dashCase(text) {
-  return lodash.kebabCase(text);
-}
-
 function capitalize(text) {
   return text[0].toUpperCase() + text.slice(1);
 }

src/__tests__/__snapshots__/documenter.test.ts.snap

@@ -2,6 +2,7 @@
 
 exports[`definition for avatar matches the snapshot > avatar 1`] = `
 {
+  "dashCaseName": "avatar",
   "events": [],
   "functions": [],
   "name": "Avatar",
@@ -105,6 +106,7 @@ Use this property if the icon you want isn't available.",
 
 exports[`definition for chat-bubble matches the snapshot > chat-bubble 1`] = `
 {
+  "dashCaseName": "chat-bubble",
   "events": [],
   "functions": [],
   "name": "ChatBubble",
@@ -168,6 +170,7 @@ If avatar is being used, set its \`loading\` state to true.",
 
 exports[`definition for loading-bar matches the snapshot > loading-bar 1`] = `
 {
+  "dashCaseName": "loading-bar",
   "events": [],
   "functions": [],
   "name": "LoadingBar",
@@ -196,6 +199,7 @@ with rounded corners.",
 
 exports[`definition for support-prompt-group matches the snapshot > support-prompt-group 1`] = `
 {
+  "dashCaseName": "support-prompt-group",
   "events": [
     {
       "cancelable": false,