chore: Fix snapshot tests (#74)

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,28 +21,24 @@ function validatePublicFiles(definitionFiles) {
 }
 
 function componentDocs() {
-  const definitions = documentComponents(path.resolve("scripts/tsconfig.docs.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() {
   const tsconfig = path.resolve("src/test-utils/tsconfig.json");
   ["dom", "selectors"].forEach((testUtilType) => {

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 'code-view' matches the snapshot 1`] = `
 {
+  "dashCaseName": "code-view",
   "events": [],
   "functions": [],
   "name": "CodeView",